@indice/ng-components 0.2.167-beta.15 → 0.2.167-beta.18
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 -1
- 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 +10 -4
- package/fesm2015/indice-ng-components.mjs.map +1 -1
- package/fesm2020/indice-ng-components.mjs +10 -4
- package/fesm2020/indice-ng-components.mjs.map +1 -1
- package/lib/icons.d.ts +1 -0
- package/lib/layouts/shell/shell-sidebar/shell-sidebar.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -292,7 +292,8 @@ Icons.SortDesc = 'ms-Icon ms-Icon--Descending';
|
|
|
292
292
|
Icons.Details = ' ms-Icon ms-Icon--AccountActivity';
|
|
293
293
|
Icons.Messages = ' ms-Icon ms-Icon--Message';
|
|
294
294
|
Icons.MessagesUnread = ' ms-Icon ms-Icon--MessageFill';
|
|
295
|
-
Icons.External = ' ms-Icon ms-Icon--FileSymlink';
|
|
295
|
+
Icons.External = ' ms-Icon ms-Icon--FileSymlink';
|
|
296
|
+
Icons.Statistics = ' ms-Icon ms-Icon--BIDashboard';
|
|
296
297
|
|
|
297
298
|
class NavLink {
|
|
298
299
|
constructor(text, path, exact = false, external = false, icon, data) {
|
|
@@ -2629,16 +2630,21 @@ class ShellSidebarComponent {
|
|
|
2629
2630
|
this.sticky = false;
|
|
2630
2631
|
this.activeFragment = null;
|
|
2631
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
|
+
}
|
|
2632
2638
|
ngOnInit() {
|
|
2633
2639
|
this.activeFragment = this.route.fragment.pipe(share());
|
|
2634
2640
|
this.sectionLinks = this.links[this.sectionLinksPath];
|
|
2635
2641
|
}
|
|
2636
2642
|
}
|
|
2637
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 });
|
|
2638
|
-
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"] }] });
|
|
2639
2645
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellSidebarComponent, decorators: [{
|
|
2640
2646
|
type: Component,
|
|
2641
|
-
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" }]
|
|
2642
2648
|
}], ctorParameters: function () { return [{ type: i1$1.Router, decorators: [{
|
|
2643
2649
|
type: Inject,
|
|
2644
2650
|
args: [Router]
|
|
@@ -2968,7 +2974,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImpor
|
|
|
2968
2974
|
|
|
2969
2975
|
class ShellSidebarLayoutComponent {
|
|
2970
2976
|
constructor() {
|
|
2971
|
-
this.showMobileSidebar =
|
|
2977
|
+
this.showMobileSidebar = false;
|
|
2972
2978
|
}
|
|
2973
2979
|
ngOnInit() {
|
|
2974
2980
|
}
|