@dereekb/dbx-web 9.21.0 → 9.22.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.
Files changed (73) hide show
  1. package/calendar/package.json +2 -2
  2. package/esm2020/lib/action/snackbar/action.snackbar.component.mjs +1 -1
  3. package/esm2020/lib/action/transition/transition.safety.dialog.component.mjs +1 -1
  4. package/esm2020/lib/button/button.component.mjs +14 -2
  5. package/esm2020/lib/button/progress/base.progress.button.directive.mjs +3 -1
  6. package/esm2020/lib/button/progress/button.progress.config.mjs +1 -1
  7. package/esm2020/lib/button/progress/spinner.button.component.mjs +7 -4
  8. package/esm2020/lib/extension/model/model.tracker.view.storage.mjs +2 -3
  9. package/esm2020/lib/extension/model/model.types.service.mjs +2 -3
  10. package/esm2020/lib/extension/model/state/effects/tracker.effects.mjs +2 -2
  11. package/esm2020/lib/interaction/filter/filter.preset.menu.component.mjs +2 -3
  12. package/esm2020/lib/interaction/filter/filter.preset.mjs +2 -3
  13. package/esm2020/lib/interaction/filter/filter.wrapper.component.mjs +1 -1
  14. package/esm2020/lib/interaction/popup/popup.controls.buttons.component.mjs +1 -1
  15. package/esm2020/lib/layout/column/two/two.column.sref.showright.directive.mjs +2 -3
  16. package/esm2020/lib/layout/content/content.pit.directive.mjs +1 -1
  17. package/esm2020/mapbox/lib/mapbox.change.service.mjs +2 -3
  18. package/esm2020/table/lib/date/date.table.column.header.component.mjs +1 -1
  19. package/esm2020/table/lib/date/daterange.table.cell.input.component.mjs +1 -1
  20. package/esm2020/table/lib/table.cell.input.component.mjs +1 -1
  21. package/esm2020/table/lib/table.cell.summarystart.component.mjs +1 -1
  22. package/esm2020/table/lib/table.column.directive.mjs +1 -1
  23. package/esm2020/table/lib/table.component.mjs +2 -3
  24. package/esm2020/table/lib/table.directive.mjs +1 -1
  25. package/esm2020/table/lib/table.item.action.component.mjs +1 -1
  26. package/esm2020/table/lib/table.item.directive.mjs +1 -1
  27. package/esm2020/table/lib/table.item.header.component.mjs +1 -1
  28. package/esm2020/table/lib/table.mjs +1 -1
  29. package/esm2020/table/lib/table.store.mjs +1 -1
  30. package/fesm2015/dereekb-dbx-web-mapbox.mjs +1 -2
  31. package/fesm2015/dereekb-dbx-web-mapbox.mjs.map +1 -1
  32. package/fesm2015/dereekb-dbx-web-table.mjs +3 -4
  33. package/fesm2015/dereekb-dbx-web-table.mjs.map +1 -1
  34. package/fesm2015/dereekb-dbx-web.mjs +41 -25
  35. package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
  36. package/fesm2020/dereekb-dbx-web-mapbox.mjs +1 -2
  37. package/fesm2020/dereekb-dbx-web-mapbox.mjs.map +1 -1
  38. package/fesm2020/dereekb-dbx-web-table.mjs +3 -4
  39. package/fesm2020/dereekb-dbx-web-table.mjs.map +1 -1
  40. package/fesm2020/dereekb-dbx-web.mjs +41 -25
  41. package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
  42. package/lib/button/_button.scss +4 -0
  43. package/lib/button/button.component.d.ts +5 -2
  44. package/lib/button/progress/button.progress.config.d.ts +7 -0
  45. package/lib/button/progress/spinner.button.component.d.ts +1 -0
  46. package/mapbox/esm2020/lib/mapbox.change.service.mjs +2 -3
  47. package/mapbox/fesm2015/dereekb-dbx-web-mapbox.mjs +1 -2
  48. package/mapbox/fesm2015/dereekb-dbx-web-mapbox.mjs.map +1 -1
  49. package/mapbox/fesm2020/dereekb-dbx-web-mapbox.mjs +1 -2
  50. package/mapbox/fesm2020/dereekb-dbx-web-mapbox.mjs.map +1 -1
  51. package/mapbox/package.json +3 -3
  52. package/package.json +3 -3
  53. package/table/esm2020/lib/date/date.table.column.header.component.mjs +1 -1
  54. package/table/esm2020/lib/date/daterange.table.cell.input.component.mjs +1 -1
  55. package/table/esm2020/lib/table.cell.input.component.mjs +1 -1
  56. package/table/esm2020/lib/table.cell.summarystart.component.mjs +1 -1
  57. package/table/esm2020/lib/table.column.directive.mjs +1 -1
  58. package/table/esm2020/lib/table.component.mjs +2 -3
  59. package/table/esm2020/lib/table.directive.mjs +1 -1
  60. package/table/esm2020/lib/table.item.action.component.mjs +1 -1
  61. package/table/esm2020/lib/table.item.directive.mjs +1 -1
  62. package/table/esm2020/lib/table.item.header.component.mjs +1 -1
  63. package/table/esm2020/lib/table.mjs +1 -1
  64. package/table/esm2020/lib/table.store.mjs +1 -1
  65. package/table/fesm2015/dereekb-dbx-web-table.mjs +3 -4
  66. package/table/fesm2015/dereekb-dbx-web-table.mjs.map +1 -1
  67. package/table/fesm2020/dereekb-dbx-web-table.mjs +3 -4
  68. package/table/fesm2020/dereekb-dbx-web-table.mjs.map +1 -1
  69. package/table/lib/table.cell.input.component.d.ts +1 -1
  70. package/table/lib/table.cell.summarystart.component.d.ts +1 -1
  71. package/table/lib/table.item.action.component.d.ts +1 -2
  72. package/table/lib/table.item.header.component.d.ts +1 -2
  73. package/table/package.json +3 -3
