@dereekb/dbx-web 9.23.28 → 9.24.1
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/interaction/dialog/dialog.content.footer.component.mjs +13 -4
- package/esm2020/lib/interaction/filter/filter.popover.component.mjs +13 -8
- package/esm2020/lib/interaction/filter/filter.wrapper.component.mjs +12 -8
- package/esm2020/lib/interaction/popover/popover.service.mjs +8 -5
- package/esm2020/lib/router/layout/anchorlist/anchorlist.component.mjs +7 -4
- package/fesm2015/dereekb-dbx-web.mjs +62 -39
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +58 -36
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/interaction/dialog/dialog.content.footer.component.d.ts +9 -1
- package/lib/interaction/filter/filter.popover.component.d.ts +3 -3
- package/lib/interaction/filter/filter.wrapper.component.d.ts +2 -1
- package/lib/interaction/popover/popover.service.d.ts +5 -5
- package/lib/router/layout/anchorlist/_anchorlist.scss +2 -2
- package/lib/router/layout/anchorlist/anchorlist.component.d.ts +6 -2
- package/lib/router/layout/sidenav/_sidenav.scss +22 -4
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
- package/table/package.json +3 -3
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Directive, InjectionToken, EventEmitter, Optional, Inject, Output, HostListener, Input, ElementRef, Component, ChangeDetectionStrategy, ViewChild, Injectable, Host, NgModule, TemplateRef, forwardRef } from '@angular/core';
|
|
3
3
|
import { filterMaybe, LoadingStateType, loadingStateType, LockSet, SubscriptionObject, skipFirstMaybe, initialize, asObservable, isNot, ListLoadingStateContextInstance, loadingStateHasFinishedLoading, startWithBeginLoading, valueFromObservableOrValue, LoadingStateContextInstance, mapForEach, switchMapMaybeObs } from '@dereekb/rxjs';
|
|
4
|
-
import { BehaviorSubject, map, combineLatest, distinctUntilChanged, shareReplay, first, Subject, of, switchMap, startWith, filter, delay, throttleTime, skip, distinct, merge, exhaustMap, catchError, from, mergeMap, race, tap } from 'rxjs';
|
|
4
|
+
import { BehaviorSubject, map, combineLatest, distinctUntilChanged, shareReplay, first, Subject, of, switchMap, startWith, filter, delay, throttleTime, skip, defaultIfEmpty, distinct, merge, exhaustMap, catchError, from, mergeMap, race, tap } from 'rxjs';
|
|
5
5
|
import * as i1$1 from '@angular/material/snack-bar';
|
|
6
6
|
import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
7
7
|
import * as i1$2 from '@dereekb/dbx-core';
|
|
@@ -15,7 +15,7 @@ import * as i3 from '@angular/material/progress-spinner';
|
|
|
15
15
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
16
16
|
import * as i2$1 from '@angular/material/icon';
|
|
17
17
|
import { MatIconModule } from '@angular/material/icon';
|
|
18
|
-
import { getValueFromGetter, mergeObjects, splitCommaSeparatedStringToSet, asPromise, objectHasNoKeys, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, findNext, filterMaybeValues, asArray, firstValue, filterUndefinedValues, isMaybeNot, isNotNullOrEmptyString, mapIterable, toReadableError, isDefaultReadableError, build, ServerErrorResponse, UnauthorizedServerErrorResponse, maybeModifierMapToFunction, ModelRelationUtility, encodeModelKeyTypePair, useIterableOrValue } from '@dereekb/util';
|
|
18
|
+
import { getValueFromGetter, mergeObjects, splitCommaSeparatedStringToSet, asPromise, joinStringsWithSpaces, objectHasNoKeys, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, findNext, filterMaybeValues, asArray, firstValue, filterUndefinedValues, isMaybeNot, isNotNullOrEmptyString, mapIterable, toReadableError, isDefaultReadableError, build, ServerErrorResponse, UnauthorizedServerErrorResponse, maybeModifierMapToFunction, ModelRelationUtility, encodeModelKeyTypePair, useIterableOrValue } from '@dereekb/util';
|
|
19
19
|
import * as i3$1 from '@angular/material/progress-bar';
|
|
20
20
|
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
21
21
|
import * as i5 from '@angular/material/core';
|
|
@@ -32,15 +32,15 @@ import * as i1$6 from 'angular-resize-event';
|
|
|
32
32
|
import { AngularResizeEventModule } from 'angular-resize-event';
|
|
33
33
|
import * as i4 from '@angular/material/divider';
|
|
34
34
|
import { MatDividerModule } from '@angular/material/divider';
|
|
35
|
-
import * as
|
|
35
|
+
import * as i4$1 from '@angular/flex-layout/flex';
|
|
36
36
|
import { FlexLayoutModule } from '@angular/flex-layout';
|
|
37
|
-
import * as i4$
|
|
37
|
+
import * as i4$2 from '@angular/material/list';
|
|
38
38
|
import { MatListModule } from '@angular/material/list';
|
|
39
39
|
import * as i5$1 from '@angular/material/tabs';
|
|
40
40
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
41
|
-
import * as i4$
|
|
41
|
+
import * as i4$3 from '@angular/material/menu';
|
|
42
42
|
import { MatMenuModule } from '@angular/material/menu';
|
|
43
|
-
import * as i3$
|
|
43
|
+
import * as i3$2 from '@angular/flex-layout/extended';
|
|
44
44
|
import * as i1$7 from '@angular/cdk/layout';
|
|
45
45
|
import * as i5$2 from '@angular/material/sidenav';
|
|
46
46
|
import { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';
|
|
@@ -48,16 +48,16 @@ import * as i2$2 from '@angular/material/toolbar';
|
|
|
48
48
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
49
49
|
import * as i1$8 from '@uirouter/angular';
|
|
50
50
|
import { UIRouterModule } from '@uirouter/angular';
|
|
51
|
-
import * as i3$
|
|
51
|
+
import * as i3$3 from 'ngx-infinite-scroll';
|
|
52
52
|
import { InfiniteScrollModule } from 'ngx-infinite-scroll';
|
|
53
53
|
import { HttpErrorResponse } from '@angular/common/http';
|
|
54
54
|
import * as i2$3 from '@angular/material/chips';
|
|
55
55
|
import { MatChipsModule } from '@angular/material/chips';
|
|
56
|
-
import * as i3$
|
|
56
|
+
import * as i3$4 from '@angular/material/tooltip';
|
|
57
57
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
58
58
|
import linkifyStr from 'linkify-string';
|
|
59
59
|
import * as i1$9 from '@angular/platform-browser';
|
|
60
|
-
import * as i4$
|
|
60
|
+
import * as i4$4 from '@angular/flex-layout/grid';
|
|
61
61
|
import * as i2$4 from '@uirouter/core';
|
|
62
62
|
import * as i1$b from '@ngrx/store';
|
|
63
63
|
import { createAction, props, createReducer, on, combineReducers, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
|
|
@@ -893,8 +893,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
893
893
|
class DbxDialogContentFooterComponent {
|
|
894
894
|
constructor() {
|
|
895
895
|
this.closeText = 'Close';
|
|
896
|
+
this.buttonColor = undefined;
|
|
896
897
|
this.close = new EventEmitter();
|
|
897
898
|
}
|
|
899
|
+
set config(config) {
|
|
900
|
+
this.closeText = config?.closeText ?? 'Close';
|
|
901
|
+
this.buttonColor = config?.buttonColor ?? undefined;
|
|
902
|
+
}
|
|
898
903
|
closeClicked() {
|
|
899
904
|
this.close.emit(undefined);
|
|
900
905
|
}
|
|
@@ -903,15 +908,15 @@ class DbxDialogContentFooterComponent {
|
|
|
903
908
|
}
|
|
904
909
|
}
|
|
905
910
|
DbxDialogContentFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxDialogContentFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
906
|
-
DbxDialogContentFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxDialogContentFooterComponent, selector: "dbx-dialog-content-footer", inputs: { closeText: "closeText" }, outputs: { close: "close" }, host: { classAttribute: "dbx-dialog-content-footer" }, ngImport: i0, template: `
|
|
907
|
-
<button mat-raised-button (click)="closeClicked()">{{ closeText }}</button>
|
|
911
|
+
DbxDialogContentFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxDialogContentFooterComponent, selector: "dbx-dialog-content-footer", inputs: { closeText: "closeText", buttonColor: "buttonColor", config: "config" }, outputs: { close: "close" }, host: { classAttribute: "dbx-dialog-content-footer" }, ngImport: i0, template: `
|
|
912
|
+
<button mat-raised-button [color]="buttonColor" (click)="closeClicked()">{{ closeText }}</button>
|
|
908
913
|
`, isInline: true, dependencies: [{ 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"] }] });
|
|
909
914
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxDialogContentFooterComponent, decorators: [{
|
|
910
915
|
type: Component,
|
|
911
916
|
args: [{
|
|
912
917
|
selector: 'dbx-dialog-content-footer',
|
|
913
918
|
template: `
|
|
914
|
-
<button mat-raised-button (click)="closeClicked()">{{ closeText }}</button>
|
|
919
|
+
<button mat-raised-button [color]="buttonColor" (click)="closeClicked()">{{ closeText }}</button>
|
|
915
920
|
`,
|
|
916
921
|
host: {
|
|
917
922
|
class: 'dbx-dialog-content-footer'
|
|
@@ -919,8 +924,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
919
924
|
}]
|
|
920
925
|
}], propDecorators: { closeText: [{
|
|
921
926
|
type: Input
|
|
927
|
+
}], buttonColor: [{
|
|
928
|
+
type: Input
|
|
922
929
|
}], close: [{
|
|
923
930
|
type: Output
|
|
931
|
+
}], config: [{
|
|
932
|
+
type: Input
|
|
924
933
|
}] } });
|
|
925
934
|
|
|
926
935
|
/**
|
|
@@ -1672,12 +1681,14 @@ class DbxPopoverService {
|
|
|
1672
1681
|
open(config) {
|
|
1673
1682
|
const service = config.injector ? new NgOverlayContainerService(this._overlay, config.injector) : this._overlayContainerService;
|
|
1674
1683
|
const configuration = {
|
|
1675
|
-
panelClass: 'dbx-popover-container',
|
|
1676
|
-
originX: 'start',
|
|
1677
|
-
originY: 'top',
|
|
1684
|
+
panelClass: joinStringsWithSpaces(['dbx-popover-container', config.panelClass]),
|
|
1685
|
+
originX: config.originX ?? 'start',
|
|
1686
|
+
originY: config.originY ?? 'top',
|
|
1678
1687
|
// TODO: Resize height/width.
|
|
1688
|
+
minHeight: config.minHeight,
|
|
1689
|
+
minWidth: config.minWidth,
|
|
1679
1690
|
height: config.height ?? '500px',
|
|
1680
|
-
width: config.
|
|
1691
|
+
width: config.width ?? '400px',
|
|
1681
1692
|
hasBackdrop: true,
|
|
1682
1693
|
isDraggable: false,
|
|
1683
1694
|
isResizable: config.isResizable ?? false,
|
|
@@ -1887,8 +1898,9 @@ class DbxFilterPopoverComponent extends AbstractPopoverDirective {
|
|
|
1887
1898
|
if (initialFilterObs && filterSource.initWithFilter) {
|
|
1888
1899
|
filterSource.initWithFilter(initialFilterObs);
|
|
1889
1900
|
}
|
|
1890
|
-
if (closeOnFilterChange) {
|
|
1891
|
-
this._closeOnChangeSub.subscription = filterSource.filter$.pipe(skip(1), filterMaybe(), first()).subscribe(() => {
|
|
1901
|
+
if (closeOnFilterChange !== false) {
|
|
1902
|
+
this._closeOnChangeSub.subscription = filterSource.filter$.pipe(skip(1), filterMaybe(), first(), defaultIfEmpty(undefined)).subscribe(() => {
|
|
1903
|
+
console.log();
|
|
1892
1904
|
this.close();
|
|
1893
1905
|
});
|
|
1894
1906
|
}
|
|
@@ -1897,18 +1909,22 @@ class DbxFilterPopoverComponent extends AbstractPopoverDirective {
|
|
|
1897
1909
|
return config;
|
|
1898
1910
|
}));
|
|
1899
1911
|
}
|
|
1900
|
-
static openPopover(popupService, { origin, header, icon,
|
|
1912
|
+
static openPopover(popupService, { width, height, isResizable, origin, header, icon, customFilterComponentClass, presetFilterComponentClass, connector, initialFilterObs, closeOnFilterChange }, popoverKey) {
|
|
1901
1913
|
return popupService.open({
|
|
1902
1914
|
key: popoverKey ?? DEFAULT_FILTER_POPOVER_KEY,
|
|
1903
1915
|
origin,
|
|
1904
1916
|
componentClass: DbxFilterPopoverComponent,
|
|
1917
|
+
width,
|
|
1918
|
+
height,
|
|
1919
|
+
isResizable,
|
|
1905
1920
|
data: {
|
|
1906
1921
|
header,
|
|
1907
1922
|
icon,
|
|
1908
|
-
initialFilterObs: inputSource,
|
|
1909
|
-
connector,
|
|
1910
1923
|
customFilterComponentClass,
|
|
1911
|
-
presetFilterComponentClass
|
|
1924
|
+
presetFilterComponentClass,
|
|
1925
|
+
connector,
|
|
1926
|
+
initialFilterObs,
|
|
1927
|
+
closeOnFilterChange
|
|
1912
1928
|
}
|
|
1913
1929
|
});
|
|
1914
1930
|
}
|
|
@@ -2201,6 +2217,7 @@ class DbxFilterWrapperComponent extends AbstractDbxActionHandlerDirective {
|
|
|
2201
2217
|
constructor(source, filterSourceDirective) {
|
|
2202
2218
|
super(source);
|
|
2203
2219
|
this.filterSourceDirective = filterSourceDirective;
|
|
2220
|
+
this.showButtons = true;
|
|
2204
2221
|
this.applyRaised = true;
|
|
2205
2222
|
this.applyIcon = 'filter_list';
|
|
2206
2223
|
this.applyText = 'Filter';
|
|
@@ -2219,11 +2236,13 @@ class DbxFilterWrapperComponent extends AbstractDbxActionHandlerDirective {
|
|
|
2219
2236
|
}
|
|
2220
2237
|
}
|
|
2221
2238
|
DbxFilterWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFilterWrapperComponent, deps: [{ token: i1$2.DbxActionContextStoreSourceInstance }, { token: i1$2.FilterSourceDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
2222
|
-
DbxFilterWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFilterWrapperComponent, selector: "dbx-filter-wrapper", inputs: { applyRaised: "applyRaised", applyIcon: "applyIcon", applyText: "applyText" }, providers: [provideActionStoreSource(null)], usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-filter-wrapper\">\n <div class=\"dbx-filter-wrapper-content\">\n <ng-content></ng-content>\n </div>\n <div fxLayout=\"row\">\n <dbx-button dbxActionButton [raised]=\"applyRaised\" [text]=\"applyText\" [icon]=\"applyIcon\"></dbx-button>\n <div class=\"spacer\"></div>\n <button mat-icon-button (click)=\"resetFilter()\">\n <mat-icon>clear</mat-icon>\n </button>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type:
|
|
2239
|
+
DbxFilterWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFilterWrapperComponent, selector: "dbx-filter-wrapper", inputs: { showButtons: "showButtons", applyRaised: "applyRaised", applyIcon: "applyIcon", applyText: "applyText" }, providers: [provideActionStoreSource(null)], usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-filter-wrapper\">\n <div class=\"dbx-filter-wrapper-content\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showButtons\" fxLayout=\"row\">\n <dbx-button dbxActionButton [raised]=\"applyRaised\" [text]=\"applyText\" [icon]=\"applyIcon\"></dbx-button>\n <div class=\"spacer\"></div>\n <button mat-icon-button (click)=\"resetFilter()\">\n <mat-icon>clear</mat-icon>\n </button>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i4$1.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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"] }] });
|
|
2223
2240
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFilterWrapperComponent, decorators: [{
|
|
2224
2241
|
type: Component,
|
|
2225
|
-
args: [{ selector: 'dbx-filter-wrapper', providers: [provideActionStoreSource(null)], template: "<div class=\"dbx-filter-wrapper\">\n <div class=\"dbx-filter-wrapper-content\">\n <ng-content></ng-content>\n </div>\n <div fxLayout=\"row\">\n <dbx-button dbxActionButton [raised]=\"applyRaised\" [text]=\"applyText\" [icon]=\"applyIcon\"></dbx-button>\n <div class=\"spacer\"></div>\n <button mat-icon-button (click)=\"resetFilter()\">\n <mat-icon>clear</mat-icon>\n </button>\n </div>\n</div>\n" }]
|
|
2226
|
-
}], ctorParameters: function () { return [{ type: i1$2.DbxActionContextStoreSourceInstance }, { type: i1$2.FilterSourceDirective }]; }, propDecorators: {
|
|
2242
|
+
args: [{ selector: 'dbx-filter-wrapper', providers: [provideActionStoreSource(null)], template: "<div class=\"dbx-filter-wrapper\">\n <div class=\"dbx-filter-wrapper-content\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"showButtons\" fxLayout=\"row\">\n <dbx-button dbxActionButton [raised]=\"applyRaised\" [text]=\"applyText\" [icon]=\"applyIcon\"></dbx-button>\n <div class=\"spacer\"></div>\n <button mat-icon-button (click)=\"resetFilter()\">\n <mat-icon>clear</mat-icon>\n </button>\n </div>\n</div>\n" }]
|
|
2243
|
+
}], ctorParameters: function () { return [{ type: i1$2.DbxActionContextStoreSourceInstance }, { type: i1$2.FilterSourceDirective }]; }, propDecorators: { showButtons: [{
|
|
2244
|
+
type: Input
|
|
2245
|
+
}], applyRaised: [{
|
|
2227
2246
|
type: Input
|
|
2228
2247
|
}], applyIcon: [{
|
|
2229
2248
|
type: Input
|
|
@@ -2356,7 +2375,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
2356
2375
|
class DbxAnchorListComponent {
|
|
2357
2376
|
constructor() {
|
|
2358
2377
|
this._anchors = new BehaviorSubject([]);
|
|
2359
|
-
this.expandedAnchors$ = this._anchors.pipe(distinctUntilChanged(), map((x) => expandClickableAnchorLinkTrees(x))
|
|
2378
|
+
this.expandedAnchors$ = this._anchors.pipe(distinctUntilChanged(), map((x) => expandClickableAnchorLinkTrees(x).map((y) => {
|
|
2379
|
+
y.classes = `${y.depth > 0 ? `dbx-anchor-list-child` : 'dbx-anchor-list-root'} dbx-anchor-list-depth-${y.depth}`;
|
|
2380
|
+
return y;
|
|
2381
|
+
})), shareReplay(1));
|
|
2360
2382
|
}
|
|
2361
2383
|
set anchors(anchors) {
|
|
2362
2384
|
this._anchors.next(anchors ?? []);
|
|
@@ -2366,10 +2388,10 @@ class DbxAnchorListComponent {
|
|
|
2366
2388
|
}
|
|
2367
2389
|
}
|
|
2368
2390
|
DbxAnchorListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxAnchorListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2369
|
-
DbxAnchorListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxAnchorListComponent, selector: "dbx-anchor-list", inputs: { anchors: "anchors" }, ngImport: i0, template: "<mat-nav-list class=\"dbx-anchor-list\">\n <ng-container *ngFor=\"let expanded of expandedAnchors$ | async; let last = last\">\n <dbx-anchor [anchor]=\"expanded.value\">\n <a mat-list-item [disabled]=\"expanded.value.disabled\"
|
|
2391
|
+
DbxAnchorListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxAnchorListComponent, selector: "dbx-anchor-list", inputs: { anchors: "anchors" }, ngImport: i0, template: "<mat-nav-list class=\"dbx-anchor-list\">\n <ng-container *ngFor=\"let expanded of expandedAnchors$ | async; let last = last\">\n <dbx-anchor [anchor]=\"expanded.value\" [ngClass]=\"expanded.classes\">\n <a mat-list-item [disabled]=\"expanded.value.disabled\">\n <mat-icon mat-list-icon *ngIf=\"expanded.value.icon\">{{ expanded.value.icon }}</mat-icon>\n <!-- TODO: Add an icon from a letter if anchor.icon is unavailable. -->\n <div mat-line>{{ expanded.value.title }}</div>\n <div class=\"dbx-hint dbx-small\" *ngIf=\"expanded.value.hint\" mat-line>{{ expanded.value.hint }}</div>\n <dbx-injection *ngIf=\"expanded.value.content\" mat-line [config]=\"expanded.value.content\"></dbx-injection>\n <mat-divider *ngIf=\"!last\"></mat-divider>\n </a>\n </dbx-anchor>\n </ng-container>\n</mat-nav-list>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$2.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i4$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i5.MatLine, selector: "[mat-line], [matLine]" }, { kind: "directive", type: i4$2.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
2370
2392
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxAnchorListComponent, decorators: [{
|
|
2371
2393
|
type: Component,
|
|
2372
|
-
args: [{ selector: 'dbx-anchor-list', template: "<mat-nav-list class=\"dbx-anchor-list\">\n <ng-container *ngFor=\"let expanded of expandedAnchors$ | async; let last = last\">\n <dbx-anchor [anchor]=\"expanded.value\">\n <a mat-list-item [disabled]=\"expanded.value.disabled\"
|
|
2394
|
+
args: [{ selector: 'dbx-anchor-list', template: "<mat-nav-list class=\"dbx-anchor-list\">\n <ng-container *ngFor=\"let expanded of expandedAnchors$ | async; let last = last\">\n <dbx-anchor [anchor]=\"expanded.value\" [ngClass]=\"expanded.classes\">\n <a mat-list-item [disabled]=\"expanded.value.disabled\">\n <mat-icon mat-list-icon *ngIf=\"expanded.value.icon\">{{ expanded.value.icon }}</mat-icon>\n <!-- TODO: Add an icon from a letter if anchor.icon is unavailable. -->\n <div mat-line>{{ expanded.value.title }}</div>\n <div class=\"dbx-hint dbx-small\" *ngIf=\"expanded.value.hint\" mat-line>{{ expanded.value.hint }}</div>\n <dbx-injection *ngIf=\"expanded.value.content\" mat-line [config]=\"expanded.value.content\"></dbx-injection>\n <mat-divider *ngIf=\"!last\"></mat-divider>\n </a>\n </dbx-anchor>\n </ng-container>\n</mat-nav-list>\n" }]
|
|
2373
2395
|
}], propDecorators: { anchors: [{
|
|
2374
2396
|
type: Input
|
|
2375
2397
|
}] } });
|
|
@@ -2581,7 +2603,7 @@ class DbxPresetFilterMenuComponent extends AbstractDbxPresetFilterMenuComponent
|
|
|
2581
2603
|
}
|
|
2582
2604
|
}
|
|
2583
2605
|
DbxPresetFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxPresetFilterMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2584
|
-
DbxPresetFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxPresetFilterMenuComponent, selector: "dbx-preset-filter-menu", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: "<button mat-button [matMenuTriggerFor]=\"menu\" class=\"dbx-preset-filter-menu-button\" aria-label=\"open filter\">\n <mat-icon class=\"dbx-icon-spacer\" *ngIf=\"buttonIcon$ | async\">{{ buttonIcon$ | async }}</mat-icon>\n <span>{{ buttonText$ | async }}</span>\n</button>\n<mat-menu #menu class=\"dbx-preset-filter-menu\">\n <dbx-anchor *ngFor=\"let anchor of presetAnchors$ | async\" [anchor]=\"anchor\">\n <button mat-menu-item [ngClass]=\"anchor.selected ? 'active' : ''\">\n <mat-icon *ngIf=\"anchor.icon\">{{ anchor.icon }}</mat-icon>\n {{ anchor.title }}\n </button>\n </dbx-anchor>\n</mat-menu>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "directive", type: i3$
|
|
2606
|
+
DbxPresetFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxPresetFilterMenuComponent, selector: "dbx-preset-filter-menu", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: "<button mat-button [matMenuTriggerFor]=\"menu\" class=\"dbx-preset-filter-menu-button\" aria-label=\"open filter\">\n <mat-icon class=\"dbx-icon-spacer\" *ngIf=\"buttonIcon$ | async\">{{ buttonIcon$ | async }}</mat-icon>\n <span>{{ buttonText$ | async }}</span>\n</button>\n<mat-menu #menu class=\"dbx-preset-filter-menu\">\n <dbx-anchor *ngFor=\"let anchor of presetAnchors$ | async\" [anchor]=\"anchor\">\n <button mat-menu-item [ngClass]=\"anchor.selected ? 'active' : ''\">\n <mat-icon *ngIf=\"anchor.icon\">{{ anchor.icon }}</mat-icon>\n {{ anchor.title }}\n </button>\n </dbx-anchor>\n</mat-menu>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "directive", type: i3$2.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
2585
2607
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxPresetFilterMenuComponent, decorators: [{
|
|
2586
2608
|
type: Component,
|
|
2587
2609
|
args: [{ selector: 'dbx-preset-filter-menu', template: "<button mat-button [matMenuTriggerFor]=\"menu\" class=\"dbx-preset-filter-menu-button\" aria-label=\"open filter\">\n <mat-icon class=\"dbx-icon-spacer\" *ngIf=\"buttonIcon$ | async\">{{ buttonIcon$ | async }}</mat-icon>\n <span>{{ buttonText$ | async }}</span>\n</button>\n<mat-menu #menu class=\"dbx-preset-filter-menu\">\n <dbx-anchor *ngFor=\"let anchor of presetAnchors$ | async\" [anchor]=\"anchor\">\n <button mat-menu-item [ngClass]=\"anchor.selected ? 'active' : ''\">\n <mat-icon *ngIf=\"anchor.icon\">{{ anchor.icon }}</mat-icon>\n {{ anchor.title }}\n </button>\n </dbx-anchor>\n</mat-menu>\n" }]
|
|
@@ -2951,7 +2973,7 @@ class DbxNavbarComponent extends AbstractTransitionDirective {
|
|
|
2951
2973
|
}
|
|
2952
2974
|
}
|
|
2953
2975
|
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 });
|
|
2954
|
-
DbxNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxNavbarComponent, selector: "dbx-navbar", inputs: { navAlign: "navAlign", icon: "icon", defaultIcon: "defaultIcon", defaultText: "defaultText", anchors: "anchors", buttonMode: "buttonMode", mode: "mode", breakpoint: "breakpoint" }, host: { classAttribute: "dbx-navbar" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchDefault>\n <ng-container [ngSwitch]=\"buttonMode$ | async\">\n <ng-container *ngSwitchCase=\"'menu'\">\n <dbx-icon-button class=\"nav-menu-button\" aria-label=\"open navigation\" [buttonDisplay]=\"buttonDisplay$ | async\" [matMenuTriggerFor]=\"menu\" [disabled]=\"hasNoAnchors$ | async\"></dbx-icon-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' : ''\">\n <mat-icon *ngIf=\"x.anchor.icon\">{{ x.anchor.icon }}</mat-icon>\n {{ x.anchor.title }}\n </button>\n </dbx-anchor>\n </mat-menu>\n </ng-container>\n <ng-container *ngSwitchCase=\"'rotate'\">\n <dbx-anchor [anchor]=\"(nextRotateAnchor$ | async)?.anchor\">\n <dbx-icon-button class=\"nav-menu-button\" aria-label=\"open navigation\" [buttonDisplay]=\"buttonDisplay$ | async\" [disabled]=\"hasNoAnchors$ | async\"></dbx-icon-button>\n </dbx-anchor>\n </ng-container>\n </ng-container>\n </ng-container>\n <!-- Bar -->\n <nav *ngSwitchCase=\"'bar'\" 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: DbxIconButtonComponent, selector: "dbx-icon-button" }, { kind: "component", type: i5$1.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["color"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "directive", type: i5$1.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matTabLink"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$
|
|
2976
|
+
DbxNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxNavbarComponent, selector: "dbx-navbar", inputs: { navAlign: "navAlign", icon: "icon", defaultIcon: "defaultIcon", defaultText: "defaultText", anchors: "anchors", buttonMode: "buttonMode", mode: "mode", breakpoint: "breakpoint" }, host: { classAttribute: "dbx-navbar" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n <!-- Button -->\n <ng-container *ngSwitchDefault>\n <ng-container [ngSwitch]=\"buttonMode$ | async\">\n <ng-container *ngSwitchCase=\"'menu'\">\n <dbx-icon-button class=\"nav-menu-button\" aria-label=\"open navigation\" [buttonDisplay]=\"buttonDisplay$ | async\" [matMenuTriggerFor]=\"menu\" [disabled]=\"hasNoAnchors$ | async\"></dbx-icon-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' : ''\">\n <mat-icon *ngIf=\"x.anchor.icon\">{{ x.anchor.icon }}</mat-icon>\n {{ x.anchor.title }}\n </button>\n </dbx-anchor>\n </mat-menu>\n </ng-container>\n <ng-container *ngSwitchCase=\"'rotate'\">\n <dbx-anchor [anchor]=\"(nextRotateAnchor$ | async)?.anchor\">\n <dbx-icon-button class=\"nav-menu-button\" aria-label=\"open navigation\" [buttonDisplay]=\"buttonDisplay$ | async\" [disabled]=\"hasNoAnchors$ | async\"></dbx-icon-button>\n </dbx-anchor>\n </ng-container>\n </ng-container>\n </ng-container>\n <!-- Bar -->\n <nav *ngSwitchCase=\"'bar'\" 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: DbxIconButtonComponent, selector: "dbx-icon-button" }, { kind: "component", type: i5$1.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["color"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "directive", type: i5$1.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matTabLink"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$3.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 });
|
|
2955
2977
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxNavbarComponent, decorators: [{
|
|
2956
2978
|
type: Component,
|
|
2957
2979
|
args: [{ selector: 'dbx-navbar', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
@@ -3806,7 +3828,7 @@ class DbxPartialPresetFilterMenuComponent extends AbstractDbxPartialPresetFilter
|
|
|
3806
3828
|
}
|
|
3807
3829
|
}
|
|
3808
3830
|
DbxPartialPresetFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxPartialPresetFilterMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3809
|
-
DbxPartialPresetFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxPartialPresetFilterMenuComponent, selector: "dbx-partial-preset-filter-menu", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: "<button mat-button [matMenuTriggerFor]=\"menu\" class=\"dbx-preset-filter-menu-button\" aria-label=\"open filter\">\n <mat-icon class=\"dbx-icon-spacer\" *ngIf=\"buttonIcon$ | async\">{{ buttonIcon$ | async }}</mat-icon>\n <span>{{ buttonText$ | async }}</span>\n</button>\n<mat-menu #menu class=\"dbx-preset-filter-menu\">\n <dbx-anchor *ngFor=\"let anchor of presetAnchors$ | async\" [anchor]=\"anchor\">\n <button mat-menu-item [ngClass]=\"anchor.selected ? 'active' : ''\">\n <mat-icon *ngIf=\"anchor.icon\">{{ anchor.icon }}</mat-icon>\n {{ anchor.title }}\n </button>\n </dbx-anchor>\n</mat-menu>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "directive", type: i3$
|
|
3831
|
+
DbxPartialPresetFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxPartialPresetFilterMenuComponent, selector: "dbx-partial-preset-filter-menu", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: "<button mat-button [matMenuTriggerFor]=\"menu\" class=\"dbx-preset-filter-menu-button\" aria-label=\"open filter\">\n <mat-icon class=\"dbx-icon-spacer\" *ngIf=\"buttonIcon$ | async\">{{ buttonIcon$ | async }}</mat-icon>\n <span>{{ buttonText$ | async }}</span>\n</button>\n<mat-menu #menu class=\"dbx-preset-filter-menu\">\n <dbx-anchor *ngFor=\"let anchor of presetAnchors$ | async\" [anchor]=\"anchor\">\n <button mat-menu-item [ngClass]=\"anchor.selected ? 'active' : ''\">\n <mat-icon *ngIf=\"anchor.icon\">{{ anchor.icon }}</mat-icon>\n {{ anchor.title }}\n </button>\n </dbx-anchor>\n</mat-menu>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "directive", type: i3$2.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
3810
3832
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxPartialPresetFilterMenuComponent, decorators: [{
|
|
3811
3833
|
type: Component,
|
|
3812
3834
|
args: [{ selector: 'dbx-partial-preset-filter-menu', template: "<button mat-button [matMenuTriggerFor]=\"menu\" class=\"dbx-preset-filter-menu-button\" aria-label=\"open filter\">\n <mat-icon class=\"dbx-icon-spacer\" *ngIf=\"buttonIcon$ | async\">{{ buttonIcon$ | async }}</mat-icon>\n <span>{{ buttonText$ | async }}</span>\n</button>\n<mat-menu #menu class=\"dbx-preset-filter-menu\">\n <dbx-anchor *ngFor=\"let anchor of presetAnchors$ | async\" [anchor]=\"anchor\">\n <button mat-menu-item [ngClass]=\"anchor.selected ? 'active' : ''\">\n <mat-icon *ngIf=\"anchor.icon\">{{ anchor.icon }}</mat-icon>\n {{ anchor.title }}\n </button>\n </dbx-anchor>\n</mat-menu>\n" }]
|
|
@@ -5540,7 +5562,7 @@ class DbxListComponent {
|
|
|
5540
5562
|
}
|
|
5541
5563
|
}
|
|
5542
5564
|
DbxListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5543
|
-
DbxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxListComponent, selector: "dbx-list", inputs: { padded: "padded", state$: "state$", config: "config", disabled: "disabled", selectionMode: "selectionMode" }, outputs: { contentScrolled: "contentScrolled" }, host: { properties: { "class.dbx-list-padded": "padded" }, classAttribute: "d-block dbx-list" }, ngImport: i0, template: "<dbx-loading [context]=\"context\" [linear]=\"true\"></dbx-loading>\n<div dbxListInternalContent infinite-scroll [infiniteScrollDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [infiniteScrollUpDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [hide]=\"hideContent$ | async\" [infiniteScrollThrottle]=\"(throttleScroll$ | async) ?? DEFAULT_THROTTLE_SCROLL\" [scrollWindow]=\"false\" (scrolled)=\"onScrollDown()\" (scrolledUp)=\"onScrollUp()\">\n <ng-content select=\"[top]\"></ng-content>\n <dbx-injection [config]=\"injectedComponentConfig$ | async\"></dbx-injection>\n <ng-content select=\"[bottom]\"></ng-content>\n</div>\n<ng-content *ngIf=\"isEmpty$ | async\" select=\"[empty]\"></ng-content>\n", dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return DbxLoadingComponent; }), selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "context", "loading", "error"] }, { kind: "directive", type: i0.forwardRef(function () { return i3$
|
|
5565
|
+
DbxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxListComponent, selector: "dbx-list", inputs: { padded: "padded", state$: "state$", config: "config", disabled: "disabled", selectionMode: "selectionMode" }, outputs: { contentScrolled: "contentScrolled" }, host: { properties: { "class.dbx-list-padded": "padded" }, classAttribute: "d-block dbx-list" }, ngImport: i0, template: "<dbx-loading [context]=\"context\" [linear]=\"true\"></dbx-loading>\n<div dbxListInternalContent infinite-scroll [infiniteScrollDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [infiniteScrollUpDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [hide]=\"hideContent$ | async\" [infiniteScrollThrottle]=\"(throttleScroll$ | async) ?? DEFAULT_THROTTLE_SCROLL\" [scrollWindow]=\"false\" (scrolled)=\"onScrollDown()\" (scrolledUp)=\"onScrollUp()\">\n <ng-content select=\"[top]\"></ng-content>\n <dbx-injection [config]=\"injectedComponentConfig$ | async\"></dbx-injection>\n <ng-content select=\"[bottom]\"></ng-content>\n</div>\n<ng-content *ngIf=\"isEmpty$ | async\" select=\"[empty]\"></ng-content>\n", dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return DbxLoadingComponent; }), selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "context", "loading", "error"] }, { kind: "directive", type: i0.forwardRef(function () { return i3$3.InfiniteScrollDirective; }), selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DbxInjectionComponent; }), selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "directive", type: i0.forwardRef(function () { return DbxListInternalContentDirective; }), selector: "[dbxListInternalContent]", inputs: ["hide"] }, { kind: "pipe", type: i0.forwardRef(function () { return i1.AsyncPipe; }), name: "async" }] });
|
|
5544
5566
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxListComponent, decorators: [{
|
|
5545
5567
|
type: Component,
|
|
5546
5568
|
args: [{ selector: 'dbx-list', host: {
|
|
@@ -6101,7 +6123,7 @@ DbxTextChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
6101
6123
|
{{ chip.text }}
|
|
6102
6124
|
</mat-chip>
|
|
6103
6125
|
</mat-chip-list>
|
|
6104
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.MatChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i2$3.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "directive", type: i3$
|
|
6126
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.MatChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i2$3.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "directive", type: i3$4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
|
|
6105
6127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxTextChipsComponent, decorators: [{
|
|
6106
6128
|
type: Component,
|
|
6107
6129
|
args: [{
|
|
@@ -6414,7 +6436,7 @@ DbxValueListItemViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
6414
6436
|
</a>
|
|
6415
6437
|
</dbx-anchor>
|
|
6416
6438
|
</mat-nav-list>
|
|
6417
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: i4$
|
|
6439
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: i4$2.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i4$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i4$2.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
6418
6440
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxValueListItemViewComponent, decorators: [{
|
|
6419
6441
|
type: Component,
|
|
6420
6442
|
args: [{
|
|
@@ -6499,7 +6521,7 @@ DbxSelectionValueListItemViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVe
|
|
|
6499
6521
|
</mat-selection-list>
|
|
6500
6522
|
</ng-container>
|
|
6501
6523
|
</ng-container>
|
|
6502
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "directive", type: i4$
|
|
6524
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "directive", type: i4$2.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { kind: "component", type: i4$2.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4$2.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DbxValueListItemViewComponent, selector: "dbx-list-view-content", inputs: ["emitAllClicks", "items"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
6503
6525
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxSelectionValueListItemViewComponent, decorators: [{
|
|
6504
6526
|
type: Component,
|
|
6505
6527
|
args: [{
|
|
@@ -6656,7 +6678,7 @@ DbxValueListGridItemViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
|
|
|
6656
6678
|
<div dbx-injection [config]="item.config"></div>
|
|
6657
6679
|
</dbx-anchor>
|
|
6658
6680
|
</div>
|
|
6659
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i4$
|
|
6681
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i4$4.DefaultGridColumnsDirective, selector: " [gdColumns], [gdColumns.xs], [gdColumns.sm], [gdColumns.md], [gdColumns.lg], [gdColumns.xl], [gdColumns.lt-sm], [gdColumns.lt-md], [gdColumns.lt-lg], [gdColumns.lt-xl], [gdColumns.gt-xs], [gdColumns.gt-sm], [gdColumns.gt-md], [gdColumns.gt-lg]", inputs: ["gdColumns", "gdColumns.xs", "gdColumns.sm", "gdColumns.md", "gdColumns.lg", "gdColumns.xl", "gdColumns.lt-sm", "gdColumns.lt-md", "gdColumns.lt-lg", "gdColumns.lt-xl", "gdColumns.gt-xs", "gdColumns.gt-sm", "gdColumns.gt-md", "gdColumns.gt-lg"] }, { kind: "directive", type: i4$4.DefaultGridGapDirective, selector: " [gdGap], [gdGap.xs], [gdGap.sm], [gdGap.md], [gdGap.lg], [gdGap.xl], [gdGap.lt-sm], [gdGap.lt-md], [gdGap.lt-lg], [gdGap.lt-xl], [gdGap.gt-xs], [gdGap.gt-sm], [gdGap.gt-md], [gdGap.gt-lg]", inputs: ["gdGap", "gdGap.xs", "gdGap.sm", "gdGap.md", "gdGap.lg", "gdGap.xl", "gdGap.lt-sm", "gdGap.lt-md", "gdGap.lt-lg", "gdGap.lt-xl", "gdGap.gt-xs", "gdGap.gt-sm", "gdGap.gt-md", "gdGap.gt-lg"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
6660
6682
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxValueListGridItemViewComponent, decorators: [{
|
|
6661
6683
|
type: Component,
|
|
6662
6684
|
args: [{
|