feat(element): add axLazyElementDynamic directive

- add contributor
- add dynamic docs
- enhance API docs
- minor styling fixes
- improve elements service tests

Author: tomastrajan

.all-contributorsrc

@@ -64,6 +64,16 @@
         "ideas",
         "test"
       ]
+    },
+    {
+      "login": "angelfraga",
+      "name": "Angel Fraga Parodi",
+      "avatar_url": "https://avatars0.githubusercontent.com/u/11693938?v=4",
+      "profile": "https://github.com/angelfraga",
+      "contributions": [
+        "example",
+        "ideas"
+      ]
     }
   ]
 }

README.md

@@ -79,7 +79,7 @@ or submit a [pull request](https://github.com/angular-extensions/elements/pulls)
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
 <!-- prettier-ignore -->
-| [<img src="https://avatars0.githubusercontent.com/u/3764868?v=4" width="100px;"/><br /><sub><b>Tomas Trajan</b></sub>](https://medium.com/@tomastrajan)<br />[💻](https://github.com/angular-extensions/elements/commits?author=tomastrajan "Code") [🎨](#design-tomastrajan "Design") [💡](#example-tomastrajan "Examples") [📖](https://github.com/angular-extensions/elements/commits?author=tomastrajan "Documentation") [🤔](#ideas-tomastrajan "Ideas, Planning, & Feedback") [🚇](#infra-tomastrajan "Infrastructure (Hosting, Build-Tools, etc)") [⚠️](https://github.com/angular-extensions/elements/commits?author=tomastrajan "Tests") | [<img src="https://avatars2.githubusercontent.com/u/2899448?v=4" width="100px;"/><br /><sub><b>Wayne Maurer</b></sub>](http://www.lambda-it.ch)<br />[🐛](https://github.com/angular-extensions/elements/issues?q=author%3Awmaurer "Bug reports") [💻](https://github.com/angular-extensions/elements/commits?author=wmaurer "Code") | [<img src="https://avatars3.githubusercontent.com/u/11923975?v=4" width="100px;"/><br /><sub><b>Santosh Yadav</b></sub>](https://www.santoshyadav.dev)<br />[💻](https://github.com/angular-extensions/elements/commits?author=santoshyadav198613 "Code") [📦](#platform-santoshyadav198613 "Packaging/porting to new platform") | [<img src="https://avatars0.githubusercontent.com/u/16886711?v=4" width="100px;"/><br /><sub><b>David Dal Busco</b></sub>](https://twitter.com/daviddalbusco)<br />[💻](https://github.com/angular-extensions/elements/commits?author=peterpeterparker "Code") [💡](#example-peterpeterparker "Examples") | [<img src="https://avatars3.githubusercontent.com/u/2327532?v=4" width="100px;"/><br /><sub><b>Zama Khan Mohammed</b></sub>](https://www.linkedin.com/in/mohammedzamakhan)<br />[💻](https://github.com/angular-extensions/elements/commits?author=mohammedzamakhan "Code") [🤔](#ideas-mohammedzamakhan "Ideas, Planning, & Feedback") [⚠️](https://github.com/angular-extensions/elements/commits?author=mohammedzamakhan "Tests") |
-| :---: | :---: | :---: | :---: | :---: |
+| [<img src="https://avatars0.githubusercontent.com/u/3764868?v=4" width="100px;"/><br /><sub><b>Tomas Trajan</b></sub>](https://medium.com/@tomastrajan)<br />[💻](https://github.com/angular-extensions/elements/commits?author=tomastrajan "Code") [🎨](#design-tomastrajan "Design") [💡](#example-tomastrajan "Examples") [📖](https://github.com/angular-extensions/elements/commits?author=tomastrajan "Documentation") [🤔](#ideas-tomastrajan "Ideas, Planning, & Feedback") [🚇](#infra-tomastrajan "Infrastructure (Hosting, Build-Tools, etc)") [⚠️](https://github.com/angular-extensions/elements/commits?author=tomastrajan "Tests") | [<img src="https://avatars2.githubusercontent.com/u/2899448?v=4" width="100px;"/><br /><sub><b>Wayne Maurer</b></sub>](http://www.lambda-it.ch)<br />[🐛](https://github.com/angular-extensions/elements/issues?q=author%3Awmaurer "Bug reports") [💻](https://github.com/angular-extensions/elements/commits?author=wmaurer "Code") | [<img src="https://avatars3.githubusercontent.com/u/11923975?v=4" width="100px;"/><br /><sub><b>Santosh Yadav</b></sub>](https://www.santoshyadav.dev)<br />[💻](https://github.com/angular-extensions/elements/commits?author=santoshyadav198613 "Code") [📦](#platform-santoshyadav198613 "Packaging/porting to new platform") | [<img src="https://avatars0.githubusercontent.com/u/16886711?v=4" width="100px;"/><br /><sub><b>David Dal Busco</b></sub>](https://twitter.com/daviddalbusco)<br />[💻](https://github.com/angular-extensions/elements/commits?author=peterpeterparker "Code") [💡](#example-peterpeterparker "Examples") | [<img src="https://avatars3.githubusercontent.com/u/2327532?v=4" width="100px;"/><br /><sub><b>Zama Khan Mohammed</b></sub>](https://www.linkedin.com/in/mohammedzamakhan)<br />[💻](https://github.com/angular-extensions/elements/commits?author=mohammedzamakhan "Code") [🤔](#ideas-mohammedzamakhan "Ideas, Planning, & Feedback") [⚠️](https://github.com/angular-extensions/elements/commits?author=mohammedzamakhan "Tests") | [<img src="https://avatars0.githubusercontent.com/u/11693938?v=4" width="100px;"/><br /><sub><b>Angel Fraga Parodi</b></sub>](https://github.com/angelfraga)<br />[💡](#example-angelfraga "Examples") [🤔](#ideas-angelfraga "Ideas, Planning, & Feedback") |
+| :---: | :---: | :---: | :---: | :---: | :---: |
 
 <!-- ALL-CONTRIBUTORS-LIST:END -->

projects/elements-demo/src/app/app-routing.module.ts

@@ -32,7 +32,12 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes, { useHash: true })],
+  imports: [
+    RouterModule.forRoot(routes, {
+      useHash: true,
+      scrollPositionRestoration: 'enabled'
+    })
+  ],
   exports: [RouterModule]
 })
 export class AppRoutingModule {}

projects/elements-demo/src/app/core/layout/navigation/navigation.component.ts

@@ -50,6 +50,10 @@ const NAVIGATION = [
       {
         label: 'Advanced',
         url: 'examples/advanced'
+      },
+      {
+        label: 'Dynamic',
+        url: 'examples/dynamic'
       }
     ]
   },

projects/elements-demo/src/app/features/contribute/contribute/contribute.component.html

@@ -73,5 +73,10 @@ <h2>
     <img src="https://avatars3.githubusercontent.com/u/2327532?v=4" />
     <span>Zama Khan Mohammed</span>
   </a>
+
+  <a class="contributor" href="https://github.com/angelfraga" target="_blank">
+    <img src="https://avatars0.githubusercontent.com/u/11693938?v=4" />
+    <span>Angel Fraga Parodi</span>
+  </a>
   <!-- ALL-CONTRIBUTORS-LIST:END -->
 </div>

projects/elements-demo/src/app/features/contribute/contribute/contribute.component.scss

@@ -46,6 +46,7 @@
   .contributors {
     display: flex;
     flex-wrap: wrap;
+    justify-content: center;
 
     .contributor {
       display: inline-flex;