@dereekb/dbx-web 9.18.4 → 9.18.5
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/router/layout/navbar/navbar.component.mjs +8 -4
- package/fesm2015/dereekb-dbx-web.mjs +7 -3
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +7 -3
- 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.5",
|
|
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.5"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"tslib": "^2.3.0"
|
|
@@ -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
|