@indice/ng-components 0.2.167-beta.16 → 0.2.167-beta.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_styles.css +8 -0
- package/esm2020/lib/icons.mjs +2 -2
- package/esm2020/lib/layouts/shell/shell-sidebar/shell-sidebar.component.mjs +8 -3
- package/esm2020/lib/layouts/shell/shell-sidebar-layout/shell-sidebar-layout.component.mjs +2 -2
- package/fesm2015/indice-ng-components.mjs +9 -4
- package/fesm2015/indice-ng-components.mjs.map +1 -1
- package/fesm2020/indice-ng-components.mjs +9 -4
- package/fesm2020/indice-ng-components.mjs.map +1 -1
- package/lib/layouts/shell/shell-sidebar/shell-sidebar.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -265,7 +265,7 @@ class Icons {
|
|
|
265
265
|
Icons.Dashboard = `ms-Icon ms-Icon--HomeGroup `;
|
|
266
266
|
Icons.Locations = `ms-Icon ms-Icon--MapPin `;
|
|
267
267
|
Icons.ChargePoints = `ms-Icon ms-Icon--ChatBot `;
|
|
268
|
-
Icons.Transations = `ms-Icon ms-Icon--
|
|
268
|
+
Icons.Transations = `ms-Icon ms-Icon--LightningBolt `;
|
|
269
269
|
Icons.Badges = `ms-Icon ms-Icon--IDBadge `;
|
|
270
270
|
Icons.Information = `ms-Icon ms-Icon--Info`;
|
|
271
271
|
Icons.Refresh = `ms-Icon ms-Icon--Refresh`;
|
|
@@ -2630,16 +2630,21 @@ class ShellSidebarComponent {
|
|
|
2630
2630
|
this.sticky = false;
|
|
2631
2631
|
this.activeFragment = null;
|
|
2632
2632
|
}
|
|
2633
|
+
get activeNavLinkClass() {
|
|
2634
|
+
const linkClasses = 'sidebar ' + (this.sticky ? 'nav-link-active-b' : 'nav-link-active-l') + ' group';
|
|
2635
|
+
console.log('activeNavLinkClass getter ', linkClasses);
|
|
2636
|
+
return linkClasses;
|
|
2637
|
+
}
|
|
2633
2638
|
ngOnInit() {
|
|
2634
2639
|
this.activeFragment = this.route.fragment.pipe(share());
|
|
2635
2640
|
this.sectionLinks = this.links[this.sectionLinksPath];
|
|
2636
2641
|
}
|
|
2637
2642
|
}
|
|
2638
2643
|
ShellSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellSidebarComponent, deps: [{ token: Router }, { token: ActivatedRoute }, { token: APP_LINKS }], target: i0.ɵɵFactoryTarget.Component });
|
|
2639
|
-
ShellSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ShellSidebarComponent, selector: "lib-shell-sidebar", inputs: { sectionLinksPath: ["section-links", "sectionLinksPath"], shellConfig: ["config", "shellConfig"], sticky: "sticky" }, ngImport: i0, template: "<!-- Sidebar component, swap this element with another sidebar if you like -->\r\n<div class=\"shell-sidebar-component-container\">\r\n <div class=\"shell-sidebar-component-links-container sidebar\">\r\n <lib-nav-links-list\r\n [show-icons]=\"true\"\r\n [show-text]=\"!sticky\"\r\n [large-icons]=\"sticky\"\r\n [links]=\"sectionLinks\"\r\n [active-fragment]=\"activeFragment\"\r\n [link-class]=\"'sidebar nav-link group'\"\r\n [link-active-class]=\"'sidebar nav-link-active group'\">\r\n </lib-nav-links-list>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: NavLinksListComponent, selector: "lib-nav-links-list", inputs: ["links", "active-fragment", "link-class", "link-active-class", "container-class", "show-icons", "show-text", "large-icons"] }] });
|
|
2644
|
+
ShellSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ShellSidebarComponent, selector: "lib-shell-sidebar", inputs: { sectionLinksPath: ["section-links", "sectionLinksPath"], shellConfig: ["config", "shellConfig"], sticky: "sticky" }, ngImport: i0, template: "<!-- Sidebar component, swap this element with another sidebar if you like -->\r\n<div class=\"shell-sidebar-component-container\">\r\n <div class=\"shell-sidebar-component-links-container sidebar\">\r\n <lib-nav-links-list\r\n [show-icons]=\"true\"\r\n [show-text]=\"!sticky\"\r\n [large-icons]=\"sticky\"\r\n [links]=\"sectionLinks\"\r\n [active-fragment]=\"activeFragment\"\r\n [link-class]=\"'sidebar nav-link group'\"\r\n [link-active-class]=\"'sidebar nav-link-active-b group'\">\r\n </lib-nav-links-list>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: NavLinksListComponent, selector: "lib-nav-links-list", inputs: ["links", "active-fragment", "link-class", "link-active-class", "container-class", "show-icons", "show-text", "large-icons"] }] });
|
|
2640
2645
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellSidebarComponent, decorators: [{
|
|
2641
2646
|
type: Component,
|
|
2642
|
-
args: [{ selector: 'lib-shell-sidebar', template: "<!-- Sidebar component, swap this element with another sidebar if you like -->\r\n<div class=\"shell-sidebar-component-container\">\r\n <div class=\"shell-sidebar-component-links-container sidebar\">\r\n <lib-nav-links-list\r\n [show-icons]=\"true\"\r\n [show-text]=\"!sticky\"\r\n [large-icons]=\"sticky\"\r\n [links]=\"sectionLinks\"\r\n [active-fragment]=\"activeFragment\"\r\n [link-class]=\"'sidebar nav-link group'\"\r\n [link-active-class]=\"'sidebar nav-link-active group'\">\r\n </lib-nav-links-list>\r\n </div>\r\n</div>\r\n" }]
|
|
2647
|
+
args: [{ selector: 'lib-shell-sidebar', template: "<!-- Sidebar component, swap this element with another sidebar if you like -->\r\n<div class=\"shell-sidebar-component-container\">\r\n <div class=\"shell-sidebar-component-links-container sidebar\">\r\n <lib-nav-links-list\r\n [show-icons]=\"true\"\r\n [show-text]=\"!sticky\"\r\n [large-icons]=\"sticky\"\r\n [links]=\"sectionLinks\"\r\n [active-fragment]=\"activeFragment\"\r\n [link-class]=\"'sidebar nav-link group'\"\r\n [link-active-class]=\"'sidebar nav-link-active-b group'\">\r\n </lib-nav-links-list>\r\n </div>\r\n</div>\r\n" }]
|
|
2643
2648
|
}], ctorParameters: function () { return [{ type: i1$1.Router, decorators: [{
|
|
2644
2649
|
type: Inject,
|
|
2645
2650
|
args: [Router]
|
|
@@ -2969,7 +2974,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImpor
|
|
|
2969
2974
|
|
|
2970
2975
|
class ShellSidebarLayoutComponent {
|
|
2971
2976
|
constructor() {
|
|
2972
|
-
this.showMobileSidebar =
|
|
2977
|
+
this.showMobileSidebar = false;
|
|
2973
2978
|
}
|
|
2974
2979
|
ngOnInit() {
|
|
2975
2980
|
}
|