@@ -34,7 +34,6 @@ import * as i1$6 from '@angular/cdk/overlay';
34
34
  import { GlobalPositionStrategy } from '@angular/cdk/overlay';
35
35
  import * as i3$2 from '@angular/flex-layout/flex';
36
36
  import { FlexLayoutModule } from '@angular/flex-layout';
37
- import { shareReplay as shareReplay$1, mergeMap as mergeMap$1, map as map$1, catchError as catchError$1, distinctUntilChanged as distinctUntilChanged$1, tap as tap$1, filter as filter$1 } from 'rxjs/operators';
38
37
  import * as i4$1 from '@angular/material/list';
39
38
  import { MatListModule } from '@angular/material/list';
40
39
  import * as i4$3 from '@angular/material/tabs';
@@ -98,6 +97,7 @@ class AbstractProgressButtonDirective extends AbstractSubscriptionDirective {
98
97
  let completeOptions;
99
98
  if (options || globalConfig) {
100
99
  completeOptions = Object.assign(Object.assign(Object.assign({}, globalConfig), options), { working: (options === null || options === void 0 ? void 0 : options.working) || working, disabled: (options === null || options === void 0 ? void 0 : options.disabled) || disabled });
100
+ completeOptions.buttonIcon = completeOptions.buttonIcon || completeOptions.icon;
101
101
  }
102
102
  return completeOptions;
103
103
  }), filterMaybe(), distinctUntilChanged(), shareReplay(1));
@@ -120,6 +120,7 @@ class AbstractProgressButtonDirective extends AbstractSubscriptionDirective {
120
120
  this.options$.pipe(first()).subscribe((options) => {
121
121
  if (!options.disabled && !options.working) {
122
122
  this.btnClick.emit(event);
123
+ event.stopImmediatePropagation();
123
124
  }
124
125
  });
125
126
  }
@@ -170,6 +171,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
170
171
  }] } });
171
172
 
