ngx-material-navigation 20.1.2 → 20.1.3
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.
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { CommonModule, NgOptimizedImage } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Input, Component, runInInjectionContext, Directive, model, ElementRef, HostListener, ViewChild, Injectable, InjectionToken, Inject } from '@angular/core';
|
|
3
|
+
import { Input, Component, runInInjectionContext, Directive, model, ElementRef, HostListener, ViewChild, inject, Injectable, InjectionToken, Inject } from '@angular/core';
|
|
4
4
|
import * as i1$1 from '@angular/cdk/menu';
|
|
5
5
|
import { CdkMenuModule, CdkMenuTrigger } from '@angular/cdk/menu';
|
|
6
6
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
|
7
7
|
import { faChevronDown, faBars, faChevronRight } from '@fortawesome/free-solid-svg-icons';
|
|
8
8
|
import * as i1 from '@angular/router';
|
|
9
|
-
import { RouterModule, NavigationEnd } from '@angular/router';
|
|
9
|
+
import { RouterModule, NavigationEnd, ActivatedRoute } from '@angular/router';
|
|
10
10
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
11
11
|
import * as i1$2 from '@angular/platform-browser';
|
|
12
12
|
import { BehaviorSubject } from 'rxjs';
|
|
@@ -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.3.
|
|
42
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationBaseNavElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", 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.3.
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
76
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
75
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavButtonComponent, deps: [{ token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Component });
|
|
76
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.3.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.15", ngImpo
|
|
|
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.3.
|
|
89
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
88
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavButtonFlatComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
89
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.3.
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
114
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavCustomComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
114
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", 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.3.
|
|
116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
124
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
123
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
124
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", 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.3.
|
|
126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
134
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
133
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavImageWithExternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
134
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", 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.3.
|
|
136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
150
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
149
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavImageWithInternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
150
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", 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.3.
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.15", ngImpo
|
|
|
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.3.
|
|
164
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
163
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavExternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
164
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.3.
|
|
166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
184
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
183
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavInternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
184
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.3.
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.15", ngImpo
|
|
|
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.3.
|
|
201
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
200
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
201
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.3.
|
|
203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
211
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
210
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
211
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.3.
|
|
213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
221
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
220
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavTitleWithExternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
221
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.3.
|
|
223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
237
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
236
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavTitleWithInternalLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
237
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.3.
|
|
239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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.3.
|
|
276
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
275
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DisableHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
276
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: DisableHoverDirective, isStandalone: true, selector: "[disableHover]", ngImport: i0 });
|
|
277
277
|
}
|
|
278
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DisableHoverDirective, decorators: [{
|
|
279
279
|
type: Directive,
|
|
280
280
|
args: [{
|
|
281
281
|
selector: '[disableHover]',
|
|
@@ -539,10 +539,10 @@ class NavElementComponent {
|
|
|
539
539
|
}
|
|
540
540
|
}
|
|
541
541
|
}
|
|
542
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
543
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
542
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
543
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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]" }] });
|
|
544
544
|
}
|
|
545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NavElementComponent, decorators: [{
|
|
546
546
|
type: Component,
|
|
547
547
|
args: [{ selector: 'ngx-mat-navigation-element', standalone: true, imports: [
|
|
548
548
|
CommonModule,
|
|
@@ -620,10 +620,10 @@ class NgxMatNavigationFooterComponent {
|
|
|
620
620
|
// runInInjectionContext(...) is needed to enable the user to use injections in his condition functions.
|
|
621
621
|
return runInInjectionContext(this.injector, () => element.condition ? element.condition() : true);
|
|
622
622
|
}
|
|
623
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
624
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
623
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationFooterComponent, deps: [{ token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Component });
|
|
624
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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"] }] });
|
|
625
625
|
}
|
|
626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
626
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationFooterComponent, decorators: [{
|
|
627
627
|
type: Component,
|
|
628
628
|
args: [{ selector: 'ngx-mat-navigation-footer', standalone: true, imports: [
|
|
629
629
|
CommonModule,
|
|
@@ -642,6 +642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
642
642
|
*/
|
|
643
643
|
class NgxMatNavigationService {
|
|
644
644
|
router;
|
|
645
|
+
injector;
|
|
645
646
|
/**
|
|
646
647
|
* The subject of the anchors of the current page.
|
|
647
648
|
*/
|
|
@@ -677,8 +678,9 @@ class NgxMatNavigationService {
|
|
|
677
678
|
get breadcrumbs() {
|
|
678
679
|
return this.breadcrumbsSubject.value;
|
|
679
680
|
}
|
|
680
|
-
constructor(router) {
|
|
681
|
+
constructor(router, injector) {
|
|
681
682
|
this.router = router;
|
|
683
|
+
this.injector = injector;
|
|
682
684
|
this.router.events.subscribe(e => {
|
|
683
685
|
if (e instanceof NavigationEnd) {
|
|
684
686
|
this.updateAnchors();
|
|
@@ -701,33 +703,68 @@ class NgxMatNavigationService {
|
|
|
701
703
|
return;
|
|
702
704
|
}
|
|
703
705
|
const breadcrumbs = [];
|
|
704
|
-
for (const
|
|
705
|
-
const data =
|
|
706
|
+
for (const snapshot of route.snapshot.pathFromRoot) {
|
|
707
|
+
const data = snapshot.data;
|
|
708
|
+
if (data.pageNotFoundConfig) {
|
|
709
|
+
this.breadcrumbsSubject.next([]);
|
|
710
|
+
return;
|
|
711
|
+
}
|
|
706
712
|
breadcrumbs.push({
|
|
707
|
-
name: data
|
|
708
|
-
route:
|
|
713
|
+
name: this.resolveBreadcrumbName(data, undefined, snapshot),
|
|
714
|
+
route: snapshot.url.map(segment => segment.path).join('/'),
|
|
709
715
|
icon: data.breadcrumbConfig?.icon,
|
|
710
716
|
ariaLabel: data.breadcrumbConfig?.ariaLabel
|
|
711
717
|
});
|
|
712
|
-
if (data.
|
|
713
|
-
this.
|
|
714
|
-
|
|
718
|
+
if (data.breadcrumbConfig?.parentRoute && !breadcrumbs.find(b => b.route === data.breadcrumbConfig?.parentRoute)) {
|
|
719
|
+
const parentRoute = this.router.config.find(r => r.path === data.breadcrumbConfig?.parentRoute);
|
|
720
|
+
if (!parentRoute) {
|
|
721
|
+
throw new Error('parent route could not be resolved');
|
|
722
|
+
}
|
|
723
|
+
const parentData = parentRoute.data;
|
|
724
|
+
breadcrumbs.splice(breadcrumbs.length - 1, 0, {
|
|
725
|
+
name: this.resolveBreadcrumbName(parentData, parentRoute, undefined),
|
|
726
|
+
route: data.breadcrumbConfig?.parentRoute,
|
|
727
|
+
icon: parentData?.breadcrumbConfig?.icon,
|
|
728
|
+
ariaLabel: parentData?.breadcrumbConfig?.ariaLabel
|
|
729
|
+
});
|
|
715
730
|
}
|
|
716
731
|
}
|
|
717
|
-
const [first, second] = [...breadcrumbs];
|
|
718
|
-
if (breadcrumbs.length === 2 && first.route === '' && second.route === '') {
|
|
719
|
-
this.breadcrumbsSubject.next([]);
|
|
720
|
-
return;
|
|
721
|
-
}
|
|
722
732
|
this.breadcrumbsSubject.next(breadcrumbs);
|
|
723
733
|
}
|
|
724
|
-
|
|
725
|
-
|
|
734
|
+
resolveBreadcrumbName(navData, route, snapshot) {
|
|
735
|
+
const res = runInInjectionContext(this.injector, () => {
|
|
736
|
+
if (navData?.breadcrumbConfig?.name == undefined) {
|
|
737
|
+
return undefined;
|
|
738
|
+
}
|
|
739
|
+
if (typeof navData.breadcrumbConfig.name === 'string') {
|
|
740
|
+
return navData.breadcrumbConfig.name;
|
|
741
|
+
}
|
|
742
|
+
const route = inject(ActivatedRoute);
|
|
743
|
+
return navData.breadcrumbConfig.name(snapshot ?? route.snapshot, this.router.routerState.snapshot);
|
|
744
|
+
});
|
|
745
|
+
if (res) {
|
|
746
|
+
return res;
|
|
747
|
+
}
|
|
748
|
+
if (snapshot) {
|
|
749
|
+
return snapshot.title ?? 'Start';
|
|
750
|
+
}
|
|
751
|
+
if (route) {
|
|
752
|
+
if (route.title == undefined) {
|
|
753
|
+
return 'Start';
|
|
754
|
+
}
|
|
755
|
+
if (typeof route.title === 'string') {
|
|
756
|
+
return route.title;
|
|
757
|
+
}
|
|
758
|
+
}
|
|
759
|
+
return 'Start';
|
|
760
|
+
}
|
|
761
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationService, deps: [{ token: i1.Router }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
762
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationService, providedIn: 'root' });
|
|
726
763
|
}
|
|
727
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
764
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationService, decorators: [{
|
|
728
765
|
type: Injectable,
|
|
729
766
|
args: [{ providedIn: 'root' }]
|
|
730
|
-
}], ctorParameters: () => [{ type: i1.Router }] });
|
|
767
|
+
}], ctorParameters: () => [{ type: i1.Router }, { type: i0.EnvironmentInjector }] });
|
|
731
768
|
|
|
732
769
|
// eslint-disable-next-line jsdoc/require-jsdoc
|
|
733
770
|
const NGX_BURGER_MENU_ARIA_LABEL = new InjectionToken('Provider for the burger menu aria label. Default: "Open Sidenav"', {
|
|
@@ -938,10 +975,10 @@ class NgxMatNavigationNavbarComponent {
|
|
|
938
975
|
}
|
|
939
976
|
}
|
|
940
977
|
}
|
|
941
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
942
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
978
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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 });
|
|
979
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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"] }] });
|
|
943
980
|
}
|
|
944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationNavbarComponent, decorators: [{
|
|
945
982
|
type: Component,
|
|
946
983
|
args: [{ selector: 'ngx-mat-navigation-navbar', standalone: true, imports: [
|
|
947
984
|
CommonModule,
|
|
@@ -1003,10 +1040,10 @@ class NgxMatNavigationNotFoundComponent {
|
|
|
1003
1040
|
this.buttonLabel = this.config?.buttonLabel ?? routeData?.buttonLabel ?? 'Homepage';
|
|
1004
1041
|
this.homeRoute = this.config?.homeRoute ?? routeData?.homeRoute ?? '/';
|
|
1005
1042
|
}
|
|
1006
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1007
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1043
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationNotFoundComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
|
|
1044
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", 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"] }] });
|
|
1008
1045
|
}
|
|
1009
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1046
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationNotFoundComponent, decorators: [{
|
|
1010
1047
|
type: Component,
|
|
1011
1048
|
args: [{ selector: 'ngx-mat-navigation-not-found', standalone: true, imports: [
|
|
1012
1049
|
CommonModule,
|
|
@@ -1029,10 +1066,10 @@ class NgxMatNavigationBreadcrumbsComponent {
|
|
|
1029
1066
|
constructor(navService) {
|
|
1030
1067
|
this.navService = navService;
|
|
1031
1068
|
}
|
|
1032
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1033
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1069
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationBreadcrumbsComponent, deps: [{ token: NgxMatNavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1070
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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"] }] });
|
|
1034
1071
|
}
|
|
1035
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1072
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxMatNavigationBreadcrumbsComponent, decorators: [{
|
|
1036
1073
|
type: Component,
|
|
1037
1074
|
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"] }]
|
|
1038
1075
|
}], ctorParameters: () => [{ type: NgxMatNavigationService }] });
|