carbon-components-angular 5.21.0 → 5.22.0
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/datepicker/datepicker.component.d.ts +4 -39
- package/docs/documentation/components/DatePicker.html +108 -103
- package/docs/documentation/components/SideNav.html +59 -15
- package/docs/documentation/components/SideNavItem.html +123 -44
- package/docs/documentation/components/SideNavMenu.html +67 -25
- package/docs/documentation/coverage.html +10 -10
- package/docs/documentation/js/menu-wc.js +3 -3
- package/docs/documentation/js/menu-wc_es5.js +1 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/SideNavModule.html +2 -1
- package/docs/documentation/modules/ThemeModule/dependencies.svg +15 -15
- package/docs/documentation/modules/ThemeModule.html +15 -15
- package/docs/documentation/modules/TilesModule/dependencies.svg +99 -99
- package/docs/documentation/modules/TilesModule.html +99 -99
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerModule.html +4 -4
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +45 -49
- package/docs/documentation/modules/TimePickerSelectModule.html +45 -49
- package/docs/documentation/modules/ToggleModule/dependencies.svg +26 -26
- package/docs/documentation/modules/ToggleModule.html +26 -26
- package/docs/documentation/modules/TooltipModule/dependencies.svg +29 -29
- package/docs/documentation/modules/TooltipModule.html +29 -29
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
- package/docs/documentation/modules/TreeviewModule.html +36 -36
- package/docs/documentation.json +225 -132
- package/docs/storybook/{1325.5502bfb0.iframe.bundle.js → 1325.3c39c950.iframe.bundle.js} +1 -1
- package/docs/storybook/3348.4c108918.iframe.bundle.js +1 -0
- package/docs/storybook/{checkbox-checkbox-stories.ea872c08.iframe.bundle.js → checkbox-checkbox-stories.3aeae19d.iframe.bundle.js} +1 -1
- package/docs/storybook/{content-switcher-content-switcher-stories.2f8cdd41.iframe.bundle.js → content-switcher-content-switcher-stories.8f3aa078.iframe.bundle.js} +1 -1
- package/docs/storybook/{grid-css-grid-stories.f5c396e2.iframe.bundle.js → grid-css-grid-stories.c703f9de.iframe.bundle.js} +1 -1
- package/docs/storybook/{grid-grid-stories.0b935617.iframe.bundle.js → grid-grid-stories.f7a88c02.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index.json +1 -1
- package/docs/storybook/{layer-layer-stories.8fdeec80.iframe.bundle.js → layer-layer-stories.9fc41371.iframe.bundle.js} +1 -1
- package/docs/storybook/{layout-stack-stories.e9f0fa18.iframe.bundle.js → layout-stack-stories.799a681c.iframe.bundle.js} +1 -1
- package/docs/storybook/{link-link-stories.23f8a587.iframe.bundle.js → link-link-stories.9e3dd976.iframe.bundle.js} +1 -1
- package/docs/storybook/{list-list-stories.79350958.iframe.bundle.js → list-list-stories.e906cf67.iframe.bundle.js} +1 -1
- package/docs/storybook/{loading-loading-stories.9594d513.iframe.bundle.js → loading-loading-stories.261bc118.iframe.bundle.js} +1 -1
- package/docs/storybook/main.d4ed0d37.iframe.bundle.js +1 -0
- package/docs/storybook/{popover-popover-stories.e8d6e7c9.iframe.bundle.js → popover-popover-stories.cc1684df.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.386e82b8.iframe.bundle.js → runtime~main.2883decf.iframe.bundle.js} +1 -1
- package/docs/storybook/{skeleton-skeleton-stories.48ffb189.iframe.bundle.js → skeleton-skeleton-stories.77f9485f.iframe.bundle.js} +1 -1
- package/docs/storybook/{slider-slider-stories.f608c3ca.iframe.bundle.js → slider-slider-stories.0a70e102.iframe.bundle.js} +1 -1
- package/docs/storybook/stories.json +1 -1
- package/docs/storybook/tabs-tabs-stories.183f4129.iframe.bundle.js +1 -0
- package/docs/storybook/{theme-theme-stories.781e4fdc.iframe.bundle.js → theme-theme-stories.66e1727e.iframe.bundle.js} +1 -1
- package/docs/storybook/{toggle-toggle-stories.7b2e3bc9.iframe.bundle.js → toggle-toggle-stories.def6c644.iframe.bundle.js} +1 -1
- package/docs/storybook/toggletip-toggletip-stories.22e37008.iframe.bundle.js +1 -0
- package/docs/storybook/{tooltip-definition-tooptip-stories.57864d79.iframe.bundle.js → tooltip-definition-tooptip-stories.2e1a211c.iframe.bundle.js} +1 -1
- package/docs/storybook/{tooltip-tooltip-stories.b15c3310.iframe.bundle.js → tooltip-tooltip-stories.6a4a1383.iframe.bundle.js} +1 -1
- package/docs/storybook/ui-shell-ui-shell-stories.a1fb87a2.iframe.bundle.js +1 -0
- package/esm2020/datepicker/datepicker.component.mjs +1 -1
- package/esm2020/ui-shell/sidenav/sidenav-item.component.mjs +55 -19
- package/esm2020/ui-shell/sidenav/sidenav-menu.component.mjs +11 -3
- package/esm2020/ui-shell/sidenav/sidenav.component.mjs +13 -3
- package/esm2020/ui-shell/sidenav/sidenav.module.mjs +5 -4
- package/fesm2015/carbon-components-angular-datepicker.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-ui-shell.mjs +79 -25
- package/fesm2015/carbon-components-angular-ui-shell.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-datepicker.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-ui-shell.mjs +79 -25
- package/fesm2020/carbon-components-angular-ui-shell.mjs.map +1 -1
- package/package.json +1 -1
- package/ui-shell/sidenav/sidenav-item.component.d.ts +8 -4
- package/ui-shell/sidenav/sidenav-menu.component.d.ts +6 -2
- package/ui-shell/sidenav/sidenav.component.d.ts +5 -1
- package/ui-shell/sidenav/sidenav.module.d.ts +2 -1
- package/docs/storybook/3348.35ca85d6.iframe.bundle.js +0 -1
- package/docs/storybook/main.11f564c6.iframe.bundle.js +0 -1
- package/docs/storybook/tabs-tabs-stories.db9e209e.iframe.bundle.js +0 -1
- package/docs/storybook/toggletip-toggletip-stories.1da8eaf1.iframe.bundle.js +0 -1
- package/docs/storybook/ui-shell-ui-shell-stories.70551d65.iframe.bundle.js +0 -1
|
@@ -10,6 +10,10 @@ export class SideNavItem {
|
|
|
10
10
|
constructor(domSanitizer, router) {
|
|
11
11
|
this.domSanitizer = domSanitizer;
|
|
12
12
|
this.router = router;
|
|
13
|
+
/**
|
|
14
|
+
* Use the routerLink attribute on <a> tag for navigation instead of using event handlers
|
|
15
|
+
*/
|
|
16
|
+
this.useRouter = true;
|
|
13
17
|
/**
|
|
14
18
|
* Toggles the active (current page) state for the link.
|
|
15
19
|
*/
|
|
@@ -63,48 +67,80 @@ export class SideNavItem {
|
|
|
63
67
|
}
|
|
64
68
|
}
|
|
65
69
|
SideNavItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNavItem, deps: [{ token: i1.DomSanitizer }, { token: i2.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
-
SideNavItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SideNavItem, selector: "cds-sidenav-item, ibm-sidenav-item", inputs: { href: "href", active: "active", route: "route", isSubMenu: "isSubMenu", routeExtras: "routeExtras", title: "title" }, outputs: { navigation: "navigation", selected: "selected" }, host: { properties: { "class.cds--side-nav__item": "this.sideNav", "class.cds--side-nav__menu-item": "this.menuItem", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
67
|
-
<a
|
|
68
|
-
|
|
69
|
-
|
|
70
|
+
SideNavItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SideNavItem, selector: "cds-sidenav-item, ibm-sidenav-item", inputs: { href: "href", useRouter: "useRouter", active: "active", route: "route", isSubMenu: "isSubMenu", routeExtras: "routeExtras", title: "title" }, outputs: { navigation: "navigation", selected: "selected" }, host: { properties: { "class.cds--side-nav__item": "this.sideNav", "class.cds--side-nav__menu-item": "this.menuItem", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
71
|
+
<a *ngIf="!useRouter; else sidenavItemRouterTpl"
|
|
72
|
+
class="cds--side-nav__link"
|
|
73
|
+
[ngClass]="{
|
|
70
74
|
'cds--side-nav__item--active': active
|
|
71
75
|
}"
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
+
[href]="href"
|
|
77
|
+
[attr.aria-current]="(active ? 'page' : null)"
|
|
78
|
+
[attr.title]="title ? title : null"
|
|
79
|
+
(click)="navigate($event)">
|
|
80
|
+
<ng-template [ngTemplateOutlet]="sidenavItemContentTpl"></ng-template>
|
|
81
|
+
</a>
|
|
82
|
+
|
|
83
|
+
<ng-template #sidenavItemRouterTpl>
|
|
84
|
+
<a
|
|
85
|
+
[routerLink]="route"
|
|
86
|
+
routerLinkActive="cds--side-nav__item--active"
|
|
87
|
+
ariaCurrentWhenActive="page"
|
|
88
|
+
[attr.title]="title ? title : null"
|
|
89
|
+
class="cds--side-nav__link">
|
|
90
|
+
<ng-template [ngTemplateOutlet]="sidenavItemContentTpl"></ng-template>
|
|
91
|
+
</a>
|
|
92
|
+
</ng-template>
|
|
93
|
+
|
|
94
|
+
<ng-template #sidenavItemContentTpl>
|
|
76
95
|
<div *ngIf="!isSubMenu" class="cds--side-nav__icon">
|
|
77
96
|
<ng-content select="svg, [icon]"></ng-content>
|
|
78
97
|
</div>
|
|
79
98
|
<span class="cds--side-nav__link-text">
|
|
80
99
|
<ng-content></ng-content>
|
|
81
100
|
</span>
|
|
82
|
-
</
|
|
83
|
-
`, isInline: true, styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
101
|
+
</ng-template>
|
|
102
|
+
`, isInline: true, styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
84
103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNavItem, decorators: [{
|
|
85
104
|
type: Component,
|
|
86
105
|
args: [{ selector: "cds-sidenav-item, ibm-sidenav-item", template: `
|
|
87
|
-
<a
|
|
88
|
-
|
|
89
|
-
|
|
106
|
+
<a *ngIf="!useRouter; else sidenavItemRouterTpl"
|
|
107
|
+
class="cds--side-nav__link"
|
|
108
|
+
[ngClass]="{
|
|
90
109
|
'cds--side-nav__item--active': active
|
|
91
110
|
}"
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
111
|
+
[href]="href"
|
|
112
|
+
[attr.aria-current]="(active ? 'page' : null)"
|
|
113
|
+
[attr.title]="title ? title : null"
|
|
114
|
+
(click)="navigate($event)">
|
|
115
|
+
<ng-template [ngTemplateOutlet]="sidenavItemContentTpl"></ng-template>
|
|
116
|
+
</a>
|
|
117
|
+
|
|
118
|
+
<ng-template #sidenavItemRouterTpl>
|
|
119
|
+
<a
|
|
120
|
+
[routerLink]="route"
|
|
121
|
+
routerLinkActive="cds--side-nav__item--active"
|
|
122
|
+
ariaCurrentWhenActive="page"
|
|
123
|
+
[attr.title]="title ? title : null"
|
|
124
|
+
class="cds--side-nav__link">
|
|
125
|
+
<ng-template [ngTemplateOutlet]="sidenavItemContentTpl"></ng-template>
|
|
126
|
+
</a>
|
|
127
|
+
</ng-template>
|
|
128
|
+
|
|
129
|
+
<ng-template #sidenavItemContentTpl>
|
|
96
130
|
<div *ngIf="!isSubMenu" class="cds--side-nav__icon">
|
|
97
131
|
<ng-content select="svg, [icon]"></ng-content>
|
|
98
132
|
</div>
|
|
99
133
|
<span class="cds--side-nav__link-text">
|
|
100
134
|
<ng-content></ng-content>
|
|
101
135
|
</span>
|
|
102
|
-
</
|
|
136
|
+
</ng-template>
|
|
103
137
|
`, styles: [":host{display:list-item}\n"] }]
|
|
104
138
|
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i2.Router, decorators: [{
|
|
105
139
|
type: Optional
|
|
106
140
|
}] }]; }, propDecorators: { href: [{
|
|
107
141
|
type: Input
|
|
142
|
+
}], useRouter: [{
|
|
143
|
+
type: Input
|
|
108
144
|
}], sideNav: [{
|
|
109
145
|
type: HostBinding,
|
|
110
146
|
args: ["class.cds--side-nav__item"]
|
|
@@ -129,4 +165,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
129
165
|
type: HostBinding,
|
|
130
166
|
args: ["attr.role"]
|
|
131
167
|
}] } });
|
|
132
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
168
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS1zaGVsbC9zaWRlbmF2L3NpZGVuYXYtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNOLFNBQVMsRUFDVCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFDTixZQUFZLEVBRVosV0FBVyxFQUVYLE1BQU0sZUFBZSxDQUFDOzs7OztBQUl2Qjs7R0FFRztBQTBDSCxNQUFNLE9BQU8sV0FBVztJQW9FdkIsWUFBc0IsWUFBMEIsRUFBd0IsTUFBYztRQUFoRSxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUF3QixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBcER0Rjs7V0FFRztRQUNNLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFVMUI7O1dBRUc7UUFDTSxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBUWYsY0FBUyxHQUFHLEtBQUssQ0FBQztRQWEzQjs7V0FFRztRQUNPLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUU1RDs7O1dBR0c7UUFDTyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUV2QixTQUFJLEdBQUcsVUFBVSxDQUFDO1FBRWxDLFVBQUssR0FBRyxHQUFHLENBQUM7SUFFbUUsQ0FBQztJQW5FMUY7O09BRUc7SUFDSCxJQUFhLElBQUksQ0FBQyxDQUFTO1FBQzFCLDZEQUE2RDtRQUM3RCxJQUFJLENBQUMsS0FBSyxTQUFTLEVBQUU7WUFDcEIsT0FBTztTQUNQO1FBQ0QsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDaEIsQ0FBQztJQUVELElBQUksSUFBSTtRQUNQLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFXLENBQUM7SUFDdkUsQ0FBQztJQU9ELElBQThDLE9BQU87UUFDcEQsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQW1ELFFBQVE7UUFDMUQsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3ZCLENBQUM7SUEyQ0QsV0FBVyxDQUFDLE9BQXNCO1FBQ2pDLElBQUksT0FBTyxDQUFDLE1BQU0sRUFBRTtZQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDaEM7SUFDRixDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWlCO1FBQ3pCLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQzlCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUNsRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUM3QjthQUFNLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxHQUFHLEVBQUU7WUFDOUIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZCO0lBQ0YsQ0FBQzs7d0dBcEZXLFdBQVc7NEZBQVgsV0FBVyx3Y0F2Q2I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBZ0NUOzJGQU9XLFdBQVc7a0JBekN2QixTQUFTOytCQUNDLG9DQUFvQyxZQUNwQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUFnQ1Q7OzBCQTJFa0QsUUFBUTs0Q0FoRTlDLElBQUk7c0JBQWhCLEtBQUs7Z0JBZUcsU0FBUztzQkFBakIsS0FBSztnQkFFd0MsT0FBTztzQkFBcEQsV0FBVzt1QkFBQywyQkFBMkI7Z0JBSVcsUUFBUTtzQkFBMUQsV0FBVzt1QkFBQyxnQ0FBZ0M7Z0JBT3BDLE1BQU07c0JBQWQsS0FBSztnQkFNRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFNRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLSSxVQUFVO3NCQUFuQixNQUFNO2dCQU1HLFFBQVE7c0JBQWpCLE1BQU07Z0JBRW1CLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdENvbXBvbmVudCxcblx0SW5wdXQsXG5cdE9wdGlvbmFsLFxuXHRPdXRwdXQsXG5cdEV2ZW50RW1pdHRlcixcblx0T25DaGFuZ2VzLFxuXHRIb3N0QmluZGluZyxcblx0U2ltcGxlQ2hhbmdlc1xufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcblxuLyoqXG4gKiBgU2lkZU5hdkl0ZW1gIGNhbiBlaXRoZXIgYmUgYSBjaGlsZCBvZiBgU2lkZU5hdmAgb3IgYFNpZGVOYXZNZW51YFxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6IFwiY2RzLXNpZGVuYXYtaXRlbSwgaWJtLXNpZGVuYXYtaXRlbVwiLFxuXHR0ZW1wbGF0ZTogYFxuXHRcdDxhICpuZ0lmPVwiIXVzZVJvdXRlcjsgZWxzZSBzaWRlbmF2SXRlbVJvdXRlclRwbFwiXG5cdFx0ICAgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19saW5rXCJcblx0XHQgICBbbmdDbGFzc109XCJ7XG5cdFx0XHRcdCdjZHMtLXNpZGUtbmF2X19pdGVtLS1hY3RpdmUnOiBhY3RpdmVcblx0XHRcdH1cIlxuXHRcdCAgIFtocmVmXT1cImhyZWZcIlxuXHRcdCAgIFthdHRyLmFyaWEtY3VycmVudF09XCIoYWN0aXZlID8gJ3BhZ2UnIDogbnVsbClcIlxuXHRcdCAgIFthdHRyLnRpdGxlXT1cInRpdGxlID8gdGl0bGUgOiBudWxsXCJcblx0XHQgICAoY2xpY2spPVwibmF2aWdhdGUoJGV2ZW50KVwiPlxuXHRcdFx0PG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInNpZGVuYXZJdGVtQ29udGVudFRwbFwiPjwvbmctdGVtcGxhdGU+XG5cdFx0PC9hPlxuXG5cdFx0PG5nLXRlbXBsYXRlICNzaWRlbmF2SXRlbVJvdXRlclRwbD5cblx0XHRcdDxhXG5cdFx0XHRcdFtyb3V0ZXJMaW5rXT1cInJvdXRlXCJcblx0XHRcdFx0cm91dGVyTGlua0FjdGl2ZT1cImNkcy0tc2lkZS1uYXZfX2l0ZW0tLWFjdGl2ZVwiXG5cdFx0XHRcdGFyaWFDdXJyZW50V2hlbkFjdGl2ZT1cInBhZ2VcIlxuXHRcdFx0XHRbYXR0ci50aXRsZV09XCJ0aXRsZSA/IHRpdGxlIDogbnVsbFwiXG5cdFx0XHRcdGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fbGlua1wiPlxuXHRcdFx0XHQ8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwic2lkZW5hdkl0ZW1Db250ZW50VHBsXCI+PC9uZy10ZW1wbGF0ZT5cblx0XHRcdDwvYT5cblx0XHQ8L25nLXRlbXBsYXRlPlxuXG5cdFx0PG5nLXRlbXBsYXRlICNzaWRlbmF2SXRlbUNvbnRlbnRUcGw+XG5cdFx0XHQ8ZGl2ICpuZ0lmPVwiIWlzU3ViTWVudVwiIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9faWNvblwiPlxuXHRcdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJzdmcsIFtpY29uXVwiPjwvbmctY29udGVudD5cblx0XHRcdDwvZGl2PlxuXHRcdFx0PHNwYW4gY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19saW5rLXRleHRcIj5cblx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0PC9zcGFuPlxuXHRcdDwvbmctdGVtcGxhdGU+XG5cdGAsXG5cdHN0eWxlczogW2Bcblx0XHQ6aG9zdCB7XG5cdFx0XHRkaXNwbGF5OiBsaXN0LWl0ZW07XG5cdFx0fVxuXHRgXVxufSlcbmV4cG9ydCBjbGFzcyBTaWRlTmF2SXRlbSBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cdC8qKlxuXHQgKiBMaW5rIGZvciB0aGUgaXRlbS4gTk9URTogKmRvIG5vdCogcGFzcyB1bnNhZmUgb3IgdW50cnVzdGVkIHZhbHVlcywgdGhpcyBoYXMgdGhlIHBvdGVudGlhbCB0byBvcGVuIHlvdSB1cCB0byBYU1MgYXR0YWNrc1xuXHQgKi9cblx0QElucHV0KCkgc2V0IGhyZWYodjogc3RyaW5nKSB7XG5cdFx0Ly8gTmVlZGVkIHdoZW4gY29tcG9uZW50IGlzIGNyZWF0ZWQgZHluYW1pY2FsbHkgd2l0aCBhIG1vZGVsLlxuXHRcdGlmICh2ID09PSB1bmRlZmluZWQpIHtcblx0XHRcdHJldHVybjtcblx0XHR9XG5cdFx0dGhpcy5faHJlZiA9IHY7XG5cdH1cblxuXHRnZXQgaHJlZigpIHtcblx0XHRyZXR1cm4gdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFVybCh0aGlzLl9ocmVmKSBhcyBzdHJpbmc7XG5cdH1cblxuXHQvKipcblx0ICogVXNlIHRoZSByb3V0ZXJMaW5rIGF0dHJpYnV0ZSBvbiA8YT4gdGFnIGZvciBuYXZpZ2F0aW9uIGluc3RlYWQgb2YgdXNpbmcgZXZlbnQgaGFuZGxlcnNcblx0ICovXG5cdEBJbnB1dCgpIHVzZVJvdXRlciA9IHRydWU7XG5cblx0QEhvc3RCaW5kaW5nKFwiY2xhc3MuY2RzLS1zaWRlLW5hdl9faXRlbVwiKSBnZXQgc2lkZU5hdigpIHtcblx0XHRyZXR1cm4gIXRoaXMuaXNTdWJNZW51O1xuXHR9XG5cblx0QEhvc3RCaW5kaW5nKFwiY2xhc3MuY2RzLS1zaWRlLW5hdl9fbWVudS1pdGVtXCIpIGdldCBtZW51SXRlbSgpIHtcblx0XHRyZXR1cm4gdGhpcy5pc1N1Yk1lbnU7XG5cdH1cblxuXHQvKipcblx0ICogVG9nZ2xlcyB0aGUgYWN0aXZlIChjdXJyZW50IHBhZ2UpIHN0YXRlIGZvciB0aGUgbGluay5cblx0ICovXG5cdEBJbnB1dCgpIGFjdGl2ZSA9IGZhbHNlO1xuXG5cdC8qKlxuXHQgKiBBcnJheSBvZiBjb21tYW5kcyB0byBzZW5kIHRvIHRoZSByb3V0ZXIgd2hlbiB0aGUgbGluayBpcyBhY3RpdmF0ZWRcblx0ICogU2VlOiBodHRwczovL2FuZ3VsYXIuaW8vYXBpL3JvdXRlci9Sb3V0ZXIjbmF2aWdhdGVcblx0ICovXG5cdEBJbnB1dCgpIHJvdXRlOiBhbnlbXTtcblxuXHRASW5wdXQoKSBpc1N1Yk1lbnUgPSBmYWxzZTtcblxuXHQvKipcblx0ICogUm91dGVyIG9wdGlvbnMuIFVzZWQgaW4gY29uanVuY3Rpb24gd2l0aCBgcm91dGVgXG5cdCAqIFNlZTogaHR0cHM6Ly9hbmd1bGFyLmlvL2FwaS9yb3V0ZXIvUm91dGVyI25hdmlnYXRlXG5cdCAqL1xuXHRASW5wdXQoKSByb3V0ZUV4dHJhczogYW55O1xuXG5cdC8qKlxuXHQgKiBUaXRsZSBhdHRyaWJ1dGUgb2YgdGhlIGFuY2hvciBlbGVtZW50LlxuXHQgKi9cblx0QElucHV0KCkgdGl0bGU6IHN0cmluZztcblxuXHQvKipcblx0ICogRW1pdHMgdGhlIG5hdmlnYXRpb24gc3RhdHVzIHByb21pc2Ugd2hlbiB0aGUgbGluayBpcyBhY3RpdmF0ZWRcblx0ICovXG5cdEBPdXRwdXQoKSBuYXZpZ2F0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxQcm9taXNlPGJvb2xlYW4+PigpO1xuXG5cdC8qKlxuXHQgKiBFbWl0cyB3aGVuIGBhY3RpdmVgIGlucHV0IGlzIGNoYW5nZWQuIFRoaXMgaXMgbWFpbmx5IHVzZWQgdG8gaW5kaWNhdGUgdG8gYW55IHBhcmVudCBtZW51IGl0ZW1zIHRoYXQgYVxuXHQgKiBjaGlsZCBzaWRlbmF2IGl0ZW0gaXMgYWN0aXZlIG9yIG5vdCBhY3RpdmUuXG5cdCAqL1xuXHRAT3V0cHV0KCkgc2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cblx0QEhvc3RCaW5kaW5nKFwiYXR0ci5yb2xlXCIpIHJvbGUgPSBcImxpc3RpdGVtXCI7XG5cblx0cHJvdGVjdGVkIF9ocmVmID0gXCIjXCI7XG5cblx0Y29uc3RydWN0b3IocHJvdGVjdGVkIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyLCBAT3B0aW9uYWwoKSBwcm90ZWN0ZWQgcm91dGVyOiBSb3V0ZXIpIHt9XG5cblx0bmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuXHRcdGlmIChjaGFuZ2VzLmFjdGl2ZSkge1xuXHRcdFx0dGhpcy5zZWxlY3RlZC5lbWl0KHRoaXMuYWN0aXZlKTtcblx0XHR9XG5cdH1cblxuXHRuYXZpZ2F0ZShldmVudDogTW91c2VFdmVudCkge1xuXHRcdGlmICh0aGlzLnJvdXRlciAmJiB0aGlzLnJvdXRlKSB7XG5cdFx0XHRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXHRcdFx0Y29uc3Qgc3RhdHVzID0gdGhpcy5yb3V0ZXIubmF2aWdhdGUodGhpcy5yb3V0ZSwgdGhpcy5yb3V0ZUV4dHJhcyk7XG5cdFx0XHR0aGlzLm5hdmlnYXRpb24uZW1pdChzdGF0dXMpO1xuXHRcdH0gZWxzZSBpZiAodGhpcy5faHJlZiA9PT0gXCIjXCIpIHtcblx0XHRcdGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cdFx0fVxuXHR9XG59XG4iXX0=
|
|
@@ -12,6 +12,10 @@ export class SideNavMenu {
|
|
|
12
12
|
this.navItem = true;
|
|
13
13
|
this.navItemIcon = true;
|
|
14
14
|
this.role = "listitem";
|
|
15
|
+
/**
|
|
16
|
+
* Use the routerLink attribute on <a> tag for navigation instead of using event handlers
|
|
17
|
+
*/
|
|
18
|
+
this.useRouter = false;
|
|
15
19
|
/**
|
|
16
20
|
* Controls the visibility of the child `SideNavItem`s
|
|
17
21
|
*/
|
|
@@ -59,7 +63,7 @@ export class SideNavMenu {
|
|
|
59
63
|
}
|
|
60
64
|
}
|
|
61
65
|
SideNavMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNavMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
SideNavMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SideNavMenu, selector: "cds-sidenav-menu, ibm-sidenav-menu", inputs: { title: "title", expanded: "expanded", hasActiveChild: "hasActiveChild", menuItems: "menuItems" }, host: { properties: { "class.cds--side-nav__item": "this.navItem", "class.cds--side-nav__item--icon": "this.navItemIcon", "class.cds--side-nav__item--active": "this.navItemActive", "attr.role": "this.role" } }, queries: [{ propertyName: "sidenavItems", predicate: SideNavItem }], ngImport: i0, template: `
|
|
66
|
+
SideNavMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SideNavMenu, selector: "cds-sidenav-menu, ibm-sidenav-menu", inputs: { useRouter: "useRouter", title: "title", expanded: "expanded", hasActiveChild: "hasActiveChild", menuItems: "menuItems" }, host: { properties: { "class.cds--side-nav__item": "this.navItem", "class.cds--side-nav__item--icon": "this.navItemIcon", "class.cds--side-nav__item--active": "this.navItemActive", "attr.role": "this.role" } }, queries: [{ propertyName: "sidenavItems", predicate: SideNavItem }], ngImport: i0, template: `
|
|
63
67
|
<button
|
|
64
68
|
(click)="toggle()"
|
|
65
69
|
class="cds--side-nav__submenu"
|
|
@@ -91,12 +95,13 @@ SideNavMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
|
91
95
|
[href]="menuItem.href"
|
|
92
96
|
[route]="menuItem.route"
|
|
93
97
|
[routeExtras]="menuItem.routeExtras"
|
|
98
|
+
[useRouter]="useRouter"
|
|
94
99
|
[isSubMenu]="true">
|
|
95
100
|
{{ menuItem.content }}
|
|
96
101
|
</cds-sidenav-item>
|
|
97
102
|
</ng-container>
|
|
98
103
|
</div>
|
|
99
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SideNavItem, selector: "cds-sidenav-item, ibm-sidenav-item", inputs: ["href", "active", "route", "isSubMenu", "routeExtras", "title"], outputs: ["navigation", "selected"] }] });
|
|
104
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SideNavItem, selector: "cds-sidenav-item, ibm-sidenav-item", inputs: ["href", "useRouter", "active", "route", "isSubMenu", "routeExtras", "title"], outputs: ["navigation", "selected"] }] });
|
|
100
105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNavMenu, decorators: [{
|
|
101
106
|
type: Component,
|
|
102
107
|
args: [{
|
|
@@ -133,6 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
133
138
|
[href]="menuItem.href"
|
|
134
139
|
[route]="menuItem.route"
|
|
135
140
|
[routeExtras]="menuItem.routeExtras"
|
|
141
|
+
[useRouter]="useRouter"
|
|
136
142
|
[isSubMenu]="true">
|
|
137
143
|
{{ menuItem.content }}
|
|
138
144
|
</cds-sidenav-item>
|
|
@@ -152,6 +158,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
152
158
|
}], role: [{
|
|
153
159
|
type: HostBinding,
|
|
154
160
|
args: ["attr.role"]
|
|
161
|
+
}], useRouter: [{
|
|
162
|
+
type: Input
|
|
155
163
|
}], title: [{
|
|
156
164
|
type: Input
|
|
157
165
|
}], expanded: [{
|
|
@@ -164,4 +172,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
164
172
|
type: ContentChildren,
|
|
165
173
|
args: [SideNavItem]
|
|
166
174
|
}] } });
|
|
167
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
175
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS1zaGVsbC9zaWRlbmF2L3NpZGVuYXYtbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVOLFNBQVMsRUFDVCxlQUFlLEVBQ2YsS0FBSyxFQUdMLFdBQVcsRUFDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7OztBQUdwQzs7R0FFRztBQTJDSCxNQUFNLE9BQU8sV0FBVztJQTFDeEI7UUEyQzJDLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDVCxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUl6QyxTQUFJLEdBQUcsVUFBVSxDQUFDO1FBRTVDOztXQUVHO1FBQ00sY0FBUyxHQUFHLEtBQUssQ0FBQztRQU0zQjs7V0FFRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUI7OztXQUdHO1FBQ00sbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFNdEIsNEJBQXVCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQXFDdkQ7SUFqRUEsSUFBc0QsYUFBYTtRQUNsRSxPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7SUFDNUIsQ0FBQztJQTRCRCxrQkFBa0I7UUFDakIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNmLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUNoQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztnQkFDdEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7Z0JBQzFCLE1BQU0sc0JBQXNCLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO29CQUMzRCxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztnQkFDM0IsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsSUFBSSxDQUFDLHVCQUF1QixDQUFDLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1lBQzFELENBQUMsQ0FBQyxDQUFDO1lBRUgsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDeEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQ2hDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO29CQUN0QixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztvQkFDMUIsTUFBTSxzQkFBc0IsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7d0JBQzNELElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO29CQUMzQixDQUFDLENBQUMsQ0FBQztvQkFDSCxJQUFJLENBQUMsdUJBQXVCLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7Z0JBQzFELENBQUMsQ0FBQyxDQUFDO1lBQ0osQ0FBQyxDQUFDLENBQUM7UUFDSixDQUFDLENBQUMsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXO1FBQ1YsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFFRCxNQUFNO1FBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDaEMsQ0FBQztJQUVTLGtCQUFrQjtRQUMzQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25FLENBQUM7O3dHQW5FVyxXQUFXOzRGQUFYLFdBQVcsOGJBNkJOLFdBQVcsNkJBckVsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUFzQ1Q7MkZBRVcsV0FBVztrQkExQ3ZCLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLG9DQUFvQztvQkFDOUMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQXNDVDtpQkFDRDs4QkFFMEMsT0FBTztzQkFBaEQsV0FBVzt1QkFBQywyQkFBMkI7Z0JBQ1EsV0FBVztzQkFBMUQsV0FBVzt1QkFBQyxpQ0FBaUM7Z0JBQ1EsYUFBYTtzQkFBbEUsV0FBVzt1QkFBQyxtQ0FBbUM7Z0JBR3RCLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFLZixTQUFTO3NCQUFqQixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFJRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFFd0IsWUFBWTtzQkFBekMsZUFBZTt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0QWZ0ZXJDb250ZW50SW5pdCxcblx0Q29tcG9uZW50LFxuXHRDb250ZW50Q2hpbGRyZW4sXG5cdElucHV0LFxuXHRRdWVyeUxpc3QsXG5cdE9uRGVzdHJveSxcblx0SG9zdEJpbmRpbmdcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFNpZGVOYXZJdGVtIH0gZnJvbSBcIi4vc2lkZW5hdi1pdGVtLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IFNpZGVOYXZJdGVtSW50ZXJmYWNlIH0gZnJvbSBcIi4vc2lkZW5hdi1pdGVtLmludGVyZmFjZVwiO1xuXG4vKipcbiAqIGBTaWRlTmF2TWVudWAgcHJvdmlkZXMgYSBtZXRob2QgdG8gZ3JvdXAgYFNpZGVOYXZJdGVtYHMgdW5kZXIgYSBjb21tb24gaGVhZGluZy5cbiAqL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiBcImNkcy1zaWRlbmF2LW1lbnUsIGlibS1zaWRlbmF2LW1lbnVcIixcblx0dGVtcGxhdGU6IGBcblx0XHQ8YnV0dG9uXG5cdFx0XHQoY2xpY2spPVwidG9nZ2xlKClcIlxuXHRcdFx0Y2xhc3M9XCJjZHMtLXNpZGUtbmF2X19zdWJtZW51XCJcblx0XHRcdGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcblx0XHRcdFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuXHRcdFx0dHlwZT1cImJ1dHRvblwiPlxuXHRcdFx0PGRpdiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2ljb25cIj5cblx0XHRcdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwic3ZnLCBbaWNvbl1cIj48L25nLWNvbnRlbnQ+XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxzcGFuIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fc3VibWVudS10aXRsZVwiPnt7dGl0bGV9fTwvc3Bhbj5cblx0XHRcdDxkaXYgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19pY29uIGNkcy0tc2lkZS1uYXZfX2ljb24tLXNtYWxsIGNkcy0tc2lkZS1uYXZfX3N1Ym1lbnUtY2hldnJvblwiPlxuXHRcdFx0XHQ8c3ZnXG5cdFx0XHRcdFx0Zm9jdXNhYmxlPVwiZmFsc2VcIlxuXHRcdFx0XHRcdHByZXNlcnZlQXNwZWN0UmF0aW89XCJ4TWlkWU1pZCBtZWV0XCJcblx0XHRcdFx0XHRzdHlsZT1cIndpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XCJcblx0XHRcdFx0XHR4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcblx0XHRcdFx0XHR3aWR0aD1cIjIwXCJcblx0XHRcdFx0XHRoZWlnaHQ9XCIyMFwiXG5cdFx0XHRcdFx0dmlld0JveD1cIjAgMCAzMiAzMlwiXG5cdFx0XHRcdFx0YXJpYS1oaWRkZW49XCJ0cnVlXCI+XG5cdFx0XHRcdFx0PHBhdGggZD1cIk0xNiAyMkw2IDEybDEuNC0xLjQgOC42IDguNiA4LjYtOC42TDI2IDEyelwiPjwvcGF0aD5cblx0XHRcdFx0PC9zdmc+XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L2J1dHRvbj5cblx0XHQ8ZGl2IGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fbWVudVwiIHJvbGU9XCJsaXN0XCI+XG5cdFx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdFx0XHQ8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBtZW51SXRlbSBvZiBtZW51SXRlbXNcIj5cblx0XHRcdFx0PGNkcy1zaWRlbmF2LWl0ZW1cblx0XHRcdFx0XHRbaHJlZl09XCJtZW51SXRlbS5ocmVmXCJcblx0XHRcdFx0XHRbcm91dGVdPVwibWVudUl0ZW0ucm91dGVcIlxuXHRcdFx0XHRcdFtyb3V0ZUV4dHJhc109XCJtZW51SXRlbS5yb3V0ZUV4dHJhc1wiXG5cdFx0XHRcdFx0W3VzZVJvdXRlcl09XCJ1c2VSb3V0ZXJcIlxuXHRcdFx0XHRcdFtpc1N1Yk1lbnVdPVwidHJ1ZVwiPlxuXHRcdFx0XHRcdHt7IG1lbnVJdGVtLmNvbnRlbnQgfX1cblx0XHRcdFx0PC9jZHMtc2lkZW5hdi1pdGVtPlxuXHRcdFx0PC9uZy1jb250YWluZXI+XG5cdFx0PC9kaXY+XG5cdGBcbn0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdk1lbnUgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3kge1xuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXNpZGUtbmF2X19pdGVtXCIpIG5hdkl0ZW0gPSB0cnVlO1xuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXNpZGUtbmF2X19pdGVtLS1pY29uXCIpIG5hdkl0ZW1JY29uID0gdHJ1ZTtcblx0QEhvc3RCaW5kaW5nKFwiY2xhc3MuY2RzLS1zaWRlLW5hdl9faXRlbS0tYWN0aXZlXCIpIGdldCBuYXZJdGVtQWN0aXZlKCkge1xuXHRcdHJldHVybiB0aGlzLmhhc0FjdGl2ZUNoaWxkO1xuXHR9XG5cdEBIb3N0QmluZGluZyhcImF0dHIucm9sZVwiKSByb2xlID0gXCJsaXN0aXRlbVwiO1xuXG5cdC8qKlxuXHQgKiBVc2UgdGhlIHJvdXRlckxpbmsgYXR0cmlidXRlIG9uIDxhPiB0YWcgZm9yIG5hdmlnYXRpb24gaW5zdGVhZCBvZiB1c2luZyBldmVudCBoYW5kbGVyc1xuXHQgKi9cblx0QElucHV0KCkgdXNlUm91dGVyID0gZmFsc2U7XG5cblx0LyoqXG5cdCAqIEhlYWRpbmcgZm9yIHRoZSBncm91cFxuXHQgKi9cblx0QElucHV0KCkgdGl0bGU6IHN0cmluZztcblx0LyoqXG5cdCAqIENvbnRyb2xzIHRoZSB2aXNpYmlsaXR5IG9mIHRoZSBjaGlsZCBgU2lkZU5hdkl0ZW1gc1xuXHQgKi9cblx0QElucHV0KCkgZXhwYW5kZWQgPSBmYWxzZTtcblx0LyoqXG5cdCAqIENvbnRyb2xzIHRoZSBhY3RpdmUgc3RhdHVzIGluZGljYXRvciBvbiB0aGUgbWVudSBpZiB0aGVyZSBpcyBhbiBhY3RpdmVcblx0ICogY2hpbGQgc2lkZW5hdiBpdGVtLlxuXHQgKi9cblx0QElucHV0KCkgaGFzQWN0aXZlQ2hpbGQgPSBmYWxzZTtcblxuXHRASW5wdXQoKSBtZW51SXRlbXM6IFNpZGVOYXZJdGVtSW50ZXJmYWNlW107XG5cblx0QENvbnRlbnRDaGlsZHJlbihTaWRlTmF2SXRlbSkgc2lkZW5hdkl0ZW1zOiBRdWVyeUxpc3Q8U2lkZU5hdkl0ZW0+O1xuXG5cdHByb3RlY3RlZCBhY3RpdmVJdGVtc1N1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcblxuXHRuZ0FmdGVyQ29udGVudEluaXQoKSB7XG5cdFx0c2V0VGltZW91dCgoKSA9PiB7XG5cdFx0XHR0aGlzLnNpZGVuYXZJdGVtcy5mb3JFYWNoKGl0ZW0gPT4ge1xuXHRcdFx0XHRpdGVtLmlzU3ViTWVudSA9IHRydWU7XG5cdFx0XHRcdHRoaXMuZmluZEFjdGl2ZUNoaWxkcmVuKCk7XG5cdFx0XHRcdGNvbnN0IGFjdGl2ZUl0ZW1TdWJzY3JpcHRpb24gPSBpdGVtLnNlbGVjdGVkLnN1YnNjcmliZSgoKSA9PiB7XG5cdFx0XHRcdFx0dGhpcy5maW5kQWN0aXZlQ2hpbGRyZW4oKTtcblx0XHRcdFx0fSk7XG5cdFx0XHRcdHRoaXMuYWN0aXZlSXRlbXNTdWJzY3JpcHRpb24uYWRkKGFjdGl2ZUl0ZW1TdWJzY3JpcHRpb24pO1xuXHRcdFx0fSk7XG5cblx0XHRcdHRoaXMuc2lkZW5hdkl0ZW1zLmNoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcblx0XHRcdFx0dGhpcy5zaWRlbmF2SXRlbXMuZm9yRWFjaChpdGVtID0+IHtcblx0XHRcdFx0XHRpdGVtLmlzU3ViTWVudSA9IHRydWU7XG5cdFx0XHRcdFx0dGhpcy5maW5kQWN0aXZlQ2hpbGRyZW4oKTtcblx0XHRcdFx0XHRjb25zdCBhY3RpdmVJdGVtU3Vic2NyaXB0aW9uID0gaXRlbS5zZWxlY3RlZC5zdWJzY3JpYmUoKCkgPT4ge1xuXHRcdFx0XHRcdFx0dGhpcy5maW5kQWN0aXZlQ2hpbGRyZW4oKTtcblx0XHRcdFx0XHR9KTtcblx0XHRcdFx0XHR0aGlzLmFjdGl2ZUl0ZW1zU3Vic2NyaXB0aW9uLmFkZChhY3RpdmVJdGVtU3Vic2NyaXB0aW9uKTtcblx0XHRcdFx0fSk7XG5cdFx0XHR9KTtcblx0XHR9KTtcblx0fVxuXG5cdG5nT25EZXN0cm95KCkge1xuXHRcdHRoaXMuYWN0aXZlSXRlbXNTdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcblx0fVxuXG5cdHRvZ2dsZSgpIHtcblx0XHR0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWQ7XG5cdH1cblxuXHRwcm90ZWN0ZWQgZmluZEFjdGl2ZUNoaWxkcmVuKCkge1xuXHRcdHRoaXMuaGFzQWN0aXZlQ2hpbGQgPSB0aGlzLnNpZGVuYXZJdGVtcy5zb21lKGl0ZW0gPT4gaXRlbS5hY3RpdmUpO1xuXHR9XG59XG4iXX0=
|
|
@@ -25,13 +25,17 @@ export class SideNav {
|
|
|
25
25
|
this.rail = false;
|
|
26
26
|
this.ux = true;
|
|
27
27
|
this.allowExpansion = false;
|
|
28
|
+
/**
|
|
29
|
+
* Use the routerLink attribute on <a> tag for navigation instead of using event handlers
|
|
30
|
+
*/
|
|
31
|
+
this.useRouter = false;
|
|
28
32
|
}
|
|
29
33
|
toggle() {
|
|
30
34
|
this.expanded = !this.expanded;
|
|
31
35
|
}
|
|
32
36
|
}
|
|
33
37
|
SideNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNav, deps: [{ token: i1.I18n }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
SideNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SideNav, selector: "cds-sidenav, ibm-sidenav", inputs: { ariaLabel: "ariaLabel", expanded: "expanded", hidden: "hidden", rail: "rail", allowExpansion: "allowExpansion", navigationItems: "navigationItems" }, host: { properties: { "class.cds--side-nav": "this.hostClass", "class.cds--side-nav--expanded": "this.expanded", "class.cds--side-nav--hidden": "this.hidden", "class.cds--side-nav--rail": "this.rail", "class.cds--side-nav__navigation": "this.ux" } }, ngImport: i0, template: `
|
|
38
|
+
SideNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SideNav, selector: "cds-sidenav, ibm-sidenav", inputs: { ariaLabel: "ariaLabel", expanded: "expanded", hidden: "hidden", rail: "rail", allowExpansion: "allowExpansion", navigationItems: "navigationItems", useRouter: "useRouter" }, host: { properties: { "class.cds--side-nav": "this.hostClass", "class.cds--side-nav--expanded": "this.expanded", "class.cds--side-nav--hidden": "this.hidden", "class.cds--side-nav--rail": "this.rail", "class.cds--side-nav__navigation": "this.ux" } }, ngImport: i0, template: `
|
|
35
39
|
<nav class="cds--side-nav__items" [attr.aria-label]="ariaLabel">
|
|
36
40
|
<ng-content select="cds-sidenav-header,ibm-sidenav-header"></ng-content>
|
|
37
41
|
<div role="list">
|
|
@@ -42,12 +46,14 @@ SideNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3
|
|
|
42
46
|
[href]="navigationItem.href"
|
|
43
47
|
[route]="navigationItem.route"
|
|
44
48
|
[routeExtras]="navigationItem.routeExtras"
|
|
49
|
+
[useRouter]="useRouter"
|
|
45
50
|
[title]="navigationItem.title">
|
|
46
51
|
{{ navigationItem.content }}
|
|
47
52
|
</cds-sidenav-item>
|
|
48
53
|
<cds-sidenav-menu
|
|
49
54
|
*ngIf="navigationItem.type === 'menu'"
|
|
50
55
|
[title]="navigationItem.title"
|
|
56
|
+
[useRouter]="useRouter"
|
|
51
57
|
[menuItems]="navigationItem.menuItems">
|
|
52
58
|
</cds-sidenav-menu>
|
|
53
59
|
</ng-container>
|
|
@@ -93,7 +99,7 @@ SideNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3
|
|
|
93
99
|
</button>
|
|
94
100
|
</footer>
|
|
95
101
|
</nav>
|
|
96
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SideNavItem, selector: "cds-sidenav-item, ibm-sidenav-item", inputs: ["href", "active", "route", "isSubMenu", "routeExtras", "title"], outputs: ["navigation", "selected"] }, { kind: "component", type: i4.SideNavMenu, selector: "cds-sidenav-menu, ibm-sidenav-menu", inputs: ["title", "expanded", "hasActiveChild", "menuItems"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
|
|
102
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SideNavItem, selector: "cds-sidenav-item, ibm-sidenav-item", inputs: ["href", "useRouter", "active", "route", "isSubMenu", "routeExtras", "title"], outputs: ["navigation", "selected"] }, { kind: "component", type: i4.SideNavMenu, selector: "cds-sidenav-menu, ibm-sidenav-menu", inputs: ["useRouter", "title", "expanded", "hasActiveChild", "menuItems"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
|
|
97
103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNav, decorators: [{
|
|
98
104
|
type: Component,
|
|
99
105
|
args: [{
|
|
@@ -109,12 +115,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
109
115
|
[href]="navigationItem.href"
|
|
110
116
|
[route]="navigationItem.route"
|
|
111
117
|
[routeExtras]="navigationItem.routeExtras"
|
|
118
|
+
[useRouter]="useRouter"
|
|
112
119
|
[title]="navigationItem.title">
|
|
113
120
|
{{ navigationItem.content }}
|
|
114
121
|
</cds-sidenav-item>
|
|
115
122
|
<cds-sidenav-menu
|
|
116
123
|
*ngIf="navigationItem.type === 'menu'"
|
|
117
124
|
[title]="navigationItem.title"
|
|
125
|
+
[useRouter]="useRouter"
|
|
118
126
|
[menuItems]="navigationItem.menuItems">
|
|
119
127
|
</cds-sidenav-menu>
|
|
120
128
|
</ng-container>
|
|
@@ -190,5 +198,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
190
198
|
type: Input
|
|
191
199
|
}], navigationItems: [{
|
|
192
200
|
type: Input
|
|
201
|
+
}], useRouter: [{
|
|
202
|
+
type: Input
|
|
193
203
|
}] } });
|
|
194
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
204
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWktc2hlbGwvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ04sU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBQ0wsaUJBQWlCLEVBQ2pCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFJdkI7Ozs7R0FJRztBQXNFSCxNQUFNLE9BQU8sT0FBTztJQTJCbkIsWUFBbUIsSUFBVTtRQUFWLFNBQUksR0FBSixJQUFJLENBQU07UUExQk8sY0FBUyxHQUFHLElBQUksQ0FBQztRQUM1QyxjQUFTLEdBQUcsaUJBQWlCLENBQUM7UUFDdkM7O1dBRUc7UUFDb0QsYUFBUSxHQUFHLElBQUksQ0FBQztRQUN2RTs7V0FFRztRQUNrRCxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFNBQUksR0FBRyxLQUFLLENBQUM7UUFDaEIsT0FBRSxHQUFHLElBQUksQ0FBQztRQUNqRCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQVNoQzs7V0FFRztRQUNNLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFFTSxDQUFDO0lBRWxDLE1BQU07UUFDTCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNoQyxDQUFDOztvR0EvQlcsT0FBTzt3RkFBUCxPQUFPLG1mQW5FVDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQWdFVDsyRkFHVyxPQUFPO2tCQXJFbkIsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUFnRVQ7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3JDOzJGQUVvQyxTQUFTO3NCQUE1QyxXQUFXO3VCQUFDLHFCQUFxQjtnQkFDekIsU0FBUztzQkFBakIsS0FBSztnQkFJaUQsUUFBUTtzQkFBOUQsV0FBVzt1QkFBQywrQkFBK0I7O3NCQUFHLEtBQUs7Z0JBSUMsTUFBTTtzQkFBMUQsV0FBVzt1QkFBQyw2QkFBNkI7O3NCQUFHLEtBQUs7Z0JBQ0MsSUFBSTtzQkFBdEQsV0FBVzt1QkFBQywyQkFBMkI7O3NCQUFHLEtBQUs7Z0JBQ0EsRUFBRTtzQkFBakQsV0FBVzt1QkFBQyxpQ0FBaUM7Z0JBQ3JDLGNBQWM7c0JBQXRCLEtBQUs7Z0JBT0csZUFBZTtzQkFBdkIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0Q29tcG9uZW50LFxuXHRIb3N0QmluZGluZyxcblx0SW5wdXQsXG5cdFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJMThuIH0gZnJvbSBcImNhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvaTE4blwiO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkl0ZW0gfSBmcm9tIFwiLi4vaGVhZGVyL2hlYWRlci1uYXZpZ2F0aW9uLWl0ZW1zLmludGVyZmFjZVwiO1xuXG4vKipcbiAqIGBTaWRlbmF2YCBpcyBhIGZpeGVkIGxlZnQgbmF2aWdhdGlvbiB0aGF0IG1heSBjb250YWluIGBTaWRlTmF2SXRlbWBzIG9yIGBTaWRlTmF2TWVudWBzXG4gKlxuICogW1NlZSBkZW1vXSguLi8uLi8/cGF0aD0vc3RvcnkvY29tcG9uZW50cy11aS1zaGVsbC0tc2lkZS1uYXZpZ2F0aW9uKVxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6IFwiY2RzLXNpZGVuYXYsIGlibS1zaWRlbmF2XCIsXG5cdHRlbXBsYXRlOiBgXG5cdFx0PG5hdiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2l0ZW1zXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIj5cblx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cImNkcy1zaWRlbmF2LWhlYWRlcixpYm0tc2lkZW5hdi1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG5cdFx0XHQ8ZGl2IHJvbGU9XCJsaXN0XCI+XG5cdFx0XHRcdDxkaXYgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19oZWFkZXItbmF2aWdhdGlvbiBjZHMtLXNpZGUtbmF2X19oZWFkZXItZGl2aWRlclwiPlxuXHRcdFx0XHRcdDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG5hdmlnYXRpb25JdGVtIG9mIG5hdmlnYXRpb25JdGVtc1wiPlxuXHRcdFx0XHRcdFx0PGNkcy1zaWRlbmF2LWl0ZW1cblx0XHRcdFx0XHRcdFx0Km5nSWY9XCJuYXZpZ2F0aW9uSXRlbS50eXBlID09PSAnaXRlbSdcIlxuXHRcdFx0XHRcdFx0XHRbaHJlZl09XCJuYXZpZ2F0aW9uSXRlbS5ocmVmXCJcblx0XHRcdFx0XHRcdFx0W3JvdXRlXT1cIm5hdmlnYXRpb25JdGVtLnJvdXRlXCJcblx0XHRcdFx0XHRcdFx0W3JvdXRlRXh0cmFzXT1cIm5hdmlnYXRpb25JdGVtLnJvdXRlRXh0cmFzXCJcblx0XHRcdFx0XHRcdFx0W3VzZVJvdXRlcl09XCJ1c2VSb3V0ZXJcIlxuXHRcdFx0XHRcdFx0XHRbdGl0bGVdPVwibmF2aWdhdGlvbkl0ZW0udGl0bGVcIj5cblx0XHRcdFx0XHRcdFx0e3sgbmF2aWdhdGlvbkl0ZW0uY29udGVudCB9fVxuXHRcdFx0XHRcdFx0PC9jZHMtc2lkZW5hdi1pdGVtPlxuXHRcdFx0XHRcdFx0PGNkcy1zaWRlbmF2LW1lbnVcblx0XHRcdFx0XHRcdFx0Km5nSWY9XCJuYXZpZ2F0aW9uSXRlbS50eXBlID09PSAnbWVudSdcIlxuXHRcdFx0XHRcdFx0XHRbdGl0bGVdPVwibmF2aWdhdGlvbkl0ZW0udGl0bGVcIlxuXHRcdFx0XHRcdFx0XHRbdXNlUm91dGVyXT1cInVzZVJvdXRlclwiXG5cdFx0XHRcdFx0XHRcdFttZW51SXRlbXNdPVwibmF2aWdhdGlvbkl0ZW0ubWVudUl0ZW1zXCI+XG5cdFx0XHRcdFx0XHQ8L2Nkcy1zaWRlbmF2LW1lbnU+XG5cdFx0XHRcdFx0PC9uZy1jb250YWluZXI+XG5cdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxmb290ZXIgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19mb290ZXJcIj5cblx0XHRcdFx0PGJ1dHRvblxuXHRcdFx0XHRcdCpuZ0lmPVwiYWxsb3dFeHBhbnNpb25cIlxuXHRcdFx0XHRcdGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fdG9nZ2xlXCJcblx0XHRcdFx0XHR0eXBlPVwiYnV0dG9uXCJcblx0XHRcdFx0XHRbdGl0bGVdPVwiKGV4cGFuZGVkID8gaTE4bi5nZXQoJ1VJX1NIRUxMLlNJREVfTkFWLlRPR0dMRV9DTE9TRScpIDogaTE4bi5nZXQoJ1VJX1NIRUxMLlNJREVfTkFWLlRPR0dMRV9PUEVOJykpIHwgYXN5bmNcIlxuXHRcdFx0XHRcdChjbGljayk9XCJ0b2dnbGUoKVwiPlxuXHRcdFx0XHRcdDxkaXYgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19pY29uXCI+XG5cdFx0XHRcdFx0XHQ8c3ZnXG5cdFx0XHRcdFx0XHRcdCpuZ0lmPVwiZXhwYW5kZWRcIlxuXHRcdFx0XHRcdFx0XHRmb2N1c2FibGU9XCJmYWxzZVwiXG5cdFx0XHRcdFx0XHRcdHByZXNlcnZlQXNwZWN0UmF0aW89XCJ4TWlkWU1pZCBtZWV0XCJcblx0XHRcdFx0XHRcdFx0c3R5bGU9XCJ3aWxsLWNoYW5nZTogdHJhbnNmb3JtO1wiXG5cdFx0XHRcdFx0XHRcdHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuXHRcdFx0XHRcdFx0XHR3aWR0aD1cIjIwXCJcblx0XHRcdFx0XHRcdFx0aGVpZ2h0PVwiMjBcIlxuXHRcdFx0XHRcdFx0XHR2aWV3Qm94PVwiMCAwIDMyIDMyXCJcblx0XHRcdFx0XHRcdFx0YXJpYS1oaWRkZW49XCJ0cnVlXCI+XG5cdFx0XHRcdFx0XHRcdDxwYXRoIGQ9XCJNMjQgOS40TDIyLjYgOCAxNiAxNC42IDkuNCA4IDggOS40bDYuNiA2LjZMOCAyMi42IDkuNCAyNGw2LjYtNi42IDYuNiA2LjYgMS40LTEuNC02LjYtNi42TDI0IDkuNHpcIj48L3BhdGg+XG5cdFx0XHRcdFx0XHQ8L3N2Zz5cblx0XHRcdFx0XHRcdDxzdmdcblx0XHRcdFx0XHRcdFx0Km5nSWY9XCIhZXhwYW5kZWRcIlxuXHRcdFx0XHRcdFx0XHRmb2N1c2FibGU9XCJmYWxzZVwiXG5cdFx0XHRcdFx0XHRcdHByZXNlcnZlQXNwZWN0UmF0aW89XCJ4TWlkWU1pZCBtZWV0XCJcblx0XHRcdFx0XHRcdFx0c3R5bGU9XCJ3aWxsLWNoYW5nZTogdHJhbnNmb3JtO1wiXG5cdFx0XHRcdFx0XHRcdHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuXHRcdFx0XHRcdFx0XHR3aWR0aD1cIjIwXCJcblx0XHRcdFx0XHRcdFx0aGVpZ2h0PVwiMjBcIlxuXHRcdFx0XHRcdFx0XHR2aWV3Qm94PVwiMCAwIDMyIDMyXCJcblx0XHRcdFx0XHRcdFx0YXJpYS1oaWRkZW49XCJ0cnVlXCI+XG5cdFx0XHRcdFx0XHRcdDxwYXRoIGQ9XCJNMjIgMTZMMTIgMjZsLTEuNC0xLjQgOC42LTguNi04LjYtOC42TDEyIDZ6XCI+PC9wYXRoPlxuXHRcdFx0XHRcdFx0PC9zdmc+XG5cdFx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdFx0PHNwYW4gY2xhc3M9XCJjZHMtLWFzc2lzdGl2ZS10ZXh0XCI+XG5cdFx0XHRcdFx0XHR7eyhleHBhbmRlZCA/IGkxOG4uZ2V0KCdVSV9TSEVMTC5TSURFX05BVi5UT0dHTEVfQ0xPU0UnKSA6IGkxOG4uZ2V0KCdVSV9TSEVMTC5TSURFX05BVi5UT0dHTEVfT1BFTicpKSB8IGFzeW5jfX1cblx0XHRcdFx0XHQ8L3NwYW4+XG5cdFx0XHRcdDwvYnV0dG9uPlxuXHRcdFx0PC9mb290ZXI+XG5cdFx0PC9uYXY+XG5cdGAsXG5cdGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdiB7XG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tc2lkZS1uYXZcIikgaG9zdENsYXNzID0gdHJ1ZTtcblx0QElucHV0KCkgYXJpYUxhYmVsID0gXCJTaWRlIG5hdmlnYXRpb25cIjtcblx0LyoqXG5cdCAqIENvbnRyb2xzIHRoZSBleHBhbmRlZCAoYHRydWVgKSBvciBjb2xsYXBzZWQgKGBmYWxzZWApIHN0YXRlIHdoZW4gb24gYSBzbWFsbCBzY3JlZW4uXG5cdCAqL1xuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXNpZGUtbmF2LS1leHBhbmRlZFwiKSBASW5wdXQoKSBleHBhbmRlZCA9IHRydWU7XG5cdC8qKlxuXHQgKiBDb250cm9scyB0aGUgaGlkZGVuIChgdHJ1ZWApIG9yIHZpc2libGUgKGBmYWxzZWApIHN0YXRlXG5cdCAqL1xuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXNpZGUtbmF2LS1oaWRkZW5cIikgQElucHV0KCkgaGlkZGVuID0gZmFsc2U7XG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tc2lkZS1uYXYtLXJhaWxcIikgQElucHV0KCkgcmFpbCA9IGZhbHNlO1xuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXNpZGUtbmF2X19uYXZpZ2F0aW9uXCIpIHV4ID0gdHJ1ZTtcblx0QElucHV0KCkgYWxsb3dFeHBhbnNpb24gPSBmYWxzZTtcblxuXHQvKipcblx0ICogTmF2aWdhdGlvbkl0ZW1zIGZyb20gdGhlIGhlYWRlciBuYXZpZ2F0aW9uIGNvbXBvbmVudCB3aGljaCBhcmUgZGlzcGxheWVkIG9uIHRoZSBzaWRlbmF2IHdoZW4gdGhlIHdpbmRvd1xuXHQgKiBpbm5lcldpZHRoIGlzIHNtYWxsIGVub3VnaC4gU2lkZW5hdiBpdGVtcyBhbmQgbWVudXMgYXJlIGNyZWF0ZWQgdXNpbmcgdGhlIG1vZGVsIHVzZWQgdG8gY3JlYXRlIGhlYWRlclxuXHQgKiBuYXZpZ2F0aW9uIGl0ZW1zLlxuXHQgKi9cblx0QElucHV0KCkgbmF2aWdhdGlvbkl0ZW1zOiBOYXZpZ2F0aW9uSXRlbVtdO1xuXG5cdC8qKlxuXHQgKiBVc2UgdGhlIHJvdXRlckxpbmsgYXR0cmlidXRlIG9uIDxhPiB0YWcgZm9yIG5hdmlnYXRpb24gaW5zdGVhZCBvZiB1c2luZyBldmVudCBoYW5kbGVyc1xuXHQgKi9cblx0QElucHV0KCkgdXNlUm91dGVyID0gZmFsc2U7XG5cblx0Y29uc3RydWN0b3IocHVibGljIGkxOG46IEkxOG4pIHsgfVxuXG5cdHRvZ2dsZSgpIHtcblx0XHR0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWQ7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { NgModule } from "@angular/core";
|
|
2
2
|
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { RouterModule } from "@angular/router";
|
|
3
4
|
import { I18nModule } from "carbon-components-angular/i18n";
|
|
4
5
|
import { SideNav } from "./sidenav.component";
|
|
5
6
|
import { SideNavItem } from "./sidenav-item.component";
|
|
@@ -11,10 +12,10 @@ export class SideNavModule {
|
|
|
11
12
|
SideNavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
13
|
SideNavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SideNavModule, declarations: [SideNav,
|
|
13
14
|
SideNavItem,
|
|
14
|
-
SideNavMenu], imports: [CommonModule, I18nModule], exports: [SideNav,
|
|
15
|
+
SideNavMenu], imports: [CommonModule, I18nModule, RouterModule], exports: [SideNav,
|
|
15
16
|
SideNavItem,
|
|
16
17
|
SideNavMenu] });
|
|
17
|
-
SideNavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNavModule, imports: [CommonModule, I18nModule] });
|
|
18
|
+
SideNavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNavModule, imports: [CommonModule, I18nModule, RouterModule] });
|
|
18
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SideNavModule, decorators: [{
|
|
19
20
|
type: NgModule,
|
|
20
21
|
args: [{
|
|
@@ -23,7 +24,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
23
24
|
SideNavItem,
|
|
24
25
|
SideNavMenu
|
|
25
26
|
],
|
|
26
|
-
imports: [CommonModule, I18nModule],
|
|
27
|
+
imports: [CommonModule, I18nModule, RouterModule],
|
|
27
28
|
exports: [
|
|
28
29
|
SideNav,
|
|
29
30
|
SideNavItem,
|
|
@@ -31,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
31
32
|
]
|
|
32
33
|
}]
|
|
33
34
|
}] });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWktc2hlbGwvc2lkZW5hdi9zaWRlbmF2Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQUl2RCxPQUFPLEVBQ04sT0FBTyxFQUNQLFdBQVcsRUFDWCxXQUFXLEVBQ1gsQ0FBQztBQWVGLE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBWHhCLE9BQU87UUFDUCxXQUFXO1FBQ1gsV0FBVyxhQUVGLFlBQVksRUFBRSxVQUFVLEVBQUUsWUFBWSxhQUUvQyxPQUFPO1FBQ1AsV0FBVztRQUNYLFdBQVc7MkdBR0EsYUFBYSxZQVBmLFlBQVksRUFBRSxVQUFVLEVBQUUsWUFBWTsyRkFPcEMsYUFBYTtrQkFiekIsUUFBUTttQkFBQztvQkFDVCxZQUFZLEVBQUU7d0JBQ2IsT0FBTzt3QkFDUCxXQUFXO3dCQUNYLFdBQVc7cUJBQ1g7b0JBQ0QsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFVBQVUsRUFBRSxZQUFZLENBQUM7b0JBQ2pELE9BQU8sRUFBRTt3QkFDUixPQUFPO3dCQUNQLFdBQVc7d0JBQ1gsV0FBVztxQkFDWDtpQkFDRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcblxuaW1wb3J0IHsgSTE4bk1vZHVsZSB9IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL2kxOG5cIjtcblxuaW1wb3J0IHsgU2lkZU5hdiB9IGZyb20gXCIuL3NpZGVuYXYuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBTaWRlTmF2SXRlbSB9IGZyb20gXCIuL3NpZGVuYXYtaXRlbS5jb21wb25lbnRcIjtcbmltcG9ydCB7IFNpZGVOYXZNZW51IH0gZnJvbSBcIi4vc2lkZW5hdi1tZW51LmNvbXBvbmVudFwiO1xuXG5leHBvcnQgeyBTaWRlTmF2SXRlbUludGVyZmFjZSB9IGZyb20gXCIuL3NpZGVuYXYtaXRlbS5pbnRlcmZhY2VcIjtcblxuZXhwb3J0IHtcblx0U2lkZU5hdixcblx0U2lkZU5hdkl0ZW0sXG5cdFNpZGVOYXZNZW51XG59O1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtcblx0XHRTaWRlTmF2LFxuXHRcdFNpZGVOYXZJdGVtLFxuXHRcdFNpZGVOYXZNZW51XG5cdF0sXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEkxOG5Nb2R1bGUsIFJvdXRlck1vZHVsZV0sXG5cdGV4cG9ydHM6IFtcblx0XHRTaWRlTmF2LFxuXHRcdFNpZGVOYXZJdGVtLFxuXHRcdFNpZGVOYXZNZW51XG5cdF1cbn0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdk1vZHVsZSB7IH1cbiJdfQ==
|