172
173
  class DbxSpinnerButtonComponent extends AbstractProgressButtonDirective {
174
+ get showText() {
175
+ return !(this.options.fab || this.options.iconOnly);
176
+ }
173
177
  calcSpinnerSize() {
174
178
  var _a, _b;
175
179
  const options = this.options;
@@ -177,7 +181,7 @@ class DbxSpinnerButtonComponent extends AbstractProgressButtonDirective {
177
181
  const height = elem.clientHeight;
178
182
  let size;
179
183
  if (options) {
180
- if (options.fab) {
184
+ if (options.fab || options.iconOnly) {
181
185
  size = height;
182
186
  }
183
187
  else {
@@ -194,10 +198,10 @@ class DbxSpinnerButtonComponent extends AbstractProgressButtonDirective {
194
198
  }
195
199
  }
196
200
  DbxSpinnerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxSpinnerButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
197
- DbxSpinnerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxSpinnerButtonComponent, selector: "dbx-spinner-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [class.working]=\"options.working\" [class.fullWidth]=\"options.fullWidth\" [class.mat-raised-button]=\"options.raised\" [class.mat-stroked-button]=\"options.stroked\" [class.mat-flat-button]=\"options.flat\" [class.mat-fab]=\"options.fab\" [ngClass]=\"options.customClass!\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n <ng-container *ngIf=\"options.buttonIcon\">\n <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.buttonIcon.inline!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <span class=\"button-text\" *ngIf=\"!options.fab\" [class.working]=\"options.working && !options.disabled\">\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <ng-container *ngIf=\"options.fab && options.icon\">\n <mat-icon class=\"mat-fab-icon\" [fontSet]=\"options.icon.fontSet!\" [fontIcon]=\"options.icon.fontIcon!\" [color]=\"options.icon.color!\" [svgIcon]=\"options.icon.svgIcon!\" [inline]=\"options.icon.inline!\">\n {{ options.icon.fontSet ? '' : options.icon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;justify-content:center}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{opacity:0}:host button mat-icon.mat-button-icon{padding-right:5px;transition:opacity .3s ease-in-out}:host button mat-icon.mat-button-icon.is-mat-icon{font-size:18px;position:relative;top:3px}:host button mat-icon.mat-button-icon.working{opacity:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
201
+ DbxSpinnerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxSpinnerButtonComponent, selector: "dbx-spinner-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [class.working]=\"options.working\" [class.fullWidth]=\"options.fullWidth\" [class.mat-raised-button]=\"options.raised\" [class.mat-stroked-button]=\"options.stroked\" [class.mat-flat-button]=\"options.flat\" [class.mat-icon-button]=\"options.iconOnly\" [class.mat-fab]=\"options.fab\" [ngClass]=\"options.customClass!\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n <ng-container *ngIf=\"showText\">\n <ng-container *ngIf=\"options.buttonIcon\">\n <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <span class=\"button-text\" [class.working]=\"options.working && !options.disabled\">\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!showText && options.buttonIcon\">\n <mat-icon class=\"mat-fab-icon\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.fab && options.buttonIcon.inline!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;justify-content:center}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{opacity:0}:host button mat-icon.mat-button-icon{padding-right:5px;transition:opacity .3s ease-in-out}:host button mat-icon.mat-button-icon.is-mat-icon{font-size:18px;position:relative;top:3px}:host button mat-icon.mat-button-icon.working{opacity:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
198
202
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxSpinnerButtonComponent, decorators: [{
199
203
  type: Component,
200
- args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [class.working]=\"options.working\" [class.fullWidth]=\"options.fullWidth\" [class.mat-raised-button]=\"options.raised\" [class.mat-stroked-button]=\"options.stroked\" [class.mat-flat-button]=\"options.flat\" [class.mat-fab]=\"options.fab\" [ngClass]=\"options.customClass!\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n <ng-container *ngIf=\"options.buttonIcon\">\n <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.buttonIcon.inline!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <span class=\"button-text\" *ngIf=\"!options.fab\" [class.working]=\"options.working && !options.disabled\">\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <ng-container *ngIf=\"options.fab && options.icon\">\n <mat-icon class=\"mat-fab-icon\" [fontSet]=\"options.icon.fontSet!\" [fontIcon]=\"options.icon.fontIcon!\" [color]=\"options.icon.color!\" [svgIcon]=\"options.icon.svgIcon!\" [inline]=\"options.icon.inline!\">\n {{ options.icon.fontSet ? '' : options.icon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;justify-content:center}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{opacity:0}:host button mat-icon.mat-button-icon{padding-right:5px;transition:opacity .3s ease-in-out}:host button mat-icon.mat-button-icon.is-mat-icon{font-size:18px;position:relative;top:3px}:host button mat-icon.mat-button-icon.working{opacity:0}\n"] }]
204
+ args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [class.working]=\"options.working\" [class.fullWidth]=\"options.fullWidth\" [class.mat-raised-button]=\"options.raised\" [class.mat-stroked-button]=\"options.stroked\" [class.mat-flat-button]=\"options.flat\" [class.mat-icon-button]=\"options.iconOnly\" [class.mat-fab]=\"options.fab\" [ngClass]=\"options.customClass!\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n <ng-container *ngIf=\"showText\">\n <ng-container *ngIf=\"options.buttonIcon\">\n <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <span class=\"button-text\" [class.working]=\"options.working && !options.disabled\">\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!showText && options.buttonIcon\">\n <mat-icon class=\"mat-fab-icon\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.fab && options.buttonIcon.inline!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;justify-content:center}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{opacity:0}:host button mat-icon.mat-button-icon{padding-right:5px;transition:opacity .3s ease-in-out}:host button mat-icon.mat-button-icon.is-mat-icon{font-size:18px;position:relative;top:3px}:host button mat-icon.mat-button-icon.working{opacity:0}\n"] }]
201
205
  }], propDecorators: { buttonRef: [{
202
206
  type: ViewChild,
203
207
  args: ['button', { static: true, read: ElementRef }]
@@ -208,6 +212,7 @@ var DbxButtonDisplayType;
208
212
  DbxButtonDisplayType[DbxButtonDisplayType["RAISED"] = 0] = "RAISED";
209
213
  DbxButtonDisplayType[DbxButtonDisplayType["STROKED"] = 1] = "STROKED";
210
214
  DbxButtonDisplayType[DbxButtonDisplayType["FLAT"] = 2] = "FLAT";
215
+ DbxButtonDisplayType[DbxButtonDisplayType["ICON_ONLY"] = 3] = "ICON_ONLY";
211
216
  })(DbxButtonDisplayType || (DbxButtonDisplayType = {}));
212
217
  /**
213
218
  * Complex button that supports loading states.
@@ -241,6 +246,14 @@ class DbxButtonComponent extends AbstractDbxButtonDirective {
241
246
  this.type = DbxButtonDisplayType.FLAT;
242
247
  }
243
248
  }
249
+ get iconOnly() {
250
+ return this.type === DbxButtonDisplayType.ICON_ONLY;
251
+ }
252
+ set iconOnly(iconOnly) {
253
+ if (iconOnly) {
254
+ this.type = DbxButtonDisplayType.ICON_ONLY;
255
+ }
256
+ }
244
257
  get btnOptions() {
245
258
  var _a, _b;
246
259
  const buttonIcon = this.icon
@@ -270,6 +283,7 @@ class DbxButtonComponent extends AbstractDbxButtonDirective {
270
283
  raised: this.raised,
271
284
  stroked: this.stroked,
272
285
  flat: this.flat,
286
+ iconOnly: this.iconOnly,
273
287
  mode: 'indeterminate',
274
288
  spinnerColor: this.color === 'primary' ? 'accent' : 'primary',
275
289
  customSpinnerColor,
@@ -278,7 +292,7 @@ class DbxButtonComponent extends AbstractDbxButtonDirective {
278
292
  }
279
293
  }
280
294
  DbxButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
281
- DbxButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxButtonComponent, selector: "dbx-button", inputs: { type: "type", raised: "raised", stroked: "stroked", flat: "flat", color: "color", customButtonColor: "customButtonColor", customTextColor: "customTextColor", customSpinnerColor: "customSpinnerColor" }, providers: provideDbxButton(DbxButtonComponent), usesInheritance: true, ngImport: i0, template: `
295
+ DbxButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxButtonComponent, selector: "dbx-button", inputs: { type: "type", raised: "raised", stroked: "stroked", flat: "flat", iconOnly: "iconOnly", color: "color", customButtonColor: "customButtonColor", customTextColor: "customTextColor", customSpinnerColor: "customSpinnerColor" }, providers: provideDbxButton(DbxButtonComponent), usesInheritance: true, ngImport: i0, template: `
282
296
  <dbx-spinner-button class="page-button" (btnClick)="clickButton()" [options]="btnOptions">
283
297
  <ng-content></ng-content>
284
298
  </dbx-spinner-button>
@@ -302,6 +316,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
302
316
  type: Input
303
317
  }], flat: [{
304
318
  type: Input
319
+ }], iconOnly: [{
320
+ type: Input
305
321
  }], color: [{
306
322
  type: Input
307
323
  }], customButtonColor: [{
@@ -406,7 +422,7 @@ class DbxActionSnackbarComponent extends AbstractSubscriptionDirective {
406
422
  }
407
423
  }
408
424
  DbxActionSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxActionSnackbarComponent, deps: [{ token: i1$1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
409
- DbxActionSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxActionSnackbarComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-action-snackbar\" [ngClass]=\"(snackbarStatusClass$ | async)!\">\n <ng-container [ngSwitch]=\"complete$ | async\">\n <ng-container *ngSwitchCase=\"true\">\n <dbx-spacer></dbx-spacer>\n <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"done\" text=\"Success\"></dbx-button>\n </ng-container>\n <ng-container *ngSwitchCase=\"false\">\n <span>{{ message }}</span>\n <dbx-spacer></dbx-spacer>\n <ng-container *ngIf=\"hasAction\">\n <dbx-action [dbxActionValueStream]=\"value$\" [dbxActionSource]=\"sourceInstance$ | async\" [dbxActionSuccessHandler]=\"dismissAfterActionCompletes\">\n <dbx-button dbxActionButton color=\"warn\" [text]=\"button\"></dbx-button>\n </dbx-action>\n <dbx-button-spacer></dbx-button-spacer>\n </ng-container>\n <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"close\"></dbx-button>\n </ng-container>\n </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: DbxSpacerDirective, selector: "dbx-spacer, [dbxSpacer]" }, { kind: "directive", type: i1$2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i1$2.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { kind: "directive", type: i1$2.dbxActionValueStreamDirective, selector: "[dbxActionValueStream]", inputs: ["dbxActionValueStream", "dbxActionValueStreamIsNotEmpty", "dbxActionValueStreamModified"] }, { kind: "directive", type: i1$2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
425
+ DbxActionSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxActionSnackbarComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-action-snackbar\" [ngClass]=\"(snackbarStatusClass$ | async)!\">\n <ng-container [ngSwitch]=\"complete$ | async\">\n <ng-container *ngSwitchCase=\"true\">\n <dbx-spacer></dbx-spacer>\n <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"done\" text=\"Success\"></dbx-button>\n </ng-container>\n <ng-container *ngSwitchCase=\"false\">\n <span>{{ message }}</span>\n <dbx-spacer></dbx-spacer>\n <ng-container *ngIf=\"hasAction\">\n <dbx-action [dbxActionValueStream]=\"value$\" [dbxActionSource]=\"sourceInstance$ | async\" [dbxActionSuccessHandler]=\"dismissAfterActionCompletes\">\n <dbx-button dbxActionButton color=\"warn\" [text]=\"button\"></dbx-button>\n </dbx-action>\n <dbx-button-spacer></dbx-button-spacer>\n </ng-container>\n <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"close\"></dbx-button>\n </ng-container>\n </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: DbxSpacerDirective, selector: "dbx-spacer, [dbxSpacer]" }, { kind: "directive", type: i1$2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i1$2.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { kind: "directive", type: i1$2.dbxActionValueStreamDirective, selector: "[dbxActionValueStream]", inputs: ["dbxActionValueStream", "dbxActionValueStreamIsNotEmpty", "dbxActionValueStreamModified"] }, { kind: "directive", type: i1$2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { 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: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
410
426
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxActionSnackbarComponent, decorators: [{
411
427
  type: Component,
412
428
  args: [{ template: "<div class=\"dbx-action-snackbar\" [ngClass]=\"(snackbarStatusClass$ | async)!\">\n <ng-container [ngSwitch]=\"complete$ | async\">\n <ng-container *ngSwitchCase=\"true\">\n <dbx-spacer></dbx-spacer>\n <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"done\" text=\"Success\"></dbx-button>\n </ng-container>\n <ng-container *ngSwitchCase=\"false\">\n <span>{{ message }}</span>\n <dbx-spacer></dbx-spacer>\n <ng-container *ngIf=\"hasAction\">\n <dbx-action [dbxActionValueStream]=\"value$\" [dbxActionSource]=\"sourceInstance$ | async\" [dbxActionSuccessHandler]=\"dismissAfterActionCompletes\">\n <dbx-button dbxActionButton color=\"warn\" [text]=\"button\"></dbx-button>\n </dbx-action>\n <dbx-button-spacer></dbx-button-spacer>\n </ng-container>\n <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"close\"></dbx-button>\n </ng-container>\n </ng-container>\n</div>\n" }]
@@ -2035,7 +2051,7 @@ class DbxFilterWrapperComponent extends AbstractDbxActionHandlerDirective {
2035
2051
  }
2036
2052
  }
2037
2053
  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 });
2038
- 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", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i3$2.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"] }] });
2054
+ 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: i3$2.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"] }] });
2039
2055
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFilterWrapperComponent, decorators: [{
2040
2056
  type: Component,
2041
2057
  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" }]
@@ -2060,10 +2076,10 @@ class AbstractDbxPresetFilterMenuComponent {
2060
2076
  return presets.map((x) => (Object.assign(Object.assign({}, x), { selected: x.preset === selectedPresetString, onClick: () => {
2061
2077
  this.selectPreset(x);
2062
2078
  } })));
2063
- }), shareReplay$1(1));
2079
+ }), shareReplay(1));
2064
2080
  this.selectedPreset$ = combineLatest([this._presets, this.selectedPresetString$]).pipe(map(([presets, selectedPresetString]) => {
2065
2081
  return selectedPresetString != null ? presets.find((x) => x.preset === selectedPresetString) : undefined;
2066
- }), shareReplay$1(1));
2082
+ }), shareReplay(1));
2067
2083
  }
2068
2084
  get presets() {
2069
2085
  return this._presets.value;
@@ -2344,7 +2360,7 @@ class DbxPresetFilterMenuComponent extends AbstractDbxPresetFilterMenuComponent
2344
2360
  var _a, _b;
2345
2361
  const buttonText = (_b = (_a = preset === null || preset === void 0 ? void 0 : preset.title) !== null && _a !== void 0 ? _a : config.unknownSelectionText) !== null && _b !== void 0 ? _b : 'Filter';
2346
2362
  return buttonText;
2347
- }), distinctUntilChanged(), shareReplay$1(1));
2363
+ }), distinctUntilChanged(), shareReplay(1));
2348
2364
  this.buttonIcon$ = this._config.pipe(switchMap((config) => {
2349
2365
  const filterIcon = config.filterIcon === false ? '' : config.filterIcon || 'arrow_drop_down';
2350
2366
  return this.selectedPreset$.pipe(map((preset) => {
@@ -2363,7 +2379,7 @@ class DbxPresetFilterMenuComponent extends AbstractDbxPresetFilterMenuComponent
2363
2379
  }
2364
2380
  return icon;
2365
2381
  }));
2366
- }), distinctUntilChanged(), shareReplay$1(1));
2382
+ }), distinctUntilChanged(), shareReplay(1));
2367
2383
  }
2368
2384
  get config() {
2369
2385
  return this._config.value;
@@ -4100,7 +4116,7 @@ class DbxTwoColumnSrefShowRightDirective extends AbstractSubscriptionDirective {
4100
4116
  this._dbxRouterService = _dbxRouterService;
4101
4117
  this.showRight$ = this._twoColumnsContextStore.backRef$.pipe(
4102
4118
  // Only show right when the backRef is not exactly active
4103
- isSegueRefActive({ dbxRouterService: this._dbxRouterService, activeExactly: true }), isNot(), distinctUntilChanged(), shareReplay$1(1));
4119
+ isSegueRefActive({ dbxRouterService: this._dbxRouterService, activeExactly: true }), isNot(), distinctUntilChanged(), shareReplay(1));
4104
4120
  }
4105
4121
  ngOnInit() {
4106
4122
  this.sub = this._twoColumnsContextStore.setShowRight(this.showRight$);
@@ -7182,7 +7198,7 @@ DbxPopupControlButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
7182
7198
  </ng-container>
7183
7199
  <dbx-button-spacer></dbx-button-spacer>
7184
7200
  <dbx-button [flat]="true" icon="close" color="warn" (buttonClick)="closeClicked()"></dbx-button>
7185
- `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
7201
+ `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
7186
7202
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxPopupControlButtonsComponent, decorators: [{
7187
7203
  type: Component,
7188
7204
  args: [{
@@ -7729,7 +7745,7 @@ DbxActionUIRouterTransitionSafetyDialogComponent.ɵcmp = i0.ɵɵngDeclareCompone
7729
7745
  <dbx-button-spacer></dbx-button-spacer>
7730
7746
  </ng-container>
7731
7747
  </dbx-prompt-confirm>
7732
- `, isInline: true, dependencies: [{ kind: "component", type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { kind: "directive", type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { kind: "directive", type: DbxActionErrorDirective, selector: "[dbxActionError]" }] });
7748
+ `, isInline: true, dependencies: [{ kind: "component", type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { 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: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { kind: "directive", type: DbxActionErrorDirective, selector: "[dbxActionError]" }] });
7733
7749
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxActionUIRouterTransitionSafetyDialogComponent, decorators: [{
7734
7750
  type: Component,
7735
7751
  args: [{
@@ -7955,7 +7971,7 @@ class DbxModelViewTrackerStorage {
7955
7971
  }
7956
7972
  addTrackerEvent(event) {
7957
7973
  const storageKey = this.getStorageKeyForFolder(event.folder);
7958
- return this._getEventSetForStorageKey(storageKey).pipe(mergeMap$1((set) => {
7974
+ return this._getEventSetForStorageKey(storageKey).pipe(mergeMap((set) => {
7959
7975
  var _a, _b;
7960
7976
  const nextEvent = {
7961
7977
  d: (_a = event.d) !== null && _a !== void 0 ? _a : unixTimeNumberForNow(),
@@ -7972,16 +7988,16 @@ class DbxModelViewTrackerStorage {
7972
7988
  }));
7973
7989
  }
7974
7990
  getAllEvents(folder) {
7975
- return this.getEventSet(folder).pipe(map$1((x) => x.e));
7991
+ return this.getEventSet(folder).pipe(map((x) => x.e));
7976
7992
  }
7977
7993
  getEventSet(folder) {
7978
7994
  const storageKey = this.getStorageKeyForFolder(folder);
7979
7995
  return this._getEventSetForStorageKey(storageKey);
7980
7996
  }
7981
7997
  _getEventSetForStorageKey(storageKey) {
7982
- return this.storageAccessor.get(storageKey).pipe(catchError$1((e) => {
7998
+ return this.storageAccessor.get(storageKey).pipe(catchError((e) => {
7983
7999
  return of(undefined);
7984
- }), map$1((result) => result !== null && result !== void 0 ? result : { e: [], l: 0 }));
8000
+ }), map((result) => result !== null && result !== void 0 ? result : { e: [], l: 0 }));
7985
8001
  }
7986
8002
  getStorageKeyForFolder(folder) {
7987
8003
  const storageKey = `${this.storageKey}_${folder !== null && folder !== void 0 ? folder : 'default'}`;
@@ -8053,10 +8069,10 @@ class DbxModelTrackerEffects {
8053
8069
  constructor(actions$, dbxModelTrackerService) {
8054
8070
  this.actions$ = actions$;
8055
8071
  this.dbxModelTrackerService = dbxModelTrackerService;
8056
- this.trackModelViewed$ = createEffect(() => this.actions$.pipe(ofType(emitObjectViewEvent), distinctUntilChanged$1((a, b) => (a === null || a === void 0 ? void 0 : a.modelKeyTypeNamePair.key) === (b === null || b === void 0 ? void 0 : b.modelKeyTypeNamePair.key) && (a === null || a === void 0 ? void 0 : a.type) === (b === null || b === void 0 ? void 0 : b.type) && (a === null || a === void 0 ? void 0 : a.context) === (b === null || b === void 0 ? void 0 : b.context)), tap$1((x) => {
8072
+ this.trackModelViewed$ = createEffect(() => this.actions$.pipe(ofType(emitObjectViewEvent), distinctUntilChanged((a, b) => (a === null || a === void 0 ? void 0 : a.modelKeyTypeNamePair.key) === (b === null || b === void 0 ? void 0 : b.modelKeyTypeNamePair.key) && (a === null || a === void 0 ? void 0 : a.type) === (b === null || b === void 0 ? void 0 : b.type) && (a === null || a === void 0 ? void 0 : a.context) === (b === null || b === void 0 ? void 0 : b.context)), tap((x) => {
8057
8073
  this.dbxModelTrackerService.trackViewedObject(x.modelKeyTypeNamePair, x.context);
8058
8074
  })), { dispatch: false });
8059
- this.changeTrackerFolderToMatchAuth$ = createEffect(() => this.actions$.pipe(ofType(onDbxAppAuth.DbxAppAuthUserActions.setUserIdentifier), map$1((x) => x.id), filter$1((x) => Boolean(x)), distinctUntilChanged$1(), tap$1((accountId) => {
8075
+ this.changeTrackerFolderToMatchAuth$ = createEffect(() => this.actions$.pipe(ofType(onDbxAppAuth.DbxAppAuthUserActions.setUserIdentifier), map((x) => x.id), filter((x) => Boolean(x)), distinctUntilChanged(), tap((accountId) => {
8060
8076
  this.dbxModelTrackerService.defaultFolder = accountId;
8061
8077
  })), { dispatch: false });
8062
8078
  }
@@ -8154,7 +8170,7 @@ class DbxModelTypesService {
8154
8170
  this.injector = injector;
8155
8171
  this._configs = new BehaviorSubject({});
8156
8172
  // MARK: Accessors
8157
- this.typesMap$ = this._configs.pipe(map$1((types) => {
8173
+ this.typesMap$ = this._configs.pipe(map((types) => {
8158
8174
  const typesMap = {};
8159
8175
  Object.keys(types).forEach((type) => {
8160
8176
  var _a;
@@ -8167,14 +8183,14 @@ class DbxModelTypesService {
8167
8183
  analyticsName, icon: (_a = config.icon) !== null && _a !== void 0 ? _a : DbxModelTypesService.DEFAULT_ICON, canSegueToView: Boolean(sref) });
8168
8184
  });
8169
8185
  return typesMap;
8170
- }), shareReplay$1(1));
8171
- this.iconMap$ = this.typesMap$.pipe(map$1((types) => {
8186
+ }), shareReplay(1));
8187
+ this.iconMap$ = this.typesMap$.pipe(map((types) => {
8172
8188
  const iconsMap = {};
8173
8189
  Object.keys(types).forEach((type) => {
8174
8190
  iconsMap[type] = types[type].icon;
8175
8191
  });
8176
8192
  return iconsMap;
8177
- }), shareReplay$1(1));
8193
+ }), shareReplay(1));
8178
8194
  }
8179
8195
  // MARK: Configuration
8180
8196
  addTypeConfigs(configs) {
@@ -8189,7 +8205,7 @@ class DbxModelTypesService {
8189
8205
  this._configs.next(newConfig);
8190
8206
  }
8191
8207
  iconForType(type) {
8192
- return this.iconMap$.pipe(map$1((x) => x[type]));
8208
+ return this.iconMap$.pipe(map((x) => x[type]));
8193
8209
  }
8194
8210
  }
8195
8211
  DbxModelTypesService.DEFAULT_ICON = 'help_outline';