@dereekb/dbx-web 9.18.4 → 9.18.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar/package.json +2 -2
- package/esm2020/lib/layout/section/section.header.component.mjs +39 -35
- package/esm2020/lib/router/layout/navbar/navbar.component.mjs +8 -4
- package/fesm2015/dereekb-dbx-web.mjs +45 -37
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +45 -37
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/section/_section.scss +18 -15
- package/lib/router/layout/navbar/navbar.component.d.ts +3 -1
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
package/calendar/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web/calendar",
|
|
3
|
-
"version": "9.18.
|
|
3
|
+
"version": "9.18.6",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.2.0",
|
|
6
6
|
"@angular/core": "^14.2.0",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"rxjs": "^7.5.0",
|
|
9
9
|
"@angular/material": "^14.2.0",
|
|
10
10
|
"angular-calendar": "^0.30.1",
|
|
11
|
-
"@dereekb/dbx-web": "9.18.
|
|
11
|
+
"@dereekb/dbx-web": "9.18.6"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"tslib": "^2.3.0"
|
|
@@ -38,24 +38,26 @@ export class DbxSectionHeaderComponent {
|
|
|
38
38
|
DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
39
|
DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", onlyHeader: "onlyHeader", icon: "icon", hint: "hint", hintInline: "hintInline", headerConfig: "headerConfig" }, host: { properties: { "class.dbx-section-header-full-title": "onlyHeader" } }, ngImport: i0, template: `
|
|
40
40
|
<div class="dbx-section-header-content">
|
|
41
|
-
<ng-container
|
|
42
|
-
<
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
<
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
<
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
<
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
<
|
|
56
|
-
|
|
41
|
+
<ng-container *ngIf="showTitle">
|
|
42
|
+
<ng-container [ngSwitch]="h ?? 1">
|
|
43
|
+
<h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
|
|
44
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
45
|
+
</h1>
|
|
46
|
+
<h2 *ngSwitchCase="2" class="dbx-section-header-content-title">
|
|
47
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
48
|
+
</h2>
|
|
49
|
+
<h3 *ngSwitchCase="3" class="dbx-section-header-content-title">
|
|
50
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
51
|
+
</h3>
|
|
52
|
+
<h4 *ngSwitchCase="4" class="dbx-section-header-content-title">
|
|
53
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
54
|
+
</h4>
|
|
55
|
+
<h5 *ngSwitchCase="5" class="dbx-section-header-content-title">
|
|
56
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
57
|
+
</h5>
|
|
58
|
+
</ng-container>
|
|
59
|
+
<span class="spacer"></span>
|
|
57
60
|
</ng-container>
|
|
58
|
-
<span class="spacer"></span>
|
|
59
61
|
<ng-content></ng-content>
|
|
60
62
|
</div>
|
|
61
63
|
<p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
@@ -73,24 +75,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
73
75
|
selector: 'dbx-section-header,.dbx-section-header',
|
|
74
76
|
template: `
|
|
75
77
|
<div class="dbx-section-header-content">
|
|
76
|
-
<ng-container
|
|
77
|
-
<
|
|
78
|
-
<
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
<
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
<
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
<
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
<
|
|
91
|
-
|
|
78
|
+
<ng-container *ngIf="showTitle">
|
|
79
|
+
<ng-container [ngSwitch]="h ?? 1">
|
|
80
|
+
<h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
|
|
81
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
82
|
+
</h1>
|
|
83
|
+
<h2 *ngSwitchCase="2" class="dbx-section-header-content-title">
|
|
84
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
85
|
+
</h2>
|
|
86
|
+
<h3 *ngSwitchCase="3" class="dbx-section-header-content-title">
|
|
87
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
88
|
+
</h3>
|
|
89
|
+
<h4 *ngSwitchCase="4" class="dbx-section-header-content-title">
|
|
90
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
91
|
+
</h4>
|
|
92
|
+
<h5 *ngSwitchCase="5" class="dbx-section-header-content-title">
|
|
93
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
94
|
+
</h5>
|
|
95
|
+
</ng-container>
|
|
96
|
+
<span class="spacer"></span>
|
|
92
97
|
</ng-container>
|
|
93
|
-
<span class="spacer"></span>
|
|
94
98
|
<ng-content></ng-content>
|
|
95
99
|
</div>
|
|
96
100
|
<p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
@@ -121,4 +125,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
121
125
|
}], headerConfig: [{
|
|
122
126
|
type: Input
|
|
123
127
|
}] } });
|
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24uaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlqRDs7R0FFRztBQXdDSCxNQUFNLE9BQU8seUJBQXlCO0lBbUJwQztRQVhBLGVBQVUsR0FBb0IsS0FBSyxDQUFDO0lBV3JCLENBQUM7SUFFaEIsSUFDSSxZQUFZLENBQUMsWUFBMkM7UUFDMUQsSUFBSSxZQUFZLEVBQUU7WUFDaEIsSUFBSSxZQUFZLENBQUMsQ0FBQyxLQUFLLFNBQVMsRUFBRTtnQkFDaEMsSUFBSSxDQUFDLENBQUMsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDO2FBQ3pCO1lBRUQsSUFBSSxZQUFZLENBQUMsTUFBTSxLQUFLLFNBQVMsRUFBRTtnQkFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxZQUFZLENBQUMsTUFBTSxDQUFDO2FBQ25DO1lBRUQsSUFBSSxZQUFZLENBQUMsVUFBVSxLQUFLLFNBQVMsRUFBRTtnQkFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxZQUFZLENBQUMsVUFBVSxDQUFDO2FBQzNDO1lBRUQsSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtnQkFDbkMsSUFBSSxDQUFDLElBQUksR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDO2FBQy9CO1lBRUQsSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtnQkFDbkMsSUFBSSxDQUFDLElBQUksR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDO2FBQy9CO1lBRUQsSUFBSSxZQUFZLENBQUMsVUFBVSxLQUFLLFNBQVMsRUFBRTtnQkFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxZQUFZLENBQUMsVUFBVSxDQUFDO2FBQzNDO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7dUhBcERVLHlCQUF5QjsyR0FBekIseUJBQXlCLGlUQXJDMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBZ0NUOzRGQUtVLHlCQUF5QjtrQkF2Q3JDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdDQUF3QztvQkFDbEQsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWdDVDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0osdUNBQXVDLEVBQUUsWUFBWTtxQkFDdEQ7aUJBQ0Y7MEVBR0MsQ0FBQztzQkFEQSxLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBTUYsWUFBWTtzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IERieFNlY3Rpb25IZWFkZXJDb25maWcsIERieFNlY3Rpb25IZWFkZXJIVHlwZSB9IGZyb20gJy4vc2VjdGlvbic7XG5cbi8qKlxuICogQ29tcG9uZW50IHVzZWQgdG8gc3R5bGUgYSBzZWN0aW9uJ3MgaGVhZGVyLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VjdGlvbi1oZWFkZXIsLmRieC1zZWN0aW9uLWhlYWRlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd1RpdGxlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImggPz8gMVwiPlxuICAgICAgICAgIDxoMSAqbmdTd2l0Y2hDYXNlPVwiMVwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnQtdGl0bGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJDb250ZW50VGl0bGVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvaDE+XG4gICAgICAgICAgPGgyICpuZ1N3aXRjaENhc2U9XCIyXCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9oMj5cbiAgICAgICAgICA8aDMgKm5nU3dpdGNoQ2FzZT1cIjNcIiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50LXRpdGxlXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L2gzPlxuICAgICAgICAgIDxoNCAqbmdTd2l0Y2hDYXNlPVwiNFwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnQtdGl0bGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJDb250ZW50VGl0bGVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvaDQ+XG4gICAgICAgICAgPGg1ICpuZ1N3aXRjaENhc2U9XCI1XCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9oNT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3BhY2VyXCI+PC9zcGFuPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPHAgKm5nSWY9XCJoaW50ICYmICFoaW50SW5saW5lXCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oaW50IGRieC1oaW50XCI+e3sgaGludCB9fTwvcD5cbiAgICA8bmctdGVtcGxhdGUgI2hlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlPlxuICAgICAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblwiPnt7IGljb24gfX08L21hdC1pY29uPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS10ZXh0XCI+XG4gICAgICAgIHt7IGhlYWRlciB9fVxuICAgICAgICA8c3BhbiAqbmdJZj1cImhpbnQgJiYgaGludElubGluZVwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGludC1pbmxpbmUgZGJ4LWhpbnRcIj57eyBoaW50IH19PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLmRieC1zZWN0aW9uLWhlYWRlci1mdWxsLXRpdGxlXSc6ICdvbmx5SGVhZGVyJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieFNlY3Rpb25IZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBoPzogTWF5YmU8RGJ4U2VjdGlvbkhlYWRlckhUeXBlPjtcblxuICBASW5wdXQoKVxuICBoZWFkZXI/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIG9ubHlIZWFkZXI/OiBNYXliZTxib29sZWFuPiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGljb24/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQ/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIGhpbnRJbmxpbmU/OiBNYXliZTxib29sZWFuPjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgQElucHV0KClcbiAgc2V0IGhlYWRlckNvbmZpZyhoZWFkZXJDb25maWc6IE1heWJlPERieFNlY3Rpb25IZWFkZXJDb25maWc+KSB7XG4gICAgaWYgKGhlYWRlckNvbmZpZykge1xuICAgICAgaWYgKGhlYWRlckNvbmZpZy5oICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5oID0gaGVhZGVyQ29uZmlnLmg7XG4gICAgICB9XG5cbiAgICAgIGlmIChoZWFkZXJDb25maWcuaGVhZGVyICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5oZWFkZXIgPSBoZWFkZXJDb25maWcuaGVhZGVyO1xuICAgICAgfVxuXG4gICAgICBpZiAoaGVhZGVyQ29uZmlnLm9ubHlIZWFkZXIgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm9ubHlIZWFkZXIgPSBoZWFkZXJDb25maWcub25seUhlYWRlcjtcbiAgICAgIH1cblxuICAgICAgaWYgKGhlYWRlckNvbmZpZy5pY29uICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5pY29uID0gaGVhZGVyQ29uZmlnLmljb247XG4gICAgICB9XG5cbiAgICAgIGlmIChoZWFkZXJDb25maWcuaGludCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuaGludCA9IGhlYWRlckNvbmZpZy5oaW50O1xuICAgICAgfVxuXG4gICAgICBpZiAoaGVhZGVyQ29uZmlnLmhpbnRJbmxpbmUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLmhpbnRJbmxpbmUgPSBoZWFkZXJDb25maWcuaGludElubGluZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBnZXQgc2hvd1RpdGxlKCkge1xuICAgIHJldHVybiBCb29sZWFuKHRoaXMuaGVhZGVyIHx8IHRoaXMuaWNvbik7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -21,6 +21,7 @@ export class DbxNavbarComponent extends AbstractTransitionDirective {
|
|
|
21
21
|
this.cdRef = cdRef;
|
|
22
22
|
this._dbxScreenMediaService = _dbxScreenMediaService;
|
|
23
23
|
this._dbxRouterService = _dbxRouterService;
|
|
24
|
+
this.icon = 'menu';
|
|
24
25
|
this.navAlign = 'center';
|
|
25
26
|
this._inputMode = new BehaviorSubject(undefined);
|
|
26
27
|
this._breakpoint = new BehaviorSubject('large');
|
|
@@ -39,6 +40,7 @@ export class DbxNavbarComponent extends AbstractTransitionDirective {
|
|
|
39
40
|
});
|
|
40
41
|
return applyBestFit(results, (x) => x.selected, (a, b) => this._dbxRouterService.comparePrecision(a.anchor, b.anchor), (loser) => ({ ...loser, selected: false }));
|
|
41
42
|
}), tapDetectChanges(this.cdRef), shareReplay(1));
|
|
43
|
+
this.hasNoAnchors$ = this.anchors$.pipe(map((x) => x.length === 0), distinctUntilChanged(), shareReplay(1));
|
|
42
44
|
}
|
|
43
45
|
ngOnDestroy() {
|
|
44
46
|
this._inputMode.complete();
|
|
@@ -57,13 +59,15 @@ export class DbxNavbarComponent extends AbstractTransitionDirective {
|
|
|
57
59
|
}
|
|
58
60
|
}
|
|
59
61
|
DbxNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxNavbarComponent, deps: [{ token: i1.DbxRouterTransitionService }, { token: i0.ChangeDetectorRef }, { token: i2.DbxScreenMediaService }, { token: i1.DbxRouterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
-
DbxNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxNavbarComponent, selector: "dbx-navbar", inputs: { navAlign: "navAlign", anchors: "anchors", mode: "mode", breakpoint: "breakpoint" }, host: { classAttribute: "dbx-navbar" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n <mat-icon>
|
|
62
|
+
DbxNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxNavbarComponent, selector: "dbx-navbar", inputs: { icon: "icon", navAlign: "navAlign", anchors: "anchors", mode: "mode", breakpoint: "breakpoint" }, host: { classAttribute: "dbx-navbar" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <button mat-icon-button [disabled]=\"hasNoAnchors$ | async\" [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n <mat-icon>{{ icon }}</mat-icon>\n </button>\n <mat-menu #menu>\n <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n <button mat-menu-item [ngClass]=\"x.selected ? 'active' : ''\">{{ x.anchor.title }}</button>\n </dbx-anchor>\n </mat-menu>\n </ng-container>\n <!-- Bar -->\n <nav *ngSwitchDefault mat-tab-nav-bar [attr.mat-align-tabs]=\"navAlign\">\n <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n <a mat-tab-link [active]=\"x.selected\">{{ x.anchor.title }}</a>\n </dbx-anchor>\n </nav>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i4.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["color"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "directive", type: i4.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matTabLink"] }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i8.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
61
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxNavbarComponent, decorators: [{
|
|
62
64
|
type: Component,
|
|
63
65
|
args: [{ selector: 'dbx-navbar', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
64
66
|
class: 'dbx-navbar'
|
|
65
|
-
}, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n <mat-icon>
|
|
66
|
-
}], ctorParameters: function () { return [{ type: i1.DbxRouterTransitionService }, { type: i0.ChangeDetectorRef }, { type: i2.DbxScreenMediaService }, { type: i1.DbxRouterService }]; }, propDecorators: {
|
|
67
|
+
}, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <button mat-icon-button [disabled]=\"hasNoAnchors$ | async\" [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n <mat-icon>{{ icon }}</mat-icon>\n </button>\n <mat-menu #menu>\n <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n <button mat-menu-item [ngClass]=\"x.selected ? 'active' : ''\">{{ x.anchor.title }}</button>\n </dbx-anchor>\n </mat-menu>\n </ng-container>\n <!-- Bar -->\n <nav *ngSwitchDefault mat-tab-nav-bar [attr.mat-align-tabs]=\"navAlign\">\n <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n <a mat-tab-link [active]=\"x.selected\">{{ x.anchor.title }}</a>\n </dbx-anchor>\n </nav>\n</ng-container>\n" }]
|
|
68
|
+
}], ctorParameters: function () { return [{ type: i1.DbxRouterTransitionService }, { type: i0.ChangeDetectorRef }, { type: i2.DbxScreenMediaService }, { type: i1.DbxRouterService }]; }, propDecorators: { icon: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], navAlign: [{
|
|
67
71
|
type: Input
|
|
68
72
|
}], anchors: [{
|
|
69
73
|
type: Input
|
|
@@ -72,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
72
76
|
}], breakpoint: [{
|
|
73
77
|
type: Input
|
|
74
78
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L25hdmJhci9uYXZiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvbmF2YmFyL25hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWMsZUFBZSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTFHLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQWEsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUErQixnQkFBZ0IsRUFBRSwwQkFBMEIsRUFBRSwyQkFBMkIsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7Ozs7O0FBVzdKOztHQUVHO0FBU0gsTUFBTSxPQUFPLGtCQUFtQixTQUFRLDJCQUEyQjtJQWtEakUsWUFBWSwwQkFBc0QsRUFBVSxLQUF3QixFQUFtQixzQkFBNkMsRUFBbUIsaUJBQW1DO1FBQ3hOLEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBRHdDLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBQW1CLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBdUI7UUFBbUIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFrQjtRQWhEMU4sU0FBSSxHQUFXLE1BQU0sQ0FBQztRQUd0QixhQUFRLEdBQTRCLFFBQVEsQ0FBQztRQUVyQyxl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QUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O2dIQTFFVSxrQkFBa0I7b0dBQWxCLGtCQUFrQiw2TkMzQi9CLGsyQkFtQkE7NEZEUWEsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLFlBQVksbUJBRUwsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixLQUFLLEVBQUUsWUFBWTtxQkFDcEI7b05BSUQsSUFBSTtzQkFESCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkEwREssT0FBTztzQkFEakIsS0FBSztnQkFNSyxJQUFJO3NCQURkLEtBQUs7Z0JBTUssVUFBVTtzQkFEcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9ic2VydmFibGUsIEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwLCBzaGFyZVJlcGxheSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFNjcmVlbk1lZGlhV2lkdGhUeXBlIH0gZnJvbSAnLi8uLi8uLi8uLi9zY3JlZW4vc2NyZWVuJztcbmltcG9ydCB7IERieFNjcmVlbk1lZGlhU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NjcmVlbi9zY3JlZW4uc2VydmljZSc7XG5pbXBvcnQgeyBhcHBseUJlc3RGaXQsIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBJbnB1dCwgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xpY2thYmxlQW5jaG9yTGlua1NlZ3VlUmVmLCBEYnhSb3V0ZXJTZXJ2aWNlLCBEYnhSb3V0ZXJUcmFuc2l0aW9uU2VydmljZSwgQWJzdHJhY3RUcmFuc2l0aW9uRGlyZWN0aXZlLCB0YXBEZXRlY3RDaGFuZ2VzIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgSG9yaXpvbnRhbENvbm5lY3Rpb25Qb3MgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5cbmludGVyZmFjZSBOYXZBbmNob3JMaW5rIHtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGFuY2hvcjogQ2xpY2thYmxlQW5jaG9yTGlua1NlZ3VlUmVmO1xufVxuXG5leHBvcnQgdHlwZSBOYXZCYXJDb250ZW50QWxpZ24gPSAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCc7XG5leHBvcnQgdHlwZSBOYXZiYXJNb2RlID0gJ2JhcicgfCAnYnV0dG9uJztcblxuLyoqXG4gKiBDb21wb25lbnQgdGhhdCBkaXNwbGF5cyBhIG5hdmJhci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LW5hdmJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZGJ4LW5hdmJhcidcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhOYXZiYXJDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRyYW5zaXRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBASW5wdXQoKVxuICBpY29uOiBzdHJpbmcgPSAnbWVudSc7XG5cbiAgQElucHV0KClcbiAgbmF2QWxpZ246IEhvcml6b250YWxDb25uZWN0aW9uUG9zID0gJ2NlbnRlcic7XG5cbiAgcHJpdmF0ZSBfaW5wdXRNb2RlID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxOYXZiYXJNb2RlPj4odW5kZWZpbmVkKTtcbiAgcHJpdmF0ZSBfYnJlYWtwb2ludCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8U2NyZWVuTWVkaWFXaWR0aFR5cGU+KCdsYXJnZScpO1xuICBwcml2YXRlIF9hbmNob3JzID0gbmV3IEJlaGF2aW9yU3ViamVjdDxDbGlja2FibGVBbmNob3JMaW5rU2VndWVSZWZbXT4oW10pO1xuXG4gIHJlYWRvbmx5IGlzQnJlYWtwb2ludEFjdGl2ZSQgPSB0aGlzLl9kYnhTY3JlZW5NZWRpYVNlcnZpY2UuaXNCcmVha3BvaW50QWN0aXZlKHRoaXMuX2JyZWFrcG9pbnQpO1xuXG4gIHJlYWRvbmx5IG1vZGUkID0gY29tYmluZUxhdGVzdChbdGhpcy5faW5wdXRNb2RlLCB0aGlzLmlzQnJlYWtwb2ludEFjdGl2ZSRdKS5waXBlKFxuICAgIG1hcCgoW2lucHV0TW9kZSwgYnJlYWtwb2ludEFjdGl2ZV0pID0+IHtcbiAgICAgIHJldHVybiBicmVha3BvaW50QWN0aXZlID8gaW5wdXRNb2RlID8/ICdiYXInIDogJ2J1dHRvbic7XG4gICAgfSksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICB0YXBEZXRlY3RDaGFuZ2VzKHRoaXMuY2RSZWYpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgcmVhZG9ubHkgYW5jaG9ycyQ6IE9ic2VydmFibGU8TmF2QW5jaG9yTGlua1tdPiA9IGNvbWJpbmVMYXRlc3QoW3RoaXMuX2FuY2hvcnMsIHRoaXMuaW5pdEFuZFVwZGF0ZU9uVHJhbnNpdGlvblN1Y2Nlc3MkXSkucGlwZShcbiAgICBtYXAoKFthbmNob3JzXSkgPT4ge1xuICAgICAgY29uc3QgcmVzdWx0cyA9IGFuY2hvcnMubWFwKChhbmNob3IpID0+IHtcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWQgPSB0aGlzLl9kYnhSb3V0ZXJTZXJ2aWNlLmlzQWN0aXZlKGFuY2hvcik7XG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBzZWxlY3RlZCxcbiAgICAgICAgICBhbmNob3JcbiAgICAgICAgfTtcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gYXBwbHlCZXN0Rml0KFxuICAgICAgICByZXN1bHRzLFxuICAgICAgICAoeCkgPT4geC5zZWxlY3RlZCxcbiAgICAgICAgKGEsIGIpID0+IHRoaXMuX2RieFJvdXRlclNlcnZpY2UuY29tcGFyZVByZWNpc2lvbihhLmFuY2hvciwgYi5hbmNob3IpLFxuICAgICAgICAobG9zZXIpID0+ICh7IC4uLmxvc2VyLCBzZWxlY3RlZDogZmFsc2UgfSlcbiAgICAgICk7XG4gICAgfSksXG4gICAgdGFwRGV0ZWN0Q2hhbmdlcyh0aGlzLmNkUmVmKSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIHJlYWRvbmx5IGhhc05vQW5jaG9ycyQgPSB0aGlzLmFuY2hvcnMkLnBpcGUoXG4gICAgbWFwKCh4KSA9PiB4Lmxlbmd0aCA9PT0gMCksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIGNvbnN0cnVjdG9yKGRieFJvdXRlclRyYW5zaXRpb25TZXJ2aWNlOiBEYnhSb3V0ZXJUcmFuc2l0aW9uU2VydmljZSwgcHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgcmVhZG9ubHkgX2RieFNjcmVlbk1lZGlhU2VydmljZTogRGJ4U2NyZWVuTWVkaWFTZXJ2aWNlLCBwcml2YXRlIHJlYWRvbmx5IF9kYnhSb3V0ZXJTZXJ2aWNlOiBEYnhSb3V0ZXJTZXJ2aWNlKSB7XG4gICAgc3VwZXIoZGJ4Um91dGVyVHJhbnNpdGlvblNlcnZpY2UpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5faW5wdXRNb2RlLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5fYnJlYWtwb2ludC5jb21wbGV0ZSgpO1xuICAgIHRoaXMuX2FuY2hvcnMuY29tcGxldGUoKTtcbiAgfVxuXG4gIC8vIE1BUks6IEFjY2Vzc29yc1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGFuY2hvcnMoYW5jaG9yczogTWF5YmU8Q2xpY2thYmxlQW5jaG9yTGlua1NlZ3VlUmVmW10+KSB7XG4gICAgdGhpcy5fYW5jaG9ycy5uZXh0KGFuY2hvcnMgPz8gW10pO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBtb2RlKG1vZGU6IE1heWJlPE5hdmJhck1vZGU+KSB7XG4gICAgdGhpcy5faW5wdXRNb2RlLm5leHQobW9kZSk7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGJyZWFrcG9pbnQoYnJlYWtwb2ludDogU2NyZWVuTWVkaWFXaWR0aFR5cGUpIHtcbiAgICB0aGlzLl9icmVha3BvaW50Lm5leHQoYnJlYWtwb2ludCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cIm1vZGUkIHwgYXN5bmNcIj5cbiAgPCEtLSBCdXR0b24gLS0+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIididXR0b24nXCI+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW2Rpc2FibGVkXT1cImhhc05vQW5jaG9ycyQgfCBhc3luY1wiIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCIgY2xhc3M9XCJuYXYtbWVudS1idXR0b25cIiBhcmlhLWxhYmVsPVwib3BlbiBuYXZpZ2F0aW9uXCI+XG4gICAgICA8bWF0LWljb24+e3sgaWNvbiB9fTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPG1hdC1tZW51ICNtZW51PlxuICAgICAgPGRieC1hbmNob3IgKm5nRm9yPVwibGV0IHggb2YgYW5jaG9ycyQgfCBhc3luY1wiIFthbmNob3JdPVwieC5hbmNob3JcIj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIFtuZ0NsYXNzXT1cInguc2VsZWN0ZWQgPyAnYWN0aXZlJyA6ICcnXCI+e3sgeC5hbmNob3IudGl0bGUgfX08L2J1dHRvbj5cbiAgICAgIDwvZGJ4LWFuY2hvcj5cbiAgICA8L21hdC1tZW51PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPCEtLSBCYXIgLS0+XG4gIDxuYXYgKm5nU3dpdGNoRGVmYXVsdCBtYXQtdGFiLW5hdi1iYXIgW2F0dHIubWF0LWFsaWduLXRhYnNdPVwibmF2QWxpZ25cIj5cbiAgICA8ZGJ4LWFuY2hvciAqbmdGb3I9XCJsZXQgeCBvZiBhbmNob3JzJCB8IGFzeW5jXCIgW2FuY2hvcl09XCJ4LmFuY2hvclwiPlxuICAgICAgPGEgbWF0LXRhYi1saW5rIFthY3RpdmVdPVwieC5zZWxlY3RlZFwiPnt7IHguYW5jaG9yLnRpdGxlIH19PC9hPlxuICAgIDwvZGJ4LWFuY2hvcj5cbiAgPC9uYXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|
|
@@ -1767,6 +1767,7 @@ class DbxNavbarComponent extends AbstractTransitionDirective {
|
|
|
1767
1767
|
this.cdRef = cdRef;
|
|
1768
1768
|
this._dbxScreenMediaService = _dbxScreenMediaService;
|
|
1769
1769
|
this._dbxRouterService = _dbxRouterService;
|
|
1770
|
+
this.icon = 'menu';
|
|
1770
1771
|
this.navAlign = 'center';
|
|
1771
1772
|
this._inputMode = new BehaviorSubject(undefined);
|
|
1772
1773
|
this._breakpoint = new BehaviorSubject('large');
|
|
@@ -1785,6 +1786,7 @@ class DbxNavbarComponent extends AbstractTransitionDirective {
|
|
|
1785
1786
|
});
|
|
1786
1787
|
return applyBestFit(results, (x) => x.selected, (a, b) => this._dbxRouterService.comparePrecision(a.anchor, b.anchor), (loser) => (Object.assign(Object.assign({}, loser), { selected: false })));
|
|
1787
1788
|
}), tapDetectChanges(this.cdRef), shareReplay(1));
|
|
1789
|
+
this.hasNoAnchors$ = this.anchors$.pipe(map((x) => x.length === 0), distinctUntilChanged(), shareReplay(1));
|
|
1788
1790
|
}
|
|
1789
1791
|
ngOnDestroy() {
|
|
1790
1792
|
this._inputMode.complete();
|
|
@@ -1803,13 +1805,15 @@ class DbxNavbarComponent extends AbstractTransitionDirective {
|
|
|
1803
1805
|
}
|
|
1804
1806
|
}
|
|
1805
1807
|
DbxNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxNavbarComponent, deps: [{ token: i1$2.DbxRouterTransitionService }, { token: i0.ChangeDetectorRef }, { token: DbxScreenMediaService }, { token: i1$2.DbxRouterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1806
|
-
DbxNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxNavbarComponent, selector: "dbx-navbar", inputs: { navAlign: "navAlign", anchors: "anchors", mode: "mode", breakpoint: "breakpoint" }, host: { classAttribute: "dbx-navbar" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n <mat-icon>
|
|
1808
|
+
DbxNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxNavbarComponent, selector: "dbx-navbar", inputs: { icon: "icon", navAlign: "navAlign", anchors: "anchors", mode: "mode", breakpoint: "breakpoint" }, host: { classAttribute: "dbx-navbar" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <button mat-icon-button [disabled]=\"hasNoAnchors$ | async\" [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n <mat-icon>{{ icon }}</mat-icon>\n </button>\n <mat-menu #menu>\n <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n <button mat-menu-item [ngClass]=\"x.selected ? 'active' : ''\">{{ x.anchor.title }}</button>\n </dbx-anchor>\n </mat-menu>\n </ng-container>\n <!-- Bar -->\n <nav *ngSwitchDefault mat-tab-nav-bar [attr.mat-align-tabs]=\"navAlign\">\n <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n <a mat-tab-link [active]=\"x.selected\">{{ x.anchor.title }}</a>\n </dbx-anchor>\n </nav>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i4$1.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["color"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "directive", type: i4$1.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matTabLink"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1807
1809
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxNavbarComponent, decorators: [{
|
|
1808
1810
|
type: Component,
|
|
1809
1811
|
args: [{ selector: 'dbx-navbar', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1810
1812
|
class: 'dbx-navbar'
|
|
1811
|
-
}, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n <mat-icon>
|
|
1812
|
-
}], ctorParameters: function () { return [{ type: i1$2.DbxRouterTransitionService }, { type: i0.ChangeDetectorRef }, { type: DbxScreenMediaService }, { type: i1$2.DbxRouterService }]; }, propDecorators: {
|
|
1813
|
+
}, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchCase=\"'button'\">\n <button mat-icon-button [disabled]=\"hasNoAnchors$ | async\" [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n <mat-icon>{{ icon }}</mat-icon>\n </button>\n <mat-menu #menu>\n <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n <button mat-menu-item [ngClass]=\"x.selected ? 'active' : ''\">{{ x.anchor.title }}</button>\n </dbx-anchor>\n </mat-menu>\n </ng-container>\n <!-- Bar -->\n <nav *ngSwitchDefault mat-tab-nav-bar [attr.mat-align-tabs]=\"navAlign\">\n <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n <a mat-tab-link [active]=\"x.selected\">{{ x.anchor.title }}</a>\n </dbx-anchor>\n </nav>\n</ng-container>\n" }]
|
|
1814
|
+
}], ctorParameters: function () { return [{ type: i1$2.DbxRouterTransitionService }, { type: i0.ChangeDetectorRef }, { type: DbxScreenMediaService }, { type: i1$2.DbxRouterService }]; }, propDecorators: { icon: [{
|
|
1815
|
+
type: Input
|
|
1816
|
+
}], navAlign: [{
|
|
1813
1817
|
type: Input
|
|
1814
1818
|
}], anchors: [{
|
|
1815
1819
|
type: Input
|
|
@@ -4887,24 +4891,26 @@ class DbxSectionHeaderComponent {
|
|
|
4887
4891
|
DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4888
4892
|
DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", onlyHeader: "onlyHeader", icon: "icon", hint: "hint", hintInline: "hintInline", headerConfig: "headerConfig" }, host: { properties: { "class.dbx-section-header-full-title": "onlyHeader" } }, ngImport: i0, template: `
|
|
4889
4893
|
<div class="dbx-section-header-content">
|
|
4890
|
-
<ng-container
|
|
4891
|
-
<
|
|
4892
|
-
<
|
|
4893
|
-
|
|
4894
|
-
|
|
4895
|
-
<
|
|
4896
|
-
|
|
4897
|
-
|
|
4898
|
-
<
|
|
4899
|
-
|
|
4900
|
-
|
|
4901
|
-
<
|
|
4902
|
-
|
|
4903
|
-
|
|
4904
|
-
<
|
|
4905
|
-
|
|
4894
|
+
<ng-container *ngIf="showTitle">
|
|
4895
|
+
<ng-container [ngSwitch]="h ?? 1">
|
|
4896
|
+
<h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
|
|
4897
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4898
|
+
</h1>
|
|
4899
|
+
<h2 *ngSwitchCase="2" class="dbx-section-header-content-title">
|
|
4900
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4901
|
+
</h2>
|
|
4902
|
+
<h3 *ngSwitchCase="3" class="dbx-section-header-content-title">
|
|
4903
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4904
|
+
</h3>
|
|
4905
|
+
<h4 *ngSwitchCase="4" class="dbx-section-header-content-title">
|
|
4906
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4907
|
+
</h4>
|
|
4908
|
+
<h5 *ngSwitchCase="5" class="dbx-section-header-content-title">
|
|
4909
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4910
|
+
</h5>
|
|
4911
|
+
</ng-container>
|
|
4912
|
+
<span class="spacer"></span>
|
|
4906
4913
|
</ng-container>
|
|
4907
|
-
<span class="spacer"></span>
|
|
4908
4914
|
<ng-content></ng-content>
|
|
4909
4915
|
</div>
|
|
4910
4916
|
<p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
@@ -4922,24 +4928,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
4922
4928
|
selector: 'dbx-section-header,.dbx-section-header',
|
|
4923
4929
|
template: `
|
|
4924
4930
|
<div class="dbx-section-header-content">
|
|
4925
|
-
<ng-container
|
|
4926
|
-
<
|
|
4927
|
-
<
|
|
4928
|
-
|
|
4929
|
-
|
|
4930
|
-
<
|
|
4931
|
-
|
|
4932
|
-
|
|
4933
|
-
<
|
|
4934
|
-
|
|
4935
|
-
|
|
4936
|
-
<
|
|
4937
|
-
|
|
4938
|
-
|
|
4939
|
-
<
|
|
4940
|
-
|
|
4931
|
+
<ng-container *ngIf="showTitle">
|
|
4932
|
+
<ng-container [ngSwitch]="h ?? 1">
|
|
4933
|
+
<h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
|
|
4934
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4935
|
+
</h1>
|
|
4936
|
+
<h2 *ngSwitchCase="2" class="dbx-section-header-content-title">
|
|
4937
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4938
|
+
</h2>
|
|
4939
|
+
<h3 *ngSwitchCase="3" class="dbx-section-header-content-title">
|
|
4940
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4941
|
+
</h3>
|
|
4942
|
+
<h4 *ngSwitchCase="4" class="dbx-section-header-content-title">
|
|
4943
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4944
|
+
</h4>
|
|
4945
|
+
<h5 *ngSwitchCase="5" class="dbx-section-header-content-title">
|
|
4946
|
+
<ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
|
|
4947
|
+
</h5>
|
|
4948
|
+
</ng-container>
|
|
4949
|
+
<span class="spacer"></span>
|
|
4941
4950
|
</ng-container>
|
|
4942
|
-
<span class="spacer"></span>
|
|
4943
4951
|
<ng-content></ng-content>
|
|
4944
4952
|
</div>
|
|
4945
4953
|
<p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|