ngx-material-navigation 20.1.0 → 20.1.2
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.
|
@@ -38,10 +38,10 @@ class NgxMatNavigationBaseNavElementComponent {
|
|
|
38
38
|
get elementValue() {
|
|
39
39
|
return this.element;
|
|
40
40
|
}
|
|
41
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
42
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationBaseNavElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NgxMatNavigationBaseNavElementComponent, isStandalone: true, selector: "ngx-mat-navigation-base-nav-element", inputs: { element: "element", isSidenavElement: "isSidenavElement", isMenuItem: "isMenuItem" }, ngImport: i0, template: '', isInline: true });
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationBaseNavElementComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
46
|
args: [{
|
|
47
47
|
selector: 'ngx-mat-navigation-base-nav-element',
|
|
@@ -72,10 +72,10 @@ class NavButtonComponent extends NgxMatNavigationBaseNavElementComponent {
|
|
|
72
72
|
runAction() {
|
|
73
73
|
runInInjectionContext(this.injector, () => this.elementValue.action());
|
|
74
74
|
}
|
|
75
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
76
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
75
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavButtonComponent, deps: [{ token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Component });
|
|
76
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavButtonComponent, isStandalone: true, selector: "nav-button", usesInheritance: true, ngImport: i0, template: "<div [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n [attr.aria-label]=\"elementValue.ariaLabel\"\n>\n <button type=\"button\" (click)=\"runAction()\">\n @if (elementValue.icon) {\n <fa-icon [icon]=\"elementValue.icon\"></fa-icon>\n }\n {{elementValue.name}}\n </button>\n</div>", styles: ["button{border:none;font-size:16px;cursor:pointer;padding:10px;border-radius:5px;background-color:#fff;box-shadow:#0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;transition:all .2s;display:inline-block;font-weight:700}button:hover{filter:brightness(.9)}.sidenavElement button,.menuItem button{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavButtonComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
80
|
args: [{ selector: 'nav-button', standalone: true, imports: [
|
|
81
81
|
CommonModule,
|
|
@@ -85,10 +85,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
85
85
|
|
|
86
86
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
87
87
|
class NavButtonFlatComponent extends NavButtonComponent {
|
|
88
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
89
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
88
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavButtonFlatComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
89
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavButtonFlatComponent, isStandalone: true, selector: "nav-button-flat", usesInheritance: true, ngImport: i0, template: "<button\n type=\"button\"\n [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n [attr.aria-label]=\"elementValue.ariaLabel\"\n (click)=\"runAction()\"\n>\n @if (elementValue.icon) {\n <fa-icon [icon]=\"elementValue.icon\"></fa-icon>\n }\n {{elementValue.name}}\n</button>", styles: [".sidenavElement{display:inline-block;width:100%}.menuItem{display:flex;align-items:center;justify-content:flex-start;width:100%}button{border:none;font-size:16px;cursor:pointer;padding:10px;border-radius:5px;background-color:#fff;color:#000;transition:all .2s;font-weight:700}button:hover{color:gray}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
|
|
90
90
|
}
|
|
91
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavButtonFlatComponent, decorators: [{
|
|
92
92
|
type: Component,
|
|
93
93
|
args: [{ selector: 'nav-button-flat', standalone: true, imports: [
|
|
94
94
|
CommonModule,
|
|
@@ -110,30 +110,30 @@ class NavCustomComponent extends NgxMatNavigationBaseNavElementComponent {
|
|
|
110
110
|
this.component.instance.isMenuItem = this.isMenuItem;
|
|
111
111
|
this.component.instance.isSidenavElement = this.isSidenavElement;
|
|
112
112
|
}
|
|
113
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
114
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavCustomComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
114
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NavCustomComponent, isStandalone: true, selector: "nav-custom", usesInheritance: true, ngImport: i0, template: "", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
115
115
|
}
|
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavCustomComponent, decorators: [{
|
|
117
117
|
type: Component,
|
|
118
118
|
args: [{ selector: 'nav-custom', standalone: true, imports: [CommonModule], template: "" }]
|
|
119
119
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
|
|
120
120
|
|
|
121
121
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
122
122
|
class NavImageComponent extends NgxMatNavigationBaseNavElementComponent {
|
|
123
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
124
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
123
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
124
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NavImageComponent, isStandalone: true, selector: "nav-image", usesInheritance: true, ngImport: i0, template: "<div [class.sidenavElement]=\"isSidenavElement\" [class.menuItem]=\"isMenuItem\">\n <img [alt]=\"elementValue.alt ?? ''\" [height]=\"elementValue.height\" [style.height.px]=\"elementValue.height\" [width]=\"elementValue.width\" [style.width.px]=\"elementValue.width\" [ngSrc]=\"elementValue.url\">\n</div>", styles: [".image-link{line-height:0px}.sidenavElement,.menuItem{display:block;width:100%;text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] });
|
|
125
125
|
}
|
|
126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavImageComponent, decorators: [{
|
|
127
127
|
type: Component,
|
|
128
128
|
args: [{ selector: 'nav-image', standalone: true, imports: [CommonModule, NgOptimizedImage], template: "<div [class.sidenavElement]=\"isSidenavElement\" [class.menuItem]=\"isMenuItem\">\n <img [alt]=\"elementValue.alt ?? ''\" [height]=\"elementValue.height\" [style.height.px]=\"elementValue.height\" [width]=\"elementValue.width\" [style.width.px]=\"elementValue.width\" [ngSrc]=\"elementValue.url\">\n</div>", styles: [".image-link{line-height:0px}.sidenavElement,.menuItem{display:block;width:100%;text-align:left}\n"] }]
|
|
129
129
|
}] });
|
|
130
130
|
|
|
131
131
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
132
132
|
class NavImageWithExternalLinkComponent extends NgxMatNavigationBaseNavElementComponent {
|
|
133
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
134
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
133
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavImageWithExternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
134
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NavImageWithExternalLinkComponent, isStandalone: true, selector: "nav-image-with-external-link", usesInheritance: true, ngImport: i0, template: "<a class=\"image-link\"\n [href]=\"elementValue.link.url\"\n [target]=\"elementValue.link.openInNewTab ? '_blank' : '_self'\"\n [rel]=\"elementValue.link.openInNewTab ? 'noreferrer noopener' : undefined\"\n [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n>\n <img [alt]=\"elementValue.alt ?? ''\" [height]=\"elementValue.height\" [style.height.px]=\"elementValue.height\" [width]=\"elementValue.width\" [style.width.px]=\"elementValue.width\" [ngSrc]=\"elementValue.url\">\n</a>", styles: [".image-link{line-height:0px}.sidenavElement,.menuItem{display:block;width:100%;text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] });
|
|
135
135
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavImageWithExternalLinkComponent, decorators: [{
|
|
137
137
|
type: Component,
|
|
138
138
|
args: [{ selector: 'nav-image-with-external-link', standalone: true, imports: [CommonModule, NgOptimizedImage], template: "<a class=\"image-link\"\n [href]=\"elementValue.link.url\"\n [target]=\"elementValue.link.openInNewTab ? '_blank' : '_self'\"\n [rel]=\"elementValue.link.openInNewTab ? 'noreferrer noopener' : undefined\"\n [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n>\n <img [alt]=\"elementValue.alt ?? ''\" [height]=\"elementValue.height\" [style.height.px]=\"elementValue.height\" [width]=\"elementValue.width\" [style.width.px]=\"elementValue.width\" [ngSrc]=\"elementValue.url\">\n</a>", styles: [".image-link{line-height:0px}.sidenavElement,.menuItem{display:block;width:100%;text-align:left}\n"] }]
|
|
139
139
|
}] });
|
|
@@ -146,10 +146,10 @@ class NavImageWithInternalLinkComponent extends NgxMatNavigationBaseNavElementCo
|
|
|
146
146
|
}
|
|
147
147
|
return this.elementValue.link.route.path;
|
|
148
148
|
}
|
|
149
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
150
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
149
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavImageWithInternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
150
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NavImageWithInternalLinkComponent, isStandalone: true, selector: "nav-image-with-internal-link", usesInheritance: true, ngImport: i0, template: "<a class=\"image-link\"\n [routerLink]=\"route\"\n [target]=\"elementValue.link.openInNewTab ? '_blank' : '_self'\"\n [rel]=\"elementValue.link.openInNewTab ? 'noreferrer noopener' : undefined\"\n [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n [routerLinkActive]=\"'active'\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n>\n <img [alt]=\"elementValue.alt ?? ''\" [height]=\"elementValue.height\" [width]=\"elementValue.width\" [style.width.px]=\"elementValue.width\" [style.height.px]=\"elementValue.height\" [ngSrc]=\"elementValue.url\">\n</a>", styles: [".image-link{line-height:0px}.sidenavElement,.menuItem{display:block;width:100%;text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] });
|
|
151
151
|
}
|
|
152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavImageWithInternalLinkComponent, decorators: [{
|
|
153
153
|
type: Component,
|
|
154
154
|
args: [{ selector: 'nav-image-with-internal-link', standalone: true, imports: [
|
|
155
155
|
CommonModule,
|
|
@@ -160,10 +160,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
160
160
|
|
|
161
161
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
162
162
|
class NavExternalLinkComponent extends NgxMatNavigationBaseNavElementComponent {
|
|
163
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
164
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
163
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavExternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
164
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavExternalLinkComponent, isStandalone: true, selector: "nav-external-link", usesInheritance: true, ngImport: i0, template: "<a\n [href]=\"elementValue.url\"\n [target]=\"elementValue.openInNewTab ? '_blank' : '_self'\"\n [rel]=\"elementValue.openInNewTab ? 'noreferrer noopener' : undefined\"\n [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n [attr.aria-label]=\"elementValue.ariaLabel\"\n>\n @if (elementValue.icon) {\n <fa-icon [icon]=\"elementValue.icon\"></fa-icon>\n }\n {{elementValue.name}}\n</a>", styles: ["a{text-decoration:none;font-size:16px;padding:10px 0;border-radius:5px;color:#000;transition:all .2s;display:inline-block}a:hover{color:gray}.sidenavElement,.menuItem{width:100%;justify-content:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
|
|
165
165
|
}
|
|
166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavExternalLinkComponent, decorators: [{
|
|
167
167
|
type: Component,
|
|
168
168
|
args: [{ selector: 'nav-external-link', standalone: true, imports: [
|
|
169
169
|
CommonModule,
|
|
@@ -180,10 +180,10 @@ class NavInternalLinkComponent extends NgxMatNavigationBaseNavElementComponent {
|
|
|
180
180
|
}
|
|
181
181
|
return this.elementValue.route.path;
|
|
182
182
|
}
|
|
183
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
184
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
183
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavInternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
184
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavInternalLinkComponent, isStandalone: true, selector: "nav-internal-link", inputs: { isBreadcrumb: "isBreadcrumb" }, usesInheritance: true, ngImport: i0, template: "<a\n [routerLink]=\"route\"\n [fragment]=\"elementValue.fragment\"\n [target]=\"elementValue.openInNewTab ? '_blank' : '_self'\"\n [rel]=\"elementValue.openInNewTab ? 'noreferrer noopener' : undefined\"\n [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n [class.breadcrumb]=\"isBreadcrumb\"\n [attr.aria-label]=\"elementValue.ariaLabel\"\n [routerLinkActive]=\"'active'\"\n [routerLinkActiveOptions]=\"elementValue.fragment ? { matrixParams: 'exact', queryParams: 'exact', paths: 'exact', fragment: 'exact' } : { exact: true }\"\n>\n @if (elementValue.icon) {\n <fa-icon [icon]=\"elementValue.icon\"></fa-icon>\n }\n {{elementValue.name}}\n</a>", styles: ["a{text-decoration:none;font-size:16px;padding:10px 0;border-radius:5px;color:#000;transition:all .2s;display:inline-block;font-weight:700;letter-spacing:.5px}a:hover,.active{color:gray}.sidenavElement,.menuItem{width:100%;justify-content:left}.breadcrumb{padding:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
|
|
185
185
|
}
|
|
186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavInternalLinkComponent, decorators: [{
|
|
187
187
|
type: Component,
|
|
188
188
|
args: [{ selector: 'nav-internal-link', standalone: true, imports: [
|
|
189
189
|
CommonModule,
|
|
@@ -197,30 +197,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
197
197
|
|
|
198
198
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
199
199
|
class NavTextComponent extends NgxMatNavigationBaseNavElementComponent {
|
|
200
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
201
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
200
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
201
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavTextComponent, isStandalone: true, selector: "nav-text", usesInheritance: true, ngImport: i0, template: "@for (paragraph of elementValue.paragraphs; track $index) {\n <div>{{paragraph}}</div>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
202
202
|
}
|
|
203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavTextComponent, decorators: [{
|
|
204
204
|
type: Component,
|
|
205
205
|
args: [{ selector: 'nav-text', standalone: true, imports: [CommonModule], template: "@for (paragraph of elementValue.paragraphs; track $index) {\n <div>{{paragraph}}</div>\n}" }]
|
|
206
206
|
}] });
|
|
207
207
|
|
|
208
208
|
// eslint-disable-next-line jsdoc/require-jsdoc
|
|
209
209
|
class NavTitleComponent extends NgxMatNavigationBaseNavElementComponent {
|
|
210
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
211
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
210
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
211
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavTitleComponent, isStandalone: true, selector: "nav-title", usesInheritance: true, ngImport: i0, template: "<div [class.sidenavElement]=\"isSidenavElement\" [class.menuItem]=\"isMenuItem\" [attr.aria-label]=\"elementValue.ariaLabel\">\n <b>\n @if (elementValue.icon) {\n <fa-icon [icon]=\"elementValue.icon\"></fa-icon>\n }\n {{elementValue.title}}\n </b>\n</div>", styles: ["b{margin-bottom:0;margin-top:0;font-size:x-large}.title-link{text-decoration:none;color:inherit}.sidenavElement{display:inline-block;width:100%;text-align:left}.menuItem{display:flex;align-items:center;justify-content:flex-start;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
|
|
212
212
|
}
|
|
213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavTitleComponent, decorators: [{
|
|
214
214
|
type: Component,
|
|
215
215
|
args: [{ selector: 'nav-title', standalone: true, imports: [CommonModule, FaIconComponent], template: "<div [class.sidenavElement]=\"isSidenavElement\" [class.menuItem]=\"isMenuItem\" [attr.aria-label]=\"elementValue.ariaLabel\">\n <b>\n @if (elementValue.icon) {\n <fa-icon [icon]=\"elementValue.icon\"></fa-icon>\n }\n {{elementValue.title}}\n </b>\n</div>", styles: ["b{margin-bottom:0;margin-top:0;font-size:x-large}.title-link{text-decoration:none;color:inherit}.sidenavElement{display:inline-block;width:100%;text-align:left}.menuItem{display:flex;align-items:center;justify-content:flex-start;width:100%}\n"] }]
|
|
216
216
|
}] });
|
|
217
217
|
|
|
218
218
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
219
219
|
class NavTitleWithExternalLinkComponent extends NgxMatNavigationBaseNavElementComponent {
|
|
220
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
221
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
220
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavTitleWithExternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
221
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavTitleWithExternalLinkComponent, isStandalone: true, selector: "nav-title-with-external-link", usesInheritance: true, ngImport: i0, template: "<a class=\"title-link\"\n [href]=\"elementValue.link.url\"\n [target]=\"elementValue.link.openInNewTab ? '_blank' : '_self'\"\n [rel]=\"elementValue.link.openInNewTab ? 'noreferrer noopener' : undefined\"\n [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n [attr.aria-label]=\"elementValue.ariaLabel\"\n>\n <b>\n @if (elementValue.icon) {\n <fa-icon [icon]=\"elementValue.icon\"></fa-icon>\n }\n {{elementValue.title}}\n </b>\n</a>", styles: ["b{margin-bottom:0;margin-top:0;font-size:x-large}.title-link{text-decoration:none;color:inherit}.sidenavElement{display:inline-block;width:100%;text-align:left}.menuItem{display:flex;align-items:center;justify-content:flex-start;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
|
|
222
222
|
}
|
|
223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavTitleWithExternalLinkComponent, decorators: [{
|
|
224
224
|
type: Component,
|
|
225
225
|
args: [{ selector: 'nav-title-with-external-link', standalone: true, imports: [CommonModule, FaIconComponent], template: "<a class=\"title-link\"\n [href]=\"elementValue.link.url\"\n [target]=\"elementValue.link.openInNewTab ? '_blank' : '_self'\"\n [rel]=\"elementValue.link.openInNewTab ? 'noreferrer noopener' : undefined\"\n [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n [attr.aria-label]=\"elementValue.ariaLabel\"\n>\n <b>\n @if (elementValue.icon) {\n <fa-icon [icon]=\"elementValue.icon\"></fa-icon>\n }\n {{elementValue.title}}\n </b>\n</a>", styles: ["b{margin-bottom:0;margin-top:0;font-size:x-large}.title-link{text-decoration:none;color:inherit}.sidenavElement{display:inline-block;width:100%;text-align:left}.menuItem{display:flex;align-items:center;justify-content:flex-start;width:100%}\n"] }]
|
|
226
226
|
}] });
|
|
@@ -233,10 +233,10 @@ class NavTitleWithInternalLinkComponent extends NgxMatNavigationBaseNavElementCo
|
|
|
233
233
|
}
|
|
234
234
|
return this.elementValue.link.route.path;
|
|
235
235
|
}
|
|
236
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
237
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
236
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavTitleWithInternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
237
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavTitleWithInternalLinkComponent, isStandalone: true, selector: "nav-title-with-internal-link", usesInheritance: true, ngImport: i0, template: "<a class=\"title-link\"\n [routerLink]=\"route\"\n [target]=\"elementValue.link.openInNewTab ? '_blank' : '_self'\"\n [rel]=\"elementValue.link.openInNewTab ? 'noreferrer noopener' : undefined\"\n [class.sidenavElement]=\"isSidenavElement\"\n [class.menuItem]=\"isMenuItem\"\n [attr.aria-label]=\"elementValue.ariaLabel\"\n [routerLinkActive]=\"'active'\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n>\n <b>\n @if (elementValue.icon) {\n <fa-icon [icon]=\"elementValue.icon\"></fa-icon>\n }\n {{elementValue.title}}\n </b>\n</a>", styles: ["b{margin-bottom:0;margin-top:0;font-size:x-large}.title-link{text-decoration:none;color:inherit}.sidenavElement{display:inline-block;width:100%;text-align:left}.menuItem{display:flex;align-items:center;justify-content:flex-start;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
|
|
238
238
|
}
|
|
239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavTitleWithInternalLinkComponent, decorators: [{
|
|
240
240
|
type: Component,
|
|
241
241
|
args: [{ selector: 'nav-title-with-internal-link', standalone: true, imports: [
|
|
242
242
|
CommonModule,
|
|
@@ -272,10 +272,10 @@ class DisableHoverDirective {
|
|
|
272
272
|
fn();
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
276
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
275
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DisableHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
276
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: DisableHoverDirective, isStandalone: true, selector: "[disableHover]", ngImport: i0 });
|
|
277
277
|
}
|
|
278
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DisableHoverDirective, decorators: [{
|
|
279
279
|
type: Directive,
|
|
280
280
|
args: [{
|
|
281
281
|
selector: '[disableHover]',
|
|
@@ -478,8 +478,7 @@ class NavElementComponent {
|
|
|
478
478
|
case NavElementTypes.TITLE:
|
|
479
479
|
case NavElementTypes.IMAGE:
|
|
480
480
|
case NavElementTypes.MENU:
|
|
481
|
-
case NavElementTypes.TEXT:
|
|
482
|
-
case NavElementTypes.CUSTOM: {
|
|
481
|
+
case NavElementTypes.TEXT: {
|
|
483
482
|
return;
|
|
484
483
|
}
|
|
485
484
|
case NavElementTypes.TITLE_WITH_INTERNAL_LINK:
|
|
@@ -491,6 +490,14 @@ class NavElementComponent {
|
|
|
491
490
|
case NavElementTypes.BUTTON_FLAT:
|
|
492
491
|
case NavElementTypes.EXTERNAL_LINK: {
|
|
493
492
|
this.sidenavOpened?.set(false);
|
|
493
|
+
return;
|
|
494
|
+
}
|
|
495
|
+
case NavElementTypes.CUSTOM: {
|
|
496
|
+
const closeSidenavOnClick = element.closeSidenavOnClick ?? false;
|
|
497
|
+
if (!closeSidenavOnClick) {
|
|
498
|
+
return;
|
|
499
|
+
}
|
|
500
|
+
this.sidenavOpened?.set(false);
|
|
494
501
|
}
|
|
495
502
|
}
|
|
496
503
|
}
|
|
@@ -503,8 +510,7 @@ class NavElementComponent {
|
|
|
503
510
|
case NavElementTypes.TITLE:
|
|
504
511
|
case NavElementTypes.IMAGE:
|
|
505
512
|
case NavElementTypes.MENU:
|
|
506
|
-
case NavElementTypes.TEXT:
|
|
507
|
-
case NavElementTypes.CUSTOM: {
|
|
513
|
+
case NavElementTypes.TEXT: {
|
|
508
514
|
return;
|
|
509
515
|
}
|
|
510
516
|
case NavElementTypes.TITLE_WITH_INTERNAL_LINK:
|
|
@@ -519,13 +525,24 @@ class NavElementComponent {
|
|
|
519
525
|
for (const button of this.parentMenusButtons.reverse()) {
|
|
520
526
|
button.close();
|
|
521
527
|
}
|
|
528
|
+
return;
|
|
529
|
+
}
|
|
530
|
+
case NavElementTypes.CUSTOM: {
|
|
531
|
+
const closeMenuOnClick = item.closeMenuOnClick ?? false;
|
|
532
|
+
if (!closeMenuOnClick) {
|
|
533
|
+
return;
|
|
534
|
+
}
|
|
535
|
+
this.menuButton?.close();
|
|
536
|
+
for (const button of this.parentMenusButtons.reverse()) {
|
|
537
|
+
button.close();
|
|
538
|
+
}
|
|
522
539
|
}
|
|
523
540
|
}
|
|
524
541
|
}
|
|
525
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
526
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
542
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
543
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavElementComponent, isStandalone: true, selector: "ngx-mat-navigation-element", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: false, isRequired: true, transformFunction: null }, parentMenusButtons: { classPropertyName: "parentMenusButtons", publicName: "parentMenusButtons", isSignal: false, isRequired: false, transformFunction: null }, sidenavOpened: { classPropertyName: "sidenavOpened", publicName: "sidenavOpened", isSignal: true, isRequired: false, transformFunction: null }, isSidenavElement: { classPropertyName: "isSidenavElement", publicName: "isSidenavElement", isSignal: false, isRequired: false, transformFunction: null }, isMenuItem: { classPropertyName: "isMenuItem", publicName: "isMenuItem", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sidenavOpened: "sidenavOpenedChange" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true, read: CdkMenuTrigger }, { propertyName: "menuButtonElement", first: true, predicate: ["menuButtonElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n@switch (element.type) {\n <!-------------------------------------------->\n <!------------------Titles-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.TITLE) {\n <nav-title [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-title>\n }\n @case (NavElementTypes.TITLE_WITH_INTERNAL_LINK) {\n <nav-title-with-internal-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-title-with-internal-link>\n }\n @case (NavElementTypes.TITLE_WITH_EXTERNAL_LINK) {\n <nav-title-with-external-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-title-with-external-link>\n }\n <!-------------------------------------------->\n <!-------------------Images------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.IMAGE) {\n <nav-image [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-image>\n }\n @case (NavElementTypes.IMAGE_WITH_INTERNAL_LINK) {\n <nav-image-with-internal-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-image-with-internal-link>\n }\n @case (NavElementTypes.IMAGE_WITH_EXTERNAL_LINK) {\n <nav-image-with-external-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-image-with-external-link>\n }\n <!-------------------------------------------->\n <!-------------------Buttons------------------>\n <!-------------------------------------------->\n @case (NavElementTypes.BUTTON) {\n <nav-button [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-button>\n }\n @case (NavElementTypes.BUTTON_FLAT) {\n <nav-button-flat [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-button-flat>\n }\n <!-------------------------------------------->\n <!--------------------Link-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.INTERNAL_LINK) {\n <nav-internal-link [element]=\"element\" [isBreadcrumb]=\"false\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-internal-link>\n }\n @case (NavElementTypes.EXTERNAL_LINK) {\n <nav-external-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-external-link>\n }\n <!-------------------------------------------->\n <!-------------------CUSTOM------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.CUSTOM) {\n <div [class.menuItem]=\"internalIsMenuItem\" (click)=\"clickSidenavElement(element); clickMenuItem(element);\">\n <nav-custom\n [element]=\"element\" \n [isSidenavElement]=\"internalIsSidenavElement\"\n [isMenuItem]=\"internalIsMenuItem\"\n >\n </nav-custom>\n </div>\n }\n <!-------------------------------------------->\n <!--------------------TEXT-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.TEXT) {\n <nav-text [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-text>\n }\n <!-------------------------------------------->\n <!--------------------Menu-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.MENU) {\n <button\n #menuButton=\"cdkMenuTriggerFor\"\n #menuButtonElement\n type=\"button\"\n disableHover\n [cdkMenuTriggerFor]=\"menu\"\n [class.sidenavElement]=\"internalIsSidenavElement\"\n [class.menuItem]=\"internalIsMenuItem\"\n [attr.aria-label]=\"element.ariaLabel\"\n >\n {{elementMenu.name}}\n @if (elementMenu.iconState !== 'empty') {\n <!-- eslint-disable-next-line angular/no-call-expression -->\n <fa-icon [icon]=\"elementMenu.iconState\" [class.open]=\"menuButton.isOpen()\"></fa-icon>\n }\n </button>\n\n <ng-template #menu>\n <div class=\"menu\" cdkMenu [class.subMenu]=\"internalIsMenuItem\" [style.min-width.px]=\"menuWidth\">\n @for (menuElement of elementMenu.elements; track $index) {\n <ngx-mat-navigation-element\n [isSidenavElement]=\"internalIsSidenavElement\"\n [isMenuItem]=\"true\"\n [element]=\"menuElement\"\n [parentMenusButtons]=\"internalParentMenusButtons\"\n [(sidenavOpened)]=\"sidenavOpened\"\n (click)=\"clickSidenavElement(menuElement); clickMenuItem(menuElement);\"\n >\n </ngx-mat-navigation-element>\n }\n </div>\n </ng-template>\n }\n}", styles: ["button{border:none;font-size:16px;cursor:pointer;padding:10px 0;border-radius:5px;background-color:#fff;transition:all .2s;color:#000;font-weight:700}button:hover{color:gray}fa-icon{transition:transform .2s;display:inline-block}.open{transform:rotate(180deg)}.menu{padding:16px;box-sizing:border-box;background-color:#fff;z-index:3;display:flex;flex-direction:column;gap:10px;box-shadow:#0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;border-radius:5px;position:relative}.subMenu{margin:16px}.sidenavElement{width:100%;text-align:left}.menuItem{display:flex;align-items:center;justify-content:flex-start;width:100%}\n"], dependencies: [{ kind: "component", type: NavElementComponent, selector: "ngx-mat-navigation-element", inputs: ["element", "parentMenusButtons", "sidenavOpened", "isSidenavElement", "isMenuItem"], outputs: ["sidenavOpenedChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CdkMenuModule }, { kind: "directive", type: i1$1.CdkMenu, selector: "[cdkMenu]", outputs: ["closed"], exportAs: ["cdkMenu"] }, { kind: "directive", type: i1$1.CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "component", type: NavTitleComponent, selector: "nav-title" }, { kind: "component", type: NavTitleWithInternalLinkComponent, selector: "nav-title-with-internal-link" }, { kind: "component", type: NavTitleWithExternalLinkComponent, selector: "nav-title-with-external-link" }, { kind: "component", type: NavImageComponent, selector: "nav-image" }, { kind: "component", type: NavImageWithInternalLinkComponent, selector: "nav-image-with-internal-link" }, { kind: "component", type: NavImageWithExternalLinkComponent, selector: "nav-image-with-external-link" }, { kind: "component", type: NavButtonComponent, selector: "nav-button" }, { kind: "component", type: NavButtonFlatComponent, selector: "nav-button-flat" }, { kind: "component", type: NavInternalLinkComponent, selector: "nav-internal-link", inputs: ["isBreadcrumb"] }, { kind: "component", type: NavExternalLinkComponent, selector: "nav-external-link" }, { kind: "component", type: NavCustomComponent, selector: "nav-custom" }, { kind: "component", type: NavTextComponent, selector: "nav-text" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: DisableHoverDirective, selector: "[disableHover]" }] });
|
|
527
544
|
}
|
|
528
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavElementComponent, decorators: [{
|
|
529
546
|
type: Component,
|
|
530
547
|
args: [{ selector: 'ngx-mat-navigation-element', standalone: true, imports: [
|
|
531
548
|
CommonModule,
|
|
@@ -544,13 +561,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
544
561
|
NavTextComponent,
|
|
545
562
|
FaIconComponent,
|
|
546
563
|
DisableHoverDirective
|
|
547
|
-
], template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n@switch (element.type) {\n <!-------------------------------------------->\n <!------------------Titles-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.TITLE) {\n <nav-title [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-title>\n }\n @case (NavElementTypes.TITLE_WITH_INTERNAL_LINK) {\n <nav-title-with-internal-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-title-with-internal-link>\n }\n @case (NavElementTypes.TITLE_WITH_EXTERNAL_LINK) {\n <nav-title-with-external-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-title-with-external-link>\n }\n <!-------------------------------------------->\n <!-------------------Images------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.IMAGE) {\n <nav-image [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-image>\n }\n @case (NavElementTypes.IMAGE_WITH_INTERNAL_LINK) {\n <nav-image-with-internal-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-image-with-internal-link>\n }\n @case (NavElementTypes.IMAGE_WITH_EXTERNAL_LINK) {\n <nav-image-with-external-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-image-with-external-link>\n }\n <!-------------------------------------------->\n <!-------------------Buttons------------------>\n <!-------------------------------------------->\n @case (NavElementTypes.BUTTON) {\n <nav-button [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-button>\n }\n @case (NavElementTypes.BUTTON_FLAT) {\n <nav-button-flat [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-button-flat>\n }\n <!-------------------------------------------->\n <!--------------------Link-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.INTERNAL_LINK) {\n <nav-internal-link [element]=\"element\" [isBreadcrumb]=\"false\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-internal-link>\n }\n @case (NavElementTypes.EXTERNAL_LINK) {\n <nav-external-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-external-link>\n }\n <!-------------------------------------------->\n <!-------------------CUSTOM------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.CUSTOM) {\n <div [class.menuItem]=\"internalIsMenuItem\">\n <nav-custom\n [element]=\"element\" \n [isSidenavElement]=\"internalIsSidenavElement\"\n [isMenuItem]=\"internalIsMenuItem\"\n >\n </nav-custom>\n </div>\n }\n <!-------------------------------------------->\n <!--------------------TEXT-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.TEXT) {\n <nav-text [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-text>\n }\n <!-------------------------------------------->\n <!--------------------Menu-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.MENU) {\n <button\n #menuButton=\"cdkMenuTriggerFor\"\n #menuButtonElement\n type=\"button\"\n disableHover\n [cdkMenuTriggerFor]=\"menu\"\n [class.sidenavElement]=\"internalIsSidenavElement\"\n [class.menuItem]=\"internalIsMenuItem\"\n [attr.aria-label]=\"element.ariaLabel\"\n >\n {{elementMenu.name}}\n @if (elementMenu.iconState !== 'empty') {\n <!-- eslint-disable-next-line angular/no-call-expression -->\n <fa-icon [icon]=\"elementMenu.iconState\" [class.open]=\"menuButton.isOpen()\"></fa-icon>\n }\n </button>\n\n <ng-template #menu>\n <div class=\"menu\" cdkMenu [class.subMenu]=\"internalIsMenuItem\" [style.min-width.px]=\"menuWidth\">\n @for (menuElement of elementMenu.elements; track $index) {\n <ngx-mat-navigation-element\n [isSidenavElement]=\"internalIsSidenavElement\"\n [isMenuItem]=\"true\"\n [element]=\"menuElement\"\n [parentMenusButtons]=\"internalParentMenusButtons\"\n [(sidenavOpened)]=\"sidenavOpened\"\n (click)=\"clickSidenavElement(menuElement); clickMenuItem(menuElement);\"\n >\n </ngx-mat-navigation-element>\n }\n </div>\n </ng-template>\n }\n}", styles: ["button{border:none;font-size:16px;cursor:pointer;padding:10px 0;border-radius:5px;background-color:#fff;transition:all .2s;color:#000;font-weight:700}button:hover{color:gray}fa-icon{transition:transform .2s;display:inline-block}.open{transform:rotate(180deg)}.menu{padding:16px;box-sizing:border-box;background-color:#fff;z-index:3;display:flex;flex-direction:column;gap:10px;box-shadow:#0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;border-radius:5px;position:relative}.subMenu{margin:16px}.sidenavElement{width:100%;text-align:left}.menuItem{display:flex;align-items:center;justify-content:flex-start;width:100%}\n"] }]
|
|
564
|
+
], template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n@switch (element.type) {\n <!-------------------------------------------->\n <!------------------Titles-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.TITLE) {\n <nav-title [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-title>\n }\n @case (NavElementTypes.TITLE_WITH_INTERNAL_LINK) {\n <nav-title-with-internal-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-title-with-internal-link>\n }\n @case (NavElementTypes.TITLE_WITH_EXTERNAL_LINK) {\n <nav-title-with-external-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-title-with-external-link>\n }\n <!-------------------------------------------->\n <!-------------------Images------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.IMAGE) {\n <nav-image [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-image>\n }\n @case (NavElementTypes.IMAGE_WITH_INTERNAL_LINK) {\n <nav-image-with-internal-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-image-with-internal-link>\n }\n @case (NavElementTypes.IMAGE_WITH_EXTERNAL_LINK) {\n <nav-image-with-external-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-image-with-external-link>\n }\n <!-------------------------------------------->\n <!-------------------Buttons------------------>\n <!-------------------------------------------->\n @case (NavElementTypes.BUTTON) {\n <nav-button [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-button>\n }\n @case (NavElementTypes.BUTTON_FLAT) {\n <nav-button-flat [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-button-flat>\n }\n <!-------------------------------------------->\n <!--------------------Link-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.INTERNAL_LINK) {\n <nav-internal-link [element]=\"element\" [isBreadcrumb]=\"false\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-internal-link>\n }\n @case (NavElementTypes.EXTERNAL_LINK) {\n <nav-external-link [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-external-link>\n }\n <!-------------------------------------------->\n <!-------------------CUSTOM------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.CUSTOM) {\n <div [class.menuItem]=\"internalIsMenuItem\" (click)=\"clickSidenavElement(element); clickMenuItem(element);\">\n <nav-custom\n [element]=\"element\" \n [isSidenavElement]=\"internalIsSidenavElement\"\n [isMenuItem]=\"internalIsMenuItem\"\n >\n </nav-custom>\n </div>\n }\n <!-------------------------------------------->\n <!--------------------TEXT-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.TEXT) {\n <nav-text [element]=\"element\" [isSidenavElement]=\"internalIsSidenavElement\" [isMenuItem]=\"internalIsMenuItem\"></nav-text>\n }\n <!-------------------------------------------->\n <!--------------------Menu-------------------->\n <!-------------------------------------------->\n @case (NavElementTypes.MENU) {\n <button\n #menuButton=\"cdkMenuTriggerFor\"\n #menuButtonElement\n type=\"button\"\n disableHover\n [cdkMenuTriggerFor]=\"menu\"\n [class.sidenavElement]=\"internalIsSidenavElement\"\n [class.menuItem]=\"internalIsMenuItem\"\n [attr.aria-label]=\"element.ariaLabel\"\n >\n {{elementMenu.name}}\n @if (elementMenu.iconState !== 'empty') {\n <!-- eslint-disable-next-line angular/no-call-expression -->\n <fa-icon [icon]=\"elementMenu.iconState\" [class.open]=\"menuButton.isOpen()\"></fa-icon>\n }\n </button>\n\n <ng-template #menu>\n <div class=\"menu\" cdkMenu [class.subMenu]=\"internalIsMenuItem\" [style.min-width.px]=\"menuWidth\">\n @for (menuElement of elementMenu.elements; track $index) {\n <ngx-mat-navigation-element\n [isSidenavElement]=\"internalIsSidenavElement\"\n [isMenuItem]=\"true\"\n [element]=\"menuElement\"\n [parentMenusButtons]=\"internalParentMenusButtons\"\n [(sidenavOpened)]=\"sidenavOpened\"\n (click)=\"clickSidenavElement(menuElement); clickMenuItem(menuElement);\"\n >\n </ngx-mat-navigation-element>\n }\n </div>\n </ng-template>\n }\n}", styles: ["button{border:none;font-size:16px;cursor:pointer;padding:10px 0;border-radius:5px;background-color:#fff;transition:all .2s;color:#000;font-weight:700}button:hover{color:gray}fa-icon{transition:transform .2s;display:inline-block}.open{transform:rotate(180deg)}.menu{padding:16px;box-sizing:border-box;background-color:#fff;z-index:3;display:flex;flex-direction:column;gap:10px;box-shadow:#0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;border-radius:5px;position:relative}.subMenu{margin:16px}.sidenavElement{width:100%;text-align:left}.menuItem{display:flex;align-items:center;justify-content:flex-start;width:100%}\n"] }]
|
|
548
565
|
}], propDecorators: { element: [{
|
|
549
566
|
type: Input,
|
|
550
567
|
args: [{ required: true }]
|
|
551
568
|
}], parentMenusButtons: [{
|
|
552
569
|
type: Input
|
|
553
|
-
}], isSidenavElement: [{
|
|
570
|
+
}], sidenavOpened: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidenavOpened", required: false }] }, { type: i0.Output, args: ["sidenavOpenedChange"] }], isSidenavElement: [{
|
|
554
571
|
type: Input
|
|
555
572
|
}], isMenuItem: [{
|
|
556
573
|
type: Input
|
|
@@ -603,10 +620,10 @@ class NgxMatNavigationFooterComponent {
|
|
|
603
620
|
// runInInjectionContext(...) is needed to enable the user to use injections in his condition functions.
|
|
604
621
|
return runInInjectionContext(this.injector, () => element.condition ? element.condition() : true);
|
|
605
622
|
}
|
|
606
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
607
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
623
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationFooterComponent, deps: [{ token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Component });
|
|
624
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NgxMatNavigationFooterComponent, isStandalone: true, selector: "ngx-mat-navigation-footer", inputs: { minHeight: "minHeight", footerRows: "footerRows" }, ngImport: i0, template: "<!-- eslint-disable angular/no-call-expression -->\n<footer [style.min-height.px]=\"minHeight\">\n @for (row of footerRows; track $index) {\n <div class=\"footer-row\">\n <div class=\"footer-col\" id=\"left\">\n @for (element of getFooterElements(row, 'left'); track $index) {\n <ngx-mat-navigation-element [element]=\"element\"></ngx-mat-navigation-element>\n }\n </div>\n <div class=\"footer-col\" id=\"center\">\n @for (element of getFooterElements(row, 'center'); track $index) {\n <ngx-mat-navigation-element [element]=\"element\"></ngx-mat-navigation-element>\n }\n </div>\n <div class=\"footer-col\" id=\"right\">\n @for (element of getFooterElements(row, 'right'); track $index) {\n <ngx-mat-navigation-element [element]=\"element\"></ngx-mat-navigation-element>\n }\n </div>\n </div>\n }\n</footer>", styles: ["footer{box-shadow:0 0 5px -1px #0003,0 0 8px 5px #00000024,0 0 14px 8px #0000001f;padding:16px;display:flex;flex-direction:column;gap:10px}.footer-row{display:flex;flex-wrap:wrap;width:100%;max-width:max(80%,1200px);margin-left:auto;margin-right:auto}.footer-col{display:flex;flex-direction:column;gap:10px;width:33%}#left{text-align:left}#center{text-align:center}#right{text-align:right}@media (max-width: 767px){.footer-col{width:100%}#left,#center,#right{text-align:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavElementComponent, selector: "ngx-mat-navigation-element", inputs: ["element", "parentMenusButtons", "sidenavOpened", "isSidenavElement", "isMenuItem"], outputs: ["sidenavOpenedChange"] }] });
|
|
608
625
|
}
|
|
609
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
626
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationFooterComponent, decorators: [{
|
|
610
627
|
type: Component,
|
|
611
628
|
args: [{ selector: 'ngx-mat-navigation-footer', standalone: true, imports: [
|
|
612
629
|
CommonModule,
|
|
@@ -704,10 +721,10 @@ class NgxMatNavigationService {
|
|
|
704
721
|
}
|
|
705
722
|
this.breadcrumbsSubject.next(breadcrumbs);
|
|
706
723
|
}
|
|
707
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
708
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
724
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
725
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationService, providedIn: 'root' });
|
|
709
726
|
}
|
|
710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationService, decorators: [{
|
|
711
728
|
type: Injectable,
|
|
712
729
|
args: [{ providedIn: 'root' }]
|
|
713
730
|
}], ctorParameters: () => [{ type: i1.Router }] });
|
|
@@ -921,15 +938,15 @@ class NgxMatNavigationNavbarComponent {
|
|
|
921
938
|
}
|
|
922
939
|
}
|
|
923
940
|
}
|
|
924
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
925
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
941
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationNavbarComponent, deps: [{ token: i1$2.DomSanitizer }, { token: NgxMatNavigationService }, { token: NGX_BURGER_MENU_ICON }, { token: NGX_BURGER_MENU_ARIA_LABEL }, { token: i0.EnvironmentInjector }, { token: i3.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
942
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NgxMatNavigationNavbarComponent, isStandalone: true, selector: "ngx-mat-navigation-navbar", inputs: { navbarRows: "navbarRows", minHeight: "minHeight", minHeightOtherElements: "minHeightOtherElements", minSidenavWidth: "minSidenavWidth" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "navbar", first: true, predicate: ["navbar"], descendants: true, read: ElementRef, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n<!-- eslint-disable angular/no-call-expression -->\n<nav #navbar id=\"toolbar\" [style.min-height.px]=\"minHeight ?? 0\">\n @for (row of navbarRows; track $index) {\n @if (getNavbarElements(row, 'left').length || getNavbarElements(row, 'center').length || getNavbarElements(row, 'right').length || $index === 0) {\n <div class=\"toolbar-row\">\n <div class=\"toolbar-col\">\n @for (element of getNavbarElements(row, 'left'); track $index) {\n <ngx-mat-navigation-element [class]=\"getElementClass(element)\" [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n </div>\n <div class=\"toolbar-col\">\n @for (element of getNavbarElements(row, 'center'); track $index) {\n <ngx-mat-navigation-element [class]=\"getElementClass(element)\" [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n </div>\n <div class=\"toolbar-col\">\n @for (element of getNavbarElements(row, 'right'); track $index) {\n <ngx-mat-navigation-element [class]=\"getElementClass(element)\" [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n @if ($index === 0) {\n <ngx-mat-navigation-element [class]=\"getBurgerMenuClass()\" [element]=\"burgerMenu\"></ngx-mat-navigation-element>\n }\n </div>\n </div>\n }\n }\n @if (navService.anchorRow.elements.length) {\n <div class=\"anchor-row\">\n <div class=\"anchor-row-content\">\n @for (element of navService.anchorRow.elements; track $index) {\n <ngx-mat-navigation-element [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n </div>\n </div>\n }\n</nav>\n\n<div #content class=\"content\" [style.min-height]=\"sanitizedContentMinHeight\">\n <ng-content></ng-content>\n</div>\n\n@if (this.navbar && this.content) {\n <div class=\"sidenav\"\n [class.open]=\"sidenavOpened\"\n [style.min-width]=\"sidenavOpened ? minSidenavWidth : undefined\"\n [style.width.px]=\"sidenavOpened ? undefined : 0\"\n [style.top.px]=\"this.navbar.nativeElement.offsetHeight\"\n [style.height.px]=\"this.content.nativeElement.offsetHeight\"\n >\n @for (element of sidenavElements; track $index) {\n <div class=\"sidenav-row\">\n <ngx-mat-navigation-element\n [class]=\"getElementClass(element)\"\n [isSidenavElement]=\"true\"\n [element]=\"element\"\n [(sidenavOpened)]=\"sidenavOpened\"\n (click)=\"clickSidenavElement(element)\"\n >\n </ngx-mat-navigation-element>\n </div>\n }\n </div>\n @if (sidenavOpened) {\n <div class=\"sidenav-backdrop\"\n [class.open]=\"sidenavOpened\"\n [style.top.px]=\"this.navbar.nativeElement.offsetHeight\"\n [style.height.px]=\"this.content.nativeElement.offsetHeight\"\n (click)=\"sidenavOpened = false\"\n >\n </div>\n }\n}", styles: ["nav{height:auto;justify-content:center;padding:16px;box-shadow:0 0 5px -1px #0003,0 0 8px 5px #00000024,0 0 14px 8px #0000001f;display:flex;flex-direction:column;gap:10px}.toolbar-row{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:max(80%,1200px);margin-left:auto;margin-right:auto}.toolbar-col{height:100%;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.anchor-row{border-top:1px solid rgb(200,200,200);padding-left:16px;margin:6px -16px -16px;padding-right:16px}.anchor-row-content{display:flex;align-items:center;flex-wrap:wrap;column-gap:20px;width:100%;max-width:max(80%,1200px);margin-left:auto;margin-right:auto}ngx-mat-navigation-element{display:inline-flex}.content{display:flex;flex-direction:column}.sidenav{position:absolute;right:0;background-color:#fff;border-top:1px solid rgb(200,200,200);border-bottom:1px solid rgb(200,200,200);display:flex;flex-direction:column;gap:10px;overflow:scroll;z-index:2;box-sizing:border-box;transform:translate(100%);transition:transform .3s;opacity:0}.sidenav.open{transform:translate(0);opacity:1;padding:16px}.sidenav-backdrop{position:absolute;right:0;left:0;bottom:0;background-color:#00000073;z-index:1;opacity:0;transition:opacity .3s}.sidenav-backdrop.open{opacity:1}.sidenav-row .collapse-lg,.sidenav-row .collapse-md,.sidenav-row .collapse-sm,.sidenav-row .collapse-never,.burger-lg,.burger-md,.burger-sm,.burger-never{display:none}@media (max-width: 1199px){.toolbar-col .collapse-lg{display:none}.toolbar-col .burger-lg{display:inline-flex}.sidenav-row .collapse-lg{display:block}}@media (max-width: 991px){.toolbar-col .collapse-md{display:none}.toolbar-col .burger-md{display:inline-flex}.sidenav-row .collapse-md{display:block}}@media (max-width: 767px){.toolbar-col .collapse-sm{display:none}.toolbar-col .burger-sm{display:inline-flex}.sidenav-row .collapse-sm{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavElementComponent, selector: "ngx-mat-navigation-element", inputs: ["element", "parentMenusButtons", "sidenavOpened", "isSidenavElement", "isMenuItem"], outputs: ["sidenavOpenedChange"] }] });
|
|
926
943
|
}
|
|
927
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationNavbarComponent, decorators: [{
|
|
928
945
|
type: Component,
|
|
929
946
|
args: [{ selector: 'ngx-mat-navigation-navbar', standalone: true, imports: [
|
|
930
947
|
CommonModule,
|
|
931
948
|
NavElementComponent
|
|
932
|
-
], template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n<!-- eslint-disable angular/no-call-expression -->\n<nav #navbar id=\"toolbar\" [style.min-height.px]=\"minHeight ?? 0\">\n @for (row of navbarRows; track $index) {\n @if (getNavbarElements(row, 'left').length || getNavbarElements(row, 'center').length || getNavbarElements(row, 'right').length) {\n <div class=\"toolbar-row\">\n <div class=\"toolbar-col\">\n @for (element of getNavbarElements(row, 'left'); track $index) {\n <ngx-mat-navigation-element [class]=\"getElementClass(element)\" [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n </div>\n <div class=\"toolbar-col\">\n @for (element of getNavbarElements(row, 'center'); track $index) {\n <ngx-mat-navigation-element [class]=\"getElementClass(element)\" [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n </div>\n <div class=\"toolbar-col\">\n @for (element of getNavbarElements(row, 'right'); track $index) {\n <ngx-mat-navigation-element [class]=\"getElementClass(element)\" [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n @if ($index === 0) {\n <ngx-mat-navigation-element [class]=\"getBurgerMenuClass()\" [element]=\"burgerMenu\"></ngx-mat-navigation-element>\n }\n </div>\n </div>\n }\n }\n @if (navService.anchorRow.elements.length) {\n <div class=\"anchor-row\">\n <div class=\"anchor-row-content\">\n @for (element of navService.anchorRow.elements; track $index) {\n <ngx-mat-navigation-element [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n </div>\n </div>\n }\n</nav>\n\n<div #content class=\"content\" [style.min-height]=\"sanitizedContentMinHeight\">\n <ng-content></ng-content>\n</div>\n\n@if (this.navbar && this.content) {\n <div class=\"sidenav\"\n [class.open]=\"sidenavOpened\"\n [style.min-width]=\"sidenavOpened ? minSidenavWidth : undefined\"\n [style.width.px]=\"sidenavOpened ? undefined : 0\"\n [style.top.px]=\"this.navbar.nativeElement.offsetHeight\"\n [style.height.px]=\"this.content.nativeElement.offsetHeight\"\n >\n @for (element of sidenavElements; track $index) {\n <div class=\"sidenav-row\">\n <ngx-mat-navigation-element\n [class]=\"getElementClass(element)\"\n [isSidenavElement]=\"true\"\n [element]=\"element\"\n [(sidenavOpened)]=\"sidenavOpened\"\n (click)=\"clickSidenavElement(element)\"\n >\n </ngx-mat-navigation-element>\n </div>\n }\n </div>\n @if (sidenavOpened) {\n <div class=\"sidenav-backdrop\"\n [class.open]=\"sidenavOpened\"\n [style.top.px]=\"this.navbar.nativeElement.offsetHeight\"\n [style.height.px]=\"this.content.nativeElement.offsetHeight\"\n (click)=\"sidenavOpened = false\"\n >\n </div>\n }\n}", styles: ["nav{height:auto;justify-content:center;padding:16px;box-shadow:0 0 5px -1px #0003,0 0 8px 5px #00000024,0 0 14px 8px #0000001f;display:flex;flex-direction:column;gap:10px}.toolbar-row{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:max(80%,1200px);margin-left:auto;margin-right:auto}.toolbar-col{height:100%;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.anchor-row{border-top:1px solid rgb(200,200,200);padding-left:16px;margin:6px -16px -16px;padding-right:16px}.anchor-row-content{display:flex;align-items:center;flex-wrap:wrap;gap:20px;width:100%;max-width:max(80%,1200px);margin-left:auto;margin-right:auto}ngx-mat-navigation-element{display:inline-flex}.content{display:flex;flex-direction:column}.sidenav{position:absolute;right:0;background-color:#fff;border-top:1px solid rgb(200,200,200);border-bottom:1px solid rgb(200,200,200);display:flex;flex-direction:column;gap:10px;overflow:scroll;z-index:2;box-sizing:border-box;transform:translate(100%);transition:transform .3s;opacity:0}.sidenav.open{transform:translate(0);opacity:1;padding:16px}.sidenav-backdrop{position:absolute;right:0;left:0;bottom:0;background-color:#00000073;z-index:1;opacity:0;transition:opacity .3s}.sidenav-backdrop.open{opacity:1}.sidenav-row .collapse-lg,.sidenav-row .collapse-md,.sidenav-row .collapse-sm,.sidenav-row .collapse-never,.burger-lg,.burger-md,.burger-sm,.burger-never{display:none}@media (max-width: 1199px){.toolbar-col .collapse-lg{display:none}.toolbar-col .burger-lg{display:inline-flex}.sidenav-row .collapse-lg{display:block}}@media (max-width: 991px){.toolbar-col .collapse-md{display:none}.toolbar-col .burger-md{display:inline-flex}.sidenav-row .collapse-md{display:block}}@media (max-width: 767px){.toolbar-col .collapse-sm{display:none}.toolbar-col .burger-sm{display:inline-flex}.sidenav-row .collapse-sm{display:block}}\n"] }]
|
|
949
|
+
], template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n<!-- eslint-disable angular/no-call-expression -->\n<nav #navbar id=\"toolbar\" [style.min-height.px]=\"minHeight ?? 0\">\n @for (row of navbarRows; track $index) {\n @if (getNavbarElements(row, 'left').length || getNavbarElements(row, 'center').length || getNavbarElements(row, 'right').length || $index === 0) {\n <div class=\"toolbar-row\">\n <div class=\"toolbar-col\">\n @for (element of getNavbarElements(row, 'left'); track $index) {\n <ngx-mat-navigation-element [class]=\"getElementClass(element)\" [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n </div>\n <div class=\"toolbar-col\">\n @for (element of getNavbarElements(row, 'center'); track $index) {\n <ngx-mat-navigation-element [class]=\"getElementClass(element)\" [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n </div>\n <div class=\"toolbar-col\">\n @for (element of getNavbarElements(row, 'right'); track $index) {\n <ngx-mat-navigation-element [class]=\"getElementClass(element)\" [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n @if ($index === 0) {\n <ngx-mat-navigation-element [class]=\"getBurgerMenuClass()\" [element]=\"burgerMenu\"></ngx-mat-navigation-element>\n }\n </div>\n </div>\n }\n }\n @if (navService.anchorRow.elements.length) {\n <div class=\"anchor-row\">\n <div class=\"anchor-row-content\">\n @for (element of navService.anchorRow.elements; track $index) {\n <ngx-mat-navigation-element [element]=\"element\" [(sidenavOpened)]=\"sidenavOpened\" (click)=\"clickSidenavElement(element)\"></ngx-mat-navigation-element>\n }\n </div>\n </div>\n }\n</nav>\n\n<div #content class=\"content\" [style.min-height]=\"sanitizedContentMinHeight\">\n <ng-content></ng-content>\n</div>\n\n@if (this.navbar && this.content) {\n <div class=\"sidenav\"\n [class.open]=\"sidenavOpened\"\n [style.min-width]=\"sidenavOpened ? minSidenavWidth : undefined\"\n [style.width.px]=\"sidenavOpened ? undefined : 0\"\n [style.top.px]=\"this.navbar.nativeElement.offsetHeight\"\n [style.height.px]=\"this.content.nativeElement.offsetHeight\"\n >\n @for (element of sidenavElements; track $index) {\n <div class=\"sidenav-row\">\n <ngx-mat-navigation-element\n [class]=\"getElementClass(element)\"\n [isSidenavElement]=\"true\"\n [element]=\"element\"\n [(sidenavOpened)]=\"sidenavOpened\"\n (click)=\"clickSidenavElement(element)\"\n >\n </ngx-mat-navigation-element>\n </div>\n }\n </div>\n @if (sidenavOpened) {\n <div class=\"sidenav-backdrop\"\n [class.open]=\"sidenavOpened\"\n [style.top.px]=\"this.navbar.nativeElement.offsetHeight\"\n [style.height.px]=\"this.content.nativeElement.offsetHeight\"\n (click)=\"sidenavOpened = false\"\n >\n </div>\n }\n}", styles: ["nav{height:auto;justify-content:center;padding:16px;box-shadow:0 0 5px -1px #0003,0 0 8px 5px #00000024,0 0 14px 8px #0000001f;display:flex;flex-direction:column;gap:10px}.toolbar-row{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:max(80%,1200px);margin-left:auto;margin-right:auto}.toolbar-col{height:100%;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.anchor-row{border-top:1px solid rgb(200,200,200);padding-left:16px;margin:6px -16px -16px;padding-right:16px}.anchor-row-content{display:flex;align-items:center;flex-wrap:wrap;column-gap:20px;width:100%;max-width:max(80%,1200px);margin-left:auto;margin-right:auto}ngx-mat-navigation-element{display:inline-flex}.content{display:flex;flex-direction:column}.sidenav{position:absolute;right:0;background-color:#fff;border-top:1px solid rgb(200,200,200);border-bottom:1px solid rgb(200,200,200);display:flex;flex-direction:column;gap:10px;overflow:scroll;z-index:2;box-sizing:border-box;transform:translate(100%);transition:transform .3s;opacity:0}.sidenav.open{transform:translate(0);opacity:1;padding:16px}.sidenav-backdrop{position:absolute;right:0;left:0;bottom:0;background-color:#00000073;z-index:1;opacity:0;transition:opacity .3s}.sidenav-backdrop.open{opacity:1}.sidenav-row .collapse-lg,.sidenav-row .collapse-md,.sidenav-row .collapse-sm,.sidenav-row .collapse-never,.burger-lg,.burger-md,.burger-sm,.burger-never{display:none}@media (max-width: 1199px){.toolbar-col .collapse-lg{display:none}.toolbar-col .burger-lg{display:inline-flex}.sidenav-row .collapse-lg{display:block}}@media (max-width: 991px){.toolbar-col .collapse-md{display:none}.toolbar-col .burger-md{display:inline-flex}.sidenav-row .collapse-md{display:block}}@media (max-width: 767px){.toolbar-col .collapse-sm{display:none}.toolbar-col .burger-sm{display:inline-flex}.sidenav-row .collapse-sm{display:block}}\n"] }]
|
|
933
950
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }, { type: NgxMatNavigationService }, { type: undefined, decorators: [{
|
|
934
951
|
type: Inject,
|
|
935
952
|
args: [NGX_BURGER_MENU_ICON]
|
|
@@ -986,10 +1003,10 @@ class NgxMatNavigationNotFoundComponent {
|
|
|
986
1003
|
this.buttonLabel = this.config?.buttonLabel ?? routeData?.buttonLabel ?? 'Homepage';
|
|
987
1004
|
this.homeRoute = this.config?.homeRoute ?? routeData?.homeRoute ?? '/';
|
|
988
1005
|
}
|
|
989
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
990
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
1006
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationNotFoundComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
|
|
1007
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NgxMatNavigationNotFoundComponent, isStandalone: true, selector: "ngx-mat-navigation-not-found", inputs: { config: "config" }, ngImport: i0, template: "<h1>404</h1>\n<h2>{{title}}</h2>\n<p>\n {{message}}\n</p>\n<a [routerLink]=\"homeRoute\">{{buttonLabel}}</a> ", styles: [":host{display:flex;flex-direction:column;flex:1;padding:24px;align-items:center;justify-content:center}h1{text-align:center;font-size:130px;line-height:130px;margin:0}h2{text-align:center;font-size:40px;line-height:40px;text-transform:uppercase;font-weight:700;margin-top:0;margin-bottom:0}p{text-align:center;font-size:25px;line-height:25px;margin-bottom:24px}a{border:none;font-size:20px;cursor:pointer;text-decoration:none;color:#000;padding:12px;border-radius:5px;background-color:#fff;box-shadow:#0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;transition:all .2s;display:inline-block;font-weight:700}a:hover{filter:brightness(.9)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
991
1008
|
}
|
|
992
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1009
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationNotFoundComponent, decorators: [{
|
|
993
1010
|
type: Component,
|
|
994
1011
|
args: [{ selector: 'ngx-mat-navigation-not-found', standalone: true, imports: [
|
|
995
1012
|
CommonModule,
|
|
@@ -1012,10 +1029,10 @@ class NgxMatNavigationBreadcrumbsComponent {
|
|
|
1012
1029
|
constructor(navService) {
|
|
1013
1030
|
this.navService = navService;
|
|
1014
1031
|
}
|
|
1015
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1016
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
1032
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationBreadcrumbsComponent, deps: [{ token: NgxMatNavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1033
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NgxMatNavigationBreadcrumbsComponent, isStandalone: true, selector: "ngx-mat-navigation-breadcrumbs", ngImport: i0, template: "<nav id=\"breadcrumbs\">\n @for (bc of navService.breadcrumbs; track $index) {\n <nav-internal-link \n [class.first]=\"$first\"\n [isBreadcrumb]=\"true\"\n [isSidenavElement]=\"false\"\n [isMenuItem]=\"false\"\n [element]=\"{ type: NavElementTypes.INTERNAL_LINK, route: bc.route, name: bc.name, icon: bc.icon, ariaLabel: bc.ariaLabel }\"\n >\n </nav-internal-link>\n @if (!$last) {\n <fa-icon [icon]=\"separator\"></fa-icon>\n }\n }\n</nav>", styles: ["nav{display:flex;flex-wrap:wrap;width:fit-content;padding:0 16px;justify-content:center;align-items:center;min-height:42px}.first{margin-left:-10px}\n"], dependencies: [{ kind: "component", type: NavInternalLinkComponent, selector: "nav-internal-link", inputs: ["isBreadcrumb"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
|
|
1017
1034
|
}
|
|
1018
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1035
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NgxMatNavigationBreadcrumbsComponent, decorators: [{
|
|
1019
1036
|
type: Component,
|
|
1020
1037
|
args: [{ selector: 'ngx-mat-navigation-breadcrumbs', standalone: true, imports: [NavInternalLinkComponent, FaIconComponent], template: "<nav id=\"breadcrumbs\">\n @for (bc of navService.breadcrumbs; track $index) {\n <nav-internal-link \n [class.first]=\"$first\"\n [isBreadcrumb]=\"true\"\n [isSidenavElement]=\"false\"\n [isMenuItem]=\"false\"\n [element]=\"{ type: NavElementTypes.INTERNAL_LINK, route: bc.route, name: bc.name, icon: bc.icon, ariaLabel: bc.ariaLabel }\"\n >\n </nav-internal-link>\n @if (!$last) {\n <fa-icon [icon]=\"separator\"></fa-icon>\n }\n }\n</nav>", styles: ["nav{display:flex;flex-wrap:wrap;width:fit-content;padding:0 16px;justify-content:center;align-items:center;min-height:42px}.first{margin-left:-10px}\n"] }]
|
|
1021
1038
|
}], ctorParameters: () => [{ type: NgxMatNavigationService }] });
|