@dereekb/dbx-web 10.0.24 → 10.1.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/_index.scss +1 -0
- package/calendar/package.json +1 -1
- package/esm2022/lib/action/snackbar/action.snackbar.component.mjs +1 -1
- package/esm2022/lib/action/transition/transition.safety.dialog.component.mjs +1 -1
- package/esm2022/lib/button/button.component.mjs +36 -19
- package/esm2022/lib/button/progress/bar.button.component.mjs +3 -3
- package/esm2022/lib/button/progress/button.progress.config.mjs +1 -1
- package/esm2022/lib/button/progress/spinner.button.component.mjs +3 -3
- package/esm2022/lib/extension/download/text/download.text.component.mjs +1 -1
- package/esm2022/lib/interaction/filter/filter.wrapper.component.mjs +1 -1
- package/esm2022/lib/interaction/popup/popup.controls.buttons.component.mjs +1 -1
- package/esm2022/lib/layout/list/index.mjs +4 -1
- package/esm2022/lib/layout/list/list.grid.view.component.mjs +13 -11
- package/esm2022/lib/layout/list/list.layout.module.mjs +41 -45
- package/esm2022/lib/layout/list/list.view.value.component.mjs +126 -22
- package/esm2022/lib/layout/list/list.view.value.group.mjs +32 -0
- package/esm2022/lib/layout/list/list.view.value.group.title.directive.mjs +132 -0
- package/esm2022/lib/layout/list/list.view.value.group.title.mjs +2 -0
- package/esm2022/lib/layout/list/list.view.value.selection.component.mjs +20 -13
- package/esm2022/lib/layout/style/style.mjs +8 -5
- package/esm2022/lib/layout/text/form.description.component.mjs +8 -10
- package/esm2022/lib/layout/text/hint.component.mjs +8 -10
- package/esm2022/lib/layout/text/label.block.component.mjs +1 -1
- package/esm2022/lib/layout/text/label.component.mjs +8 -10
- package/esm2022/lib/layout/text/note.component.mjs +8 -10
- package/esm2022/lib/layout/text/notice.component.mjs +8 -10
- package/esm2022/lib/layout/text/ok.component.mjs +8 -10
- package/esm2022/lib/layout/text/success.component.mjs +8 -10
- package/esm2022/lib/layout/text/warn.component.mjs +8 -10
- package/esm2022/lib/loading/basic-loading.component.mjs +1 -1
- package/esm2022/lib/loading/loading-progress.component.mjs +1 -1
- package/esm2022/lib/loading/loading.component.mjs +1 -1
- package/fesm2022/dereekb-dbx-web.mjs +463 -199
- package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
- package/lib/button/_button.scss +23 -9
- package/lib/button/button.component.d.ts +15 -7
- package/lib/button/progress/button.progress.config.d.ts +5 -4
- package/lib/layout/list/_list.scss +40 -0
- package/lib/layout/list/index.d.ts +3 -0
- package/lib/layout/list/list.grid.view.component.d.ts +4 -4
- package/lib/layout/list/list.layout.module.d.ts +15 -14
- package/lib/layout/list/list.view.value.component.d.ts +39 -8
- package/lib/layout/list/list.view.value.group.d.ts +44 -0
- package/lib/layout/list/list.view.value.group.title.d.ts +49 -0
- package/lib/layout/list/list.view.value.group.title.directive.d.ts +31 -0
- package/lib/layout/list/list.view.value.selection.component.d.ts +6 -5
- package/lib/layout/style/_style.scss +30 -61
- package/lib/layout/style/style.d.ts +8 -1
- package/lib/layout/text/form.description.component.d.ts +4 -1
- package/lib/layout/text/hint.component.d.ts +4 -1
- package/lib/layout/text/label.component.d.ts +4 -1
- package/lib/layout/text/note.component.d.ts +4 -1
- package/lib/layout/text/notice.component.d.ts +4 -1
- package/lib/layout/text/ok.component.d.ts +4 -1
- package/lib/layout/text/success.component.d.ts +4 -1
- package/lib/layout/text/warn.component.d.ts +4 -1
- package/lib/loading/_loading.scss +9 -0
- package/lib/loading/basic-loading.component.d.ts +2 -1
- package/lib/loading/loading-progress.component.d.ts +2 -1
- package/lib/loading/loading.component.d.ts +2 -1
- package/lib/style/_config.scss +23 -1
- package/lib/style/_root-variables.scss +67 -0
- package/lib/style/_variables.scss +89 -0
- package/mapbox/package.json +1 -1
- package/package.json +1 -1
- package/table/package.json +1 -1
package/_index.scss
CHANGED
package/calendar/package.json
CHANGED
|
@@ -84,7 +84,7 @@ export class DbxActionSnackbarComponent extends AbstractSubscriptionDirective {
|
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxActionSnackbarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.DbxSpacerDirective, selector: "dbx-spacer, [dbxSpacer]" }, { kind: "directive", type: i4.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i4.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { kind: "directive", type: i4.dbxActionValueStreamDirective, selector: "[dbxActionValueStream]", inputs: ["dbxActionValueStream", "dbxActionValueStreamIsNotEmpty", "dbxActionValueStreamModified"] }, { kind: "directive", type: i4.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i4.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i5.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i6.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
|
|
87
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.DbxSpacerDirective, selector: "dbx-spacer, [dbxSpacer]" }, { kind: "directive", type: i4.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i4.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { kind: "directive", type: i4.dbxActionValueStreamDirective, selector: "[dbxActionValueStream]", inputs: ["dbxActionValueStream", "dbxActionValueStreamIsNotEmpty", "dbxActionValueStreamModified"] }, { kind: "directive", type: i4.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i4.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i5.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i6.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
|
|
88
88
|
}
|
|
89
89
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxActionSnackbarComponent, decorators: [{
|
|
90
90
|
type: Component,
|
|
@@ -43,7 +43,7 @@ export class DbxActionUIRouterTransitionSafetyDialogComponent extends AbstractDi
|
|
|
43
43
|
<dbx-button-spacer></dbx-button-spacer>
|
|
44
44
|
</ng-container>
|
|
45
45
|
</dbx-prompt-confirm>
|
|
46
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i1.DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i3.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i4.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: i5.DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { kind: "directive", type: i6.DbxActionErrorDirective, selector: "[dbxActionError]" }] }); }
|
|
46
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1.DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i3.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i4.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: i5.DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { kind: "directive", type: i6.DbxActionErrorDirective, selector: "[dbxActionError]" }] }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxActionUIRouterTransitionSafetyDialogComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
2
|
import { provideDbxButton, AbstractDbxButtonDirective } from '@dereekb/dbx-core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "./progress/spinner.button.component";
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated use DbxButtonType instead.
|
|
7
|
+
*/
|
|
5
8
|
export var DbxButtonDisplayType;
|
|
6
9
|
(function (DbxButtonDisplayType) {
|
|
7
|
-
DbxButtonDisplayType[
|
|
8
|
-
DbxButtonDisplayType[
|
|
9
|
-
DbxButtonDisplayType[
|
|
10
|
-
DbxButtonDisplayType[
|
|
10
|
+
DbxButtonDisplayType["RAISED"] = "raised";
|
|
11
|
+
DbxButtonDisplayType["STROKED"] = "stroked";
|
|
12
|
+
DbxButtonDisplayType["FLAT"] = "flag";
|
|
13
|
+
DbxButtonDisplayType["ICON_ONLY"] = "icon";
|
|
11
14
|
})(DbxButtonDisplayType || (DbxButtonDisplayType = {}));
|
|
12
15
|
/**
|
|
13
16
|
* Complex button that supports loading states.
|
|
@@ -15,38 +18,47 @@ export var DbxButtonDisplayType;
|
|
|
15
18
|
export class DbxButtonComponent extends AbstractDbxButtonDirective {
|
|
16
19
|
constructor() {
|
|
17
20
|
super(...arguments);
|
|
18
|
-
this.color =
|
|
21
|
+
this.color = undefined;
|
|
22
|
+
this.spinnerColor = undefined;
|
|
23
|
+
}
|
|
24
|
+
get basic() {
|
|
25
|
+
return !this.type || this.type === 'basic';
|
|
26
|
+
}
|
|
27
|
+
set basic(basic) {
|
|
28
|
+
if (basic) {
|
|
29
|
+
this.type = 'basic';
|
|
30
|
+
}
|
|
19
31
|
}
|
|
20
32
|
get raised() {
|
|
21
|
-
return this.type ===
|
|
33
|
+
return this.type === 'raised';
|
|
22
34
|
}
|
|
23
35
|
set raised(raised) {
|
|
24
36
|
if (raised) {
|
|
25
|
-
this.type =
|
|
37
|
+
this.type = 'raised';
|
|
26
38
|
}
|
|
27
39
|
}
|
|
28
40
|
get stroked() {
|
|
29
|
-
return this.type ===
|
|
41
|
+
return this.type === 'stroked';
|
|
30
42
|
}
|
|
31
43
|
set stroked(stroked) {
|
|
32
44
|
if (stroked) {
|
|
33
|
-
this.type =
|
|
45
|
+
this.type = 'stroked';
|
|
34
46
|
}
|
|
35
47
|
}
|
|
36
48
|
get flat() {
|
|
37
|
-
return this.type ===
|
|
49
|
+
return this.type === 'flat';
|
|
38
50
|
}
|
|
39
51
|
set flat(flat) {
|
|
40
52
|
if (flat) {
|
|
41
|
-
this.type =
|
|
53
|
+
this.type = 'flat';
|
|
42
54
|
}
|
|
43
55
|
}
|
|
44
56
|
get iconOnly() {
|
|
45
|
-
return this.type ===
|
|
57
|
+
return this.type === 'icon';
|
|
46
58
|
}
|
|
47
59
|
set iconOnly(iconOnly) {
|
|
48
60
|
if (iconOnly) {
|
|
49
|
-
this.type =
|
|
61
|
+
this.type = 'icon';
|
|
50
62
|
}
|
|
51
63
|
}
|
|
52
64
|
get btnOptions() {
|
|
@@ -79,17 +91,17 @@ export class DbxButtonComponent extends AbstractDbxButtonDirective {
|
|
|
79
91
|
flat: this.flat,
|
|
80
92
|
iconOnly: this.iconOnly,
|
|
81
93
|
mode: 'indeterminate',
|
|
82
|
-
spinnerColor: this.
|
|
94
|
+
spinnerColor: this.spinnerColor ?? this.color,
|
|
83
95
|
customSpinnerColor,
|
|
84
96
|
disabled
|
|
85
97
|
};
|
|
86
98
|
}
|
|
87
99
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
88
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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: `
|
|
100
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxButtonComponent, selector: "dbx-button", inputs: { type: "type", basic: "basic", raised: "raised", stroked: "stroked", flat: "flat", iconOnly: "iconOnly", color: "color", spinnerColor: "spinnerColor", customButtonColor: "customButtonColor", customTextColor: "customTextColor", customSpinnerColor: "customSpinnerColor" }, providers: provideDbxButton(DbxButtonComponent), usesInheritance: true, ngImport: i0, template: `
|
|
89
101
|
<dbx-spinner-button (btnClick)="clickButton()" [options]="btnOptions">
|
|
90
102
|
<ng-content></ng-content>
|
|
91
103
|
</dbx-spinner-button>
|
|
92
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i1.DbxSpinnerButtonComponent, selector: "dbx-spinner-button" }] }); }
|
|
104
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1.DbxSpinnerButtonComponent, selector: "dbx-spinner-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
93
105
|
}
|
|
94
106
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxButtonComponent, decorators: [{
|
|
95
107
|
type: Component,
|
|
@@ -100,10 +112,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
100
112
|
<ng-content></ng-content>
|
|
101
113
|
</dbx-spinner-button>
|
|
102
114
|
`,
|
|
103
|
-
providers: provideDbxButton(DbxButtonComponent)
|
|
115
|
+
providers: provideDbxButton(DbxButtonComponent),
|
|
116
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
104
117
|
}]
|
|
105
118
|
}], propDecorators: { type: [{
|
|
106
119
|
type: Input
|
|
120
|
+
}], basic: [{
|
|
121
|
+
type: Input
|
|
107
122
|
}], raised: [{
|
|
108
123
|
type: Input
|
|
109
124
|
}], stroked: [{
|
|
@@ -114,6 +129,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
114
129
|
type: Input
|
|
115
130
|
}], color: [{
|
|
116
131
|
type: Input
|
|
132
|
+
}], spinnerColor: [{
|
|
133
|
+
type: Input
|
|
117
134
|
}], customButtonColor: [{
|
|
118
135
|
type: Input
|
|
119
136
|
}], customTextColor: [{
|
|
@@ -121,4 +138,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
121
138
|
}], customSpinnerColor: [{
|
|
122
139
|
type: Input
|
|
123
140
|
}] } });
|
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
141
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBT2pGOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksb0JBS1g7QUFMRCxXQUFZLG9CQUFvQjtJQUM5Qix5Q0FBaUIsQ0FBQTtJQUNqQiwyQ0FBbUIsQ0FBQTtJQUNuQixxQ0FBYSxDQUFBO0lBQ2IsMENBQWtCLENBQUE7QUFDcEIsQ0FBQyxFQUxXLG9CQUFvQixLQUFwQixvQkFBb0IsUUFLL0I7QUFFRDs7R0FFRztBQVdILE1BQU0sT0FBTyxrQkFBbUIsU0FBUSwwQkFBMEI7SUFWbEU7O1FBc0VTLFVBQUssR0FBaUMsU0FBUyxDQUFDO1FBR2hELGlCQUFZLEdBQWlDLFNBQVMsQ0FBQztLQXNEL0Q7SUFqSEMsSUFDSSxLQUFLO1FBQ1AsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxPQUFPLENBQUM7SUFDN0MsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLEtBQWM7UUFDdEIsSUFBSSxLQUFLLEVBQUU7WUFDVCxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztTQUNyQjtJQUNILENBQUM7SUFFRCxJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFJLE1BQU0sQ0FBQyxNQUFlO1FBQ3hCLElBQUksTUFBTSxFQUFFO1lBQ1YsSUFBSSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBRUQsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBSSxPQUFPLENBQUMsT0FBZ0I7UUFDMUIsSUFBSSxPQUFPLEVBQUU7WUFDWCxJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQztTQUN2QjtJQUNILENBQUM7SUFFRCxJQUNJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUFJLElBQUksQ0FBQyxJQUFhO1FBQ3BCLElBQUksSUFBSSxFQUFFO1lBQ1IsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQztJQUM5QixDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsUUFBaUI7UUFDNUIsSUFBSSxRQUFRLEVBQUU7WUFDWixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQztTQUNwQjtJQUNILENBQUM7SUFpQkQsSUFBVyxVQUFVO1FBQ25CLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJO1lBQzFCLENBQUMsQ0FBQztnQkFDRSxRQUFRLEVBQUUsSUFBSSxDQUFDLElBQUk7YUFDcEI7WUFDSCxDQUFDLENBQUMsU0FBUyxDQUFDO1FBRWQsTUFBTSxXQUFXLEdBQUcsRUFFbkIsQ0FBQztRQUVGLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQzFCLFdBQVcsQ0FBQyxZQUFZLENBQUMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUM7U0FDcEQ7UUFFRCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDeEIsV0FBVyxDQUFDLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7U0FDN0M7UUFFRCxNQUFNLGtCQUFrQixHQUFrQixJQUFJLENBQUMsa0JBQWtCLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUMxRixNQUFNLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLHNFQUFzRTtRQUV2SCxNQUFNLGdCQUFnQixHQUFHLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFFbEQsT0FBTztZQUNMLEdBQUcsRUFBRSxLQUFLO1lBQ1YsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ3JCLFVBQVU7WUFDVixXQUFXO1lBQ1gsV0FBVyxFQUFFLGFBQWEsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQzNFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUU7WUFDckIsV0FBVyxFQUFFLElBQUksQ0FBQyxLQUFLO1lBQ3ZCLFFBQVEsRUFBRSxRQUFRO1lBQ2xCLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtZQUNuQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87WUFDckIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1lBQ2YsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ3ZCLElBQUksRUFBRSxlQUFlO1lBQ3JCLFlBQVksRUFBRSxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxLQUFLO1lBQzdDLGtCQUFrQjtZQUNsQixRQUFRO1NBQ1QsQ0FBQztJQUNKLENBQUM7K0dBcEhVLGtCQUFrQjttR0FBbEIsa0JBQWtCLDZUQUhsQixnQkFBZ0IsQ0FBQyxrQkFBa0IsQ0FBQyxpREFMckM7Ozs7R0FJVDs7NEZBSVUsa0JBQWtCO2tCQVY5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCxTQUFTLEVBQUUsZ0JBQWdCLG9CQUFvQjtvQkFDL0MsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQUdDLElBQUk7c0JBREgsS0FBSztnQkFJRixLQUFLO3NCQURSLEtBQUs7Z0JBWUYsTUFBTTtzQkFEVCxLQUFLO2dCQVlGLE9BQU87c0JBRFYsS0FBSztnQkFZRixJQUFJO3NCQURQLEtBQUs7Z0JBWUYsUUFBUTtzQkFEWCxLQUFLO2dCQVlDLEtBQUs7c0JBRFgsS0FBSztnQkFJQyxZQUFZO3NCQURsQixLQUFLO2dCQUlDLGlCQUFpQjtzQkFEdkIsS0FBSztnQkFJQyxlQUFlO3NCQURyQixLQUFLO2dCQUlDLGtCQUFrQjtzQkFEeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IHByb3ZpZGVEYnhCdXR0b24sIEFic3RyYWN0RGJ4QnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IERieFByb2dyZXNzQnV0dG9uT3B0aW9ucyB9IGZyb20gJy4vcHJvZ3Jlc3MvYnV0dG9uLnByb2dyZXNzLmNvbmZpZyc7XG5pbXBvcnQgeyBEYnhUaGVtZUNvbG9yIH0gZnJvbSAnLi4vbGF5b3V0L3N0eWxlL3N0eWxlJztcblxuZXhwb3J0IHR5cGUgRGJ4QnV0dG9uVHlwZSA9ICdiYXNpYycgfCAncmFpc2VkJyB8ICdzdHJva2VkJyB8ICdmbGF0JyB8ICdpY29uJztcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCB1c2UgRGJ4QnV0dG9uVHlwZSBpbnN0ZWFkLlxuICovXG5leHBvcnQgZW51bSBEYnhCdXR0b25EaXNwbGF5VHlwZSB7XG4gIFJBSVNFRCA9ICdyYWlzZWQnLFxuICBTVFJPS0VEID0gJ3N0cm9rZWQnLFxuICBGTEFUID0gJ2ZsYWcnLFxuICBJQ09OX09OTFkgPSAnaWNvbidcbn1cblxuLyoqXG4gKiBDb21wbGV4IGJ1dHRvbiB0aGF0IHN1cHBvcnRzIGxvYWRpbmcgc3RhdGVzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtYnV0dG9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGJ4LXNwaW5uZXItYnV0dG9uIChidG5DbGljayk9XCJjbGlja0J1dHRvbigpXCIgW29wdGlvbnNdPVwiYnRuT3B0aW9uc1wiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGJ4LXNwaW5uZXItYnV0dG9uPlxuICBgLFxuICBwcm92aWRlcnM6IHByb3ZpZGVEYnhCdXR0b24oRGJ4QnV0dG9uQ29tcG9uZW50KSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGJ4QnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3REYnhCdXR0b25EaXJlY3RpdmUge1xuICBASW5wdXQoKVxuICB0eXBlPzogRGJ4QnV0dG9uVHlwZTtcblxuICBASW5wdXQoKVxuICBnZXQgYmFzaWMoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLnR5cGUgfHwgdGhpcy50eXBlID09PSAnYmFzaWMnO1xuICB9XG5cbiAgc2V0IGJhc2ljKGJhc2ljOiBib29sZWFuKSB7XG4gICAgaWYgKGJhc2ljKSB7XG4gICAgICB0aGlzLnR5cGUgPSAnYmFzaWMnO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCByYWlzZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMudHlwZSA9PT0gJ3JhaXNlZCc7XG4gIH1cblxuICBzZXQgcmFpc2VkKHJhaXNlZDogYm9vbGVhbikge1xuICAgIGlmIChyYWlzZWQpIHtcbiAgICAgIHRoaXMudHlwZSA9ICdyYWlzZWQnO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBzdHJva2VkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnR5cGUgPT09ICdzdHJva2VkJztcbiAgfVxuXG4gIHNldCBzdHJva2VkKHN0cm9rZWQ6IGJvb2xlYW4pIHtcbiAgICBpZiAoc3Ryb2tlZCkge1xuICAgICAgdGhpcy50eXBlID0gJ3N0cm9rZWQnO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBmbGF0KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnR5cGUgPT09ICdmbGF0JztcbiAgfVxuXG4gIHNldCBmbGF0KGZsYXQ6IGJvb2xlYW4pIHtcbiAgICBpZiAoZmxhdCkge1xuICAgICAgdGhpcy50eXBlID0gJ2ZsYXQnO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBpY29uT25seSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy50eXBlID09PSAnaWNvbic7XG4gIH1cblxuICBzZXQgaWNvbk9ubHkoaWNvbk9ubHk6IGJvb2xlYW4pIHtcbiAgICBpZiAoaWNvbk9ubHkpIHtcbiAgICAgIHRoaXMudHlwZSA9ICdpY29uJztcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgY29sb3I6IFRoZW1lUGFsZXR0ZSB8IERieFRoZW1lQ29sb3IgPSB1bmRlZmluZWQ7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNwaW5uZXJDb2xvcjogVGhlbWVQYWxldHRlIHwgRGJ4VGhlbWVDb2xvciA9IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgY3VzdG9tQnV0dG9uQ29sb3I6IE1heWJlPHN0cmluZz47XG5cbiAgQElucHV0KClcbiAgcHVibGljIGN1c3RvbVRleHRDb2xvcjogTWF5YmU8c3RyaW5nPjtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgY3VzdG9tU3Bpbm5lckNvbG9yOiBNYXliZTxzdHJpbmc+O1xuXG4gIHB1YmxpYyBnZXQgYnRuT3B0aW9ucygpOiBEYnhQcm9ncmVzc0J1dHRvbk9wdGlvbnMge1xuICAgIGNvbnN0IGJ1dHRvbkljb24gPSB0aGlzLmljb25cbiAgICAgID8ge1xuICAgICAgICAgIGZvbnRJY29uOiB0aGlzLmljb25cbiAgICAgICAgfVxuICAgICAgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBjdXN0b21TdHlsZSA9IHt9IGFzIHtcbiAgICAgIFtrZXk6IHN0cmluZ106IHN0cmluZztcbiAgICB9O1xuXG4gICAgaWYgKHRoaXMuY3VzdG9tQnV0dG9uQ29sb3IpIHtcbiAgICAgIGN1c3RvbVN0eWxlWydiYWNrZ3JvdW5kJ10gPSB0aGlzLmN1c3RvbUJ1dHRvbkNvbG9yO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmN1c3RvbVRleHRDb2xvcikge1xuICAgICAgY3VzdG9tU3R5bGVbJ2NvbG9yJ10gPSB0aGlzLmN1c3RvbVRleHRDb2xvcjtcbiAgICB9XG5cbiAgICBjb25zdCBjdXN0b21TcGlubmVyQ29sb3I6IE1heWJlPHN0cmluZz4gPSB0aGlzLmN1c3RvbVNwaW5uZXJDb2xvciA/PyB0aGlzLmN1c3RvbVRleHRDb2xvcjtcbiAgICBjb25zdCBkaXNhYmxlZCA9ICF0aGlzLndvcmtpbmcgJiYgdGhpcy5kaXNhYmxlZDsgLy8gT25seSBkaXNhYmxlZCBpZiB3ZSdyZSBub3Qgd29ya2luZywgaW4gb3JkZXIgdG8gc2hvdyB0aGUgYW5pbWF0aW9uLlxuXG4gICAgY29uc3QgaXNJY29uT25seUJ1dHRvbiA9IGJ1dHRvbkljb24gJiYgIXRoaXMudGV4dDtcblxuICAgIHJldHVybiB7XG4gICAgICBmYWI6IGZhbHNlLFxuICAgICAgd29ya2luZzogdGhpcy53b3JraW5nLFxuICAgICAgYnV0dG9uSWNvbixcbiAgICAgIGN1c3RvbVN0eWxlLFxuICAgICAgY3VzdG9tQ2xhc3M6ICdkYngtYnV0dG9uICcgKyAoaXNJY29uT25seUJ1dHRvbiA/ICdkYngtYnV0dG9uLW5vLXRleHQnIDogJycpLFxuICAgICAgdGV4dDogdGhpcy50ZXh0ID8/ICcnLFxuICAgICAgYnV0dG9uQ29sb3I6IHRoaXMuY29sb3IsXG4gICAgICBiYXJDb2xvcjogJ2FjY2VudCcsXG4gICAgICByYWlzZWQ6IHRoaXMucmFpc2VkLFxuICAgICAgc3Ryb2tlZDogdGhpcy5zdHJva2VkLFxuICAgICAgZmxhdDogdGhpcy5mbGF0LFxuICAgICAgaWNvbk9ubHk6IHRoaXMuaWNvbk9ubHksXG4gICAgICBtb2RlOiAnaW5kZXRlcm1pbmF0ZScsXG4gICAgICBzcGlubmVyQ29sb3I6IHRoaXMuc3Bpbm5lckNvbG9yID8/IHRoaXMuY29sb3IsXG4gICAgICBjdXN0b21TcGlubmVyQ29sb3IsXG4gICAgICBkaXNhYmxlZFxuICAgIH07XG4gIH1cbn1cbiJdfQ==
|
|
@@ -14,10 +14,10 @@ export class DbxBarButtonComponent extends AbstractProgressButtonDirective {
|
|
|
14
14
|
this.buttonCss$ = this.baseCssClasses$.pipe(distinctUntilItemsHaveDifferentValues((x) => x[1]), map((x) => spaceSeparatedCssClasses(x[1])), shareReplay(1));
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxBarButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxBarButtonComponent, selector: "dbx-bar-button", usesInheritance: true, ngImport: i0, template: "<button class=\"dbx-bar-button\" mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [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\" [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>\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <mat-progress-bar class=\"bar\" *ngIf=\"options.working && !options.disabled\" [color]=\"options.barColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\"></mat-progress-bar>\n</button>\n", styles: [":host>button.dbx-bar-button.mdc-button.mat-mdc-button.working{cursor:not-allowed}:host>button.dbx-bar-button.mdc-button.mat-mdc-button.fullWidth{width:100%}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label{position:unset;display:flex;align-items:center}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label .bar{position:absolute;top:0;left:0}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label mat-icon{padding-right:5px}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label mat-icon.is-mat-icon{font-size:18px;position:relative;top:3px}\n", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\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-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxBarButtonComponent, selector: "dbx-bar-button", usesInheritance: true, ngImport: i0, template: "<button class=\"dbx-base-button dbx-bar-button\" mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [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\" [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>\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <mat-progress-bar class=\"bar\" *ngIf=\"options.working && !options.disabled\" [color]=\"options.barColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\"></mat-progress-bar>\n</button>\n", styles: [":host>button.dbx-bar-button.mdc-button.mat-mdc-button.working{cursor:not-allowed}:host>button.dbx-bar-button.mdc-button.mat-mdc-button.fullWidth{width:100%}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label{position:unset;display:flex;align-items:center}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label .bar{position:absolute;top:0;left:0}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label mat-icon{padding-right:5px}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label mat-icon.is-mat-icon{font-size:18px;position:relative;top:3px}\n", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\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-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxBarButtonComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'dbx-bar-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"dbx-bar-button\" mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [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\" [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>\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <mat-progress-bar class=\"bar\" *ngIf=\"options.working && !options.disabled\" [color]=\"options.barColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\"></mat-progress-bar>\n</button>\n", styles: [":host>button.dbx-bar-button.mdc-button.mat-mdc-button.working{cursor:not-allowed}:host>button.dbx-bar-button.mdc-button.mat-mdc-button.fullWidth{width:100%}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label{position:unset;display:flex;align-items:center}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label .bar{position:absolute;top:0;left:0}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label mat-icon{padding-right:5px}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label mat-icon.is-mat-icon{font-size:18px;position:relative;top:3px}\n", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\n"] }]
|
|
21
|
+
args: [{ selector: 'dbx-bar-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"dbx-base-button dbx-bar-button\" mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [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\" [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>\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <mat-progress-bar class=\"bar\" *ngIf=\"options.working && !options.disabled\" [color]=\"options.barColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\"></mat-progress-bar>\n</button>\n", styles: [":host>button.dbx-bar-button.mdc-button.mat-mdc-button.working{cursor:not-allowed}:host>button.dbx-bar-button.mdc-button.mat-mdc-button.fullWidth{width:100%}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label{position:unset;display:flex;align-items:center}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label .bar{position:absolute;top:0;left:0}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label mat-icon{padding-right:5px}:host>button.dbx-bar-button.mdc-button.mat-mdc-button>::ng-deep .mdc-button__label mat-icon.is-mat-icon{font-size:18px;position:relative;top:3px}\n", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\n"] }]
|
|
22
22
|
}] });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLmJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvYnV0dG9uL3Byb2dyZXNzL2Jhci5idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2J1dHRvbi9wcm9ncmVzcy9iYXIuYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkYsT0FBTyxFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDeEMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxxQ0FBcUMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXRFLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSwrQkFBK0I7SUFOMUU7O1FBT1csZUFBVSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUM3QyxxQ0FBcUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQ2xELEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDMUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7S0FDSDsrR0FOWSxxQkFBcUI7bUdBQXJCLHFCQUFxQiw2RUNabEMsMC9CQWNBOzs0RkRGYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdFByb2dyZXNzQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi9iYXNlLnByb2dyZXNzLmJ1dHRvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgbWFwLCBzaGFyZVJlcGxheSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgc3BhY2VTZXBhcmF0ZWRDc3NDbGFzc2VzIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsSXRlbXNIYXZlRGlmZmVyZW50VmFsdWVzIH0gZnJvbSAnQGRlcmVla2Ivcnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1iYXItYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhci5idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYXIuYnV0dG9uLmNvbXBvbmVudC5zY3NzJywgJy4vc2hhcmVkLmJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYnhCYXJCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFByb2dyZXNzQnV0dG9uRGlyZWN0aXZlIHtcbiAgcmVhZG9ubHkgYnV0dG9uQ3NzJCA9IHRoaXMuYmFzZUNzc0NsYXNzZXMkLnBpcGUoXG4gICAgZGlzdGluY3RVbnRpbEl0ZW1zSGF2ZURpZmZlcmVudFZhbHVlcygoeCkgPT4geFsxXSksXG4gICAgbWFwKCh4KSA9PiBzcGFjZVNlcGFyYXRlZENzc0NsYXNzZXMoeFsxXSkpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiZGJ4LWJhc2UtYnV0dG9uIGRieC1iYXItYnV0dG9uXCIgbWF0LWJ1dHRvbiBbdHlwZV09XCJvcHRpb25zLnR5cGVcIiBbY29sb3JdPVwib3B0aW9ucy5idXR0b25Db2xvclwiIFtuZ0NsYXNzXT1cImJ1dHRvbkNzcyQgfCBhc3luY1wiIFtuZ1N0eWxlXT1cIm9wdGlvbnMuY3VzdG9tU3R5bGUhXCIgW2Rpc2FibGVkXT1cIm9wdGlvbnMud29ya2luZyB8fCBvcHRpb25zLmRpc2FibGVkXCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb25zLmJ1dHRvbkljb25cIj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJtYXQtYnV0dG9uLWljb25cIiBbY2xhc3MuaXMtbWF0LWljb25dPVwiIW9wdGlvbnMuYnV0dG9uSWNvbi5mb250U2V0XCIgW25nQ2xhc3NdPVwib3B0aW9ucy5idXR0b25JY29uLmN1c3RvbUNsYXNzIVwiIFtmb250U2V0XT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5mb250U2V0IVwiIFtmb250SWNvbl09XCJvcHRpb25zLmJ1dHRvbkljb24uZm9udEljb24hXCIgW2NvbG9yXT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5jb2xvciFcIiBbc3ZnSWNvbl09XCJvcHRpb25zLmJ1dHRvbkljb24uc3ZnSWNvbiFcIiBbaW5saW5lXT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5pbmxpbmUhXCI+XG4gICAgICB7eyBvcHRpb25zLmJ1dHRvbkljb24uZm9udFNldCA/ICcnIDogb3B0aW9ucy5idXR0b25JY29uLmZvbnRJY29uIH19XG4gICAgPC9tYXQtaWNvbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPHNwYW4+XG4gICAge3sgb3B0aW9ucy50ZXh0IH19XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG5cbiAgPG1hdC1wcm9ncmVzcy1iYXIgY2xhc3M9XCJiYXJcIiAqbmdJZj1cIm9wdGlvbnMud29ya2luZyAmJiAhb3B0aW9ucy5kaXNhYmxlZFwiIFtjb2xvcl09XCJvcHRpb25zLmJhckNvbG9yIVwiIFttb2RlXT1cIm9wdGlvbnMubW9kZSFcIiBbdmFsdWVdPVwib3B0aW9ucy52YWx1ZSFcIj48L21hdC1wcm9ncmVzcy1iYXI+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InjectionToken } from '@angular/core';
|
|
2
2
|
export const DBX_MAT_PROGRESS_BUTTON_GLOBAL_CONFIG = new InjectionToken('DbxMatProgressButtonGlobalConfig');
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLnByb2dyZXNzLmNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9idXR0b24vcHJvZ3Jlc3MvYnV0dG9uLnByb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBcUQvQyxNQUFNLENBQUMsTUFBTSxxQ0FBcUMsR0FBRyxJQUFJLGNBQWMsQ0FBZ0Msa0NBQWtDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IFByb2dyZXNzU3Bpbm5lck1vZGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBEYnhUaGVtZUNvbG9yIH0gZnJvbSAnLi4vLi4vbGF5b3V0L3N0eWxlL3N0eWxlJztcblxuZXhwb3J0IGludGVyZmFjZSBEYnhQcm9ncmVzc0J1dHRvbk9wdGlvbnMge1xuICB3b3JraW5nPzogYm9vbGVhbjtcbiAgdGV4dD86IHN0cmluZztcbiAgc3Bpbm5lclRleHQ/OiBzdHJpbmc7XG4gIGJ1dHRvbkNvbG9yPzogVGhlbWVQYWxldHRlIHwgRGJ4VGhlbWVDb2xvcjtcbiAgc3Bpbm5lckNvbG9yPzogVGhlbWVQYWxldHRlIHwgRGJ4VGhlbWVDb2xvcjtcbiAgYmFyQ29sb3I/OiBUaGVtZVBhbGV0dGUgfCBEYnhUaGVtZUNvbG9yO1xuICByYWlzZWQ/OiBib29sZWFuO1xuICBzdHJva2VkPzogYm9vbGVhbjtcbiAgZmxhdD86IGJvb2xlYW47XG4gIGZhYj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0byByZW5kZXIgYXMgYW4gaWNvbiBidXR0b24uXG4gICAqL1xuICBpY29uT25seT86IGJvb2xlYW47XG4gIHNwaW5uZXJTaXplPzogbnVtYmVyO1xuICBzcGlubmVyUmF0aW8/OiBudW1iZXI7XG4gIG1vZGU/OiBQcm9ncmVzc1NwaW5uZXJNb2RlO1xuICB2YWx1ZT86IG51bWJlcjtcbiAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB0eXBlPzogc3RyaW5nO1xuICBjdXN0b21TdHlsZT86IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH07XG4gIGN1c3RvbUNsYXNzPzogc3RyaW5nO1xuICAvKipcbiAgICogQ3VzdG9tIHNwaW5uZXIgY29sb3IuIE92ZXJyaWRlcyB0aGUgbm9ybWFsIHNwaW5uZXIgY29sb3IgaWYgcHJvdmlkZWQuXG4gICAqL1xuICBjdXN0b21TcGlubmVyQ29sb3I/OiBNYXliZTxzdHJpbmc+O1xuICBidXR0b25JY29uPzogRGJ4UHJvZ3Jlc3NCdXR0b25JY29uO1xuICBpZD86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEYnhQcm9ncmVzc0J1dHRvbkljb24ge1xuICBjb2xvcj86IFRoZW1lUGFsZXR0ZSB8IERieFRoZW1lQ29sb3I7XG4gIGZvbnRJY29uPzogc3RyaW5nO1xuICBmb250U2V0Pzogc3RyaW5nO1xuICBpbmxpbmU/OiBib29sZWFuO1xuICBzdmdJY29uPzogc3RyaW5nO1xuICBjdXN0b21DbGFzcz86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEYnhQcm9ncmVzc0J1dHRvblRhcmdldGVkQ29uZmlnIGV4dGVuZHMgRGJ4UHJvZ3Jlc3NCdXR0b25PcHRpb25zIHtcbiAgaWQ/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCB0eXBlIERieFByb2dyZXNzQnV0dG9uR2xvYmFsQ29uZmlnID0gRGJ4UHJvZ3Jlc3NCdXR0b25UYXJnZXRlZENvbmZpZ1tdO1xuXG5leHBvcnQgY29uc3QgREJYX01BVF9QUk9HUkVTU19CVVRUT05fR0xPQkFMX0NPTkZJRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxEYnhQcm9ncmVzc0J1dHRvbkdsb2JhbENvbmZpZz4oJ0RieE1hdFByb2dyZXNzQnV0dG9uR2xvYmFsQ29uZmlnJyk7XG4iXX0=
|
|
@@ -47,13 +47,13 @@ export class DbxSpinnerButtonComponent extends AbstractProgressButtonDirective {
|
|
|
47
47
|
return size;
|
|
48
48
|
}
|
|
49
49
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSpinnerButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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\" [ngClass]=\"buttonCss$ | async\" [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{min-height:36px;height:unset;outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mdc-button__label{display:flex;align-items:center;justify-content:center}:host button.mat-mdc-button.mat-mdc-icon-button{min-width:unset;--mdc-icon-button-icon-size: unset}: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 .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,:host button .dbx-spinner-custom.mat-spinner.mat-accent circle{stroke:unset!important}: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", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\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-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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-base-button dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [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{min-height:36px;height:unset;outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mdc-button__label{display:flex;align-items:center;justify-content:center}:host button.mat-mdc-button.mat-mdc-icon-button{min-width:unset;--mdc-icon-button-icon-size: unset}: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 .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,:host button .dbx-spinner-custom.mat-spinner.mat-accent circle{stroke:unset!important}: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", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\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-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSpinnerButtonComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
|
-
args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [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{min-height:36px;height:unset;outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mdc-button__label{display:flex;align-items:center;justify-content:center}:host button.mat-mdc-button.mat-mdc-icon-button{min-width:unset;--mdc-icon-button-icon-size: unset}: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 .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,:host button .dbx-spinner-custom.mat-spinner.mat-accent circle{stroke:unset!important}: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", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\n"] }]
|
|
54
|
+
args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"dbx-base-button dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [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{min-height:36px;height:unset;outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mdc-button__label{display:flex;align-items:center;justify-content:center}:host button.mat-mdc-button.mat-mdc-icon-button{min-width:unset;--mdc-icon-button-icon-size: unset}: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 .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,:host button .dbx-spinner-custom.mat-spinner.mat-accent circle{stroke:unset!important}: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", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\n"] }]
|
|
55
55
|
}], propDecorators: { buttonRef: [{
|
|
56
56
|
type: ViewChild,
|
|
57
57
|
args: ['button', { static: true, read: ElementRef }]
|
|
58
58
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2J1dHRvbi9wcm9ncmVzcy9zcGlubmVyLmJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvYnV0dG9uL3Byb2dyZXNzL3NwaW5uZXIuYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM5RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVF6RCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsK0JBQStCO0lBTjlFOztRQVVXLGVBQVUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FDN0MsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDUixNQUFNLE9BQU8sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDckIsTUFBTSxPQUFPLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBRTFCLElBQUksT0FBTyxDQUFDLFFBQVEsRUFBRTtnQkFDcEIsT0FBTyxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO2FBQ3JDO1lBRUQsSUFBSSxPQUFPLENBQUMsR0FBRyxFQUFFO2dCQUNmLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7YUFDekI7WUFFRCxPQUFPLHdCQUF3QixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzNDLENBQUMsQ0FBQyxFQUNGLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0tBOEJIO0lBNUJDLElBQUksUUFBUTtRQUNWLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQzdCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDO1FBQzNDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7UUFFakMsSUFBSSxJQUFJLENBQUM7UUFFVCxJQUFJLE9BQU8sRUFBRTtZQUNYLElBQUksT0FBTyxDQUFDLEdBQUcsSUFBSSxPQUFPLENBQUMsUUFBUSxFQUFFO2dCQUNuQyxJQUFJLEdBQUcsTUFBTSxDQUFDO2FBQ2Y7aUJBQU07Z0JBQ0wsSUFBSSxHQUFHLE9BQU8sQ0FBQyxXQUFXLENBQUM7YUFDNUI7U0FDRjtRQUVELElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDVCxNQUFNLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztZQUM5QixNQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQztZQUNsRCxNQUFNLGlCQUFpQixHQUFHLE1BQU0sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxZQUFZLENBQUMsQ0FBQztZQUM3RCxJQUFJLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDLENBQUM7U0FDMUU7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7K0dBbERVLHlCQUF5QjttR0FBekIseUJBQXlCLDBJQUNPLFVBQVUsa0VDWnZELHV4REFzQkE7OzRGRFhhLHlCQUF5QjtrQkFOckMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTTs4QkFJdEMsU0FBUztzQkFEakIsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0UHJvZ3Jlc3NCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuL2Jhc2UucHJvZ3Jlc3MuYnV0dG9uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzaGFyZVJlcGxheSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgc3BhY2VTZXBhcmF0ZWRDc3NDbGFzc2VzIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zcGlubmVyLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwaW5uZXIuYnV0dG9uLmNvbXBvbmVudC5zY3NzJywgJy4vc2hhcmVkLmJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYnhTcGlubmVyQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RQcm9ncmVzc0J1dHRvbkRpcmVjdGl2ZSB7XG4gIEBWaWV3Q2hpbGQoJ2J1dHRvbicsIHsgc3RhdGljOiB0cnVlLCByZWFkOiBFbGVtZW50UmVmIH0pXG4gIHJlYWRvbmx5IGJ1dHRvblJlZiE6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gIHJlYWRvbmx5IGJ1dHRvbkNzcyQgPSB0aGlzLmJhc2VDc3NDbGFzc2VzJC5waXBlKFxuICAgIG1hcCgoeCkgPT4ge1xuICAgICAgY29uc3Qgb3B0aW9ucyA9IHhbMF07XG4gICAgICBjb25zdCBjbGFzc2VzID0gWy4uLnhbMV1dO1xuXG4gICAgICBpZiAob3B0aW9ucy5pY29uT25seSkge1xuICAgICAgICBjbGFzc2VzLnB1c2goJ21hdC1tZGMtaWNvbi1idXR0b24nKTtcbiAgICAgIH1cblxuICAgICAgaWYgKG9wdGlvbnMuZmFiKSB7XG4gICAgICAgIGNsYXNzZXMucHVzaCgnbWF0LWZhYicpO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gc3BhY2VTZXBhcmF0ZWRDc3NDbGFzc2VzKGNsYXNzZXMpO1xuICAgIH0pLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICBnZXQgc2hvd1RleHQoKSB7XG4gICAgcmV0dXJuICEodGhpcy5vcHRpb25zLmZhYiB8fCB0aGlzLm9wdGlvbnMuaWNvbk9ubHkpO1xuICB9XG5cbiAgY2FsY1NwaW5uZXJTaXplKCkge1xuICAgIGNvbnN0IG9wdGlvbnMgPSB0aGlzLm9wdGlvbnM7XG4gICAgY29uc3QgZWxlbSA9IHRoaXMuYnV0dG9uUmVmPy5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IGhlaWdodCA9IGVsZW0uY2xpZW50SGVpZ2h0O1xuXG4gICAgbGV0IHNpemU7XG5cbiAgICBpZiAob3B0aW9ucykge1xuICAgICAgaWYgKG9wdGlvbnMuZmFiIHx8IG9wdGlvbnMuaWNvbk9ubHkpIHtcbiAgICAgICAgc2l6ZSA9IGhlaWdodDtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNpemUgPSBvcHRpb25zLnNwaW5uZXJTaXplO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmICghc2l6ZSkge1xuICAgICAgY29uc3QgbWluaW11bVNwaW5uZXJTaXplID0gMTg7XG4gICAgICBjb25zdCBzcGlubmVyUmF0aW8gPSBvcHRpb25zLnNwaW5uZXJSYXRpbyA/PyAwLjMzO1xuICAgICAgY29uc3QgdGFyZ2V0U3Bpbm5lclNpemUgPSBoZWlnaHQgKiBNYXRoLm1pbigxLCBzcGlubmVyUmF0aW8pO1xuICAgICAgc2l6ZSA9IE1hdGgubWluKGhlaWdodCwgTWF0aC5tYXgobWluaW11bVNwaW5uZXJTaXplLCB0YXJnZXRTcGlubmVyU2l6ZSkpO1xuICAgIH1cblxuICAgIHJldHVybiBzaXplO1xuICB9XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiZGJ4LWJhc2UtYnV0dG9uIGRieC1zcGlubmVyLWJ1dHRvblwiICNidXR0b24gbWF0LWJ1dHRvbiBbdHlwZV09XCJvcHRpb25zLnR5cGVcIiBbY29sb3JdPVwib3B0aW9ucy5idXR0b25Db2xvclwiIFtuZ0NsYXNzXT1cImJ1dHRvbkNzcyQgfCBhc3luY1wiIFtuZ1N0eWxlXT1cIm9wdGlvbnMuY3VzdG9tU3R5bGUhXCIgW2Rpc2FibGVkXT1cIm9wdGlvbnMud29ya2luZyB8fCBvcHRpb25zLmRpc2FibGVkXCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93VGV4dFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb25zLmJ1dHRvbkljb25cIj5cbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdC1idXR0b24taWNvblwiIFtjbGFzcy5pcy1tYXQtaWNvbl09XCIhb3B0aW9ucy5idXR0b25JY29uLmZvbnRTZXRcIiBbY2xhc3Mud29ya2luZ109XCJvcHRpb25zLndvcmtpbmcgJiYgIW9wdGlvbnMuZGlzYWJsZWRcIiBbbmdDbGFzc109XCJvcHRpb25zLmJ1dHRvbkljb24uY3VzdG9tQ2xhc3MhXCIgW2ZvbnRTZXRdPVwib3B0aW9ucy5idXR0b25JY29uLmZvbnRTZXQhXCIgW2ZvbnRJY29uXT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5mb250SWNvbiFcIiBbY29sb3JdPVwib3B0aW9ucy5idXR0b25JY29uLmNvbG9yIVwiIFtzdmdJY29uXT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5zdmdJY29uIVwiPlxuICAgICAgICB7eyBvcHRpb25zLmJ1dHRvbkljb24uZm9udFNldCA/ICcnIDogb3B0aW9ucy5idXR0b25JY29uLmZvbnRJY29uIH19XG4gICAgICA8L21hdC1pY29uPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPHNwYW4gY2xhc3M9XCJidXR0b24tdGV4dFwiIFtjbGFzcy53b3JraW5nXT1cIm9wdGlvbnMud29ya2luZyAmJiAhb3B0aW9ucy5kaXNhYmxlZFwiPlxuICAgICAge3sgb3B0aW9ucy50ZXh0IH19XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXNob3dUZXh0ICYmIG9wdGlvbnMuYnV0dG9uSWNvblwiPlxuICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdC1mYWItaWNvblwiIFtmb250U2V0XT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5mb250U2V0IVwiIFtmb250SWNvbl09XCJvcHRpb25zLmJ1dHRvbkljb24uZm9udEljb24hXCIgW2NvbG9yXT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5jb2xvciFcIiBbc3ZnSWNvbl09XCJvcHRpb25zLmJ1dHRvbkljb24uc3ZnSWNvbiFcIiBbaW5saW5lXT1cIm9wdGlvbnMuZmFiICYmIG9wdGlvbnMuYnV0dG9uSWNvbi5pbmxpbmUhXCI+XG4gICAgICB7eyBvcHRpb25zLmJ1dHRvbkljb24uZm9udFNldCA/ICcnIDogb3B0aW9ucy5idXR0b25JY29uLmZvbnRJY29uIH19XG4gICAgPC9tYXQtaWNvbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG1hdC1zcGlubmVyIGNsYXNzPVwic3Bpbm5lclwiICpuZ0lmPVwib3B0aW9ucy53b3JraW5nICYmICFvcHRpb25zLmRpc2FibGVkXCIgW2RpYW1ldGVyXT1cImNhbGNTcGlubmVyU2l6ZSgpXCIgW2NvbG9yXT1cIm9wdGlvbnMuc3Bpbm5lckNvbG9yIVwiIFttb2RlXT1cIm9wdGlvbnMubW9kZSFcIiBbdmFsdWVdPVwib3B0aW9ucy52YWx1ZSFcIiBbbmdTdHlsZV09XCJjdXN0b21TcGlubmVyU3R5bGUhXCIgW25nQ2xhc3NdPVwieyAnZGJ4LXNwaW5uZXItY3VzdG9tJzogY3VzdG9tU3Bpbm5lclN0eWxlISB9XCIgW2NsYXNzLndvcmtpbmddPVwib3B0aW9ucy53b3JraW5nICYmICFvcHRpb25zLmRpc2FibGVkXCI+PC9tYXQtc3Bpbm5lcj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -102,7 +102,7 @@ export class DbxDownloadTextViewComponent extends AbstractSubscriptionDirective
|
|
|
102
102
|
this._contentLoadingState.complete();
|
|
103
103
|
}
|
|
104
104
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxDownloadTextViewComponent, deps: [{ token: i1.Clipboard }, { token: i2.MatSnackBar }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
105
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxDownloadTextViewComponent, selector: "dbx-download-text-view", inputs: { loadingText: "loadingText", linear: "linear", showTitle: "showTitle", showPreview: "showPreview", content: "content", contentState: "contentState" }, viewQueries: [{ propertyName: "downloadButton", first: true, predicate: ["downloadButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-download-text-view\">\n <dbx-loading [context]=\"context\" [linear]=\"linear\" [text]=\"loadingText\">\n <ng-container *ngTemplateOutlet=\"contentView\"></ng-container>\n </dbx-loading>\n</div>\n\n<!-- Template -->\n<ng-template #contentView>\n <div class=\"dbx-download-text-view-content\">\n <div *ngIf=\"showTitle\" class=\"dbx-download-text-view-content-title dbx-mb2 mat-subtitle-2\">{{ fileName$ | async }}</div>\n <div *ngIf=\"showPreview\" class=\"dbx-download-text-preview dbx-json dbx-content-pit dbx-content-pit-scrollable dbx-mb3\">{{ contentData$ | async }}</div>\n <div class=\"dbx-download-text-view-actions\">\n <dbx-button dbxAction dbxActionValue [raised]=\"true\" [dbxActionHandler]=\"handleCopyToClipboard\" icon=\"content_copy\" dbxActionButton text=\"Copy To Clipboard\"></dbx-button>\n <dbx-button-spacer></dbx-button-spacer>\n <a #downloadButton [href]=\"fileUrl$ | async\" [attr.download]=\"fileName$ | async\"><dbx-button icon=\"download\" text=\"Download\" [raised]=\"true\" [working]=\"!(downloadReady$ | async)\" [disabled]=\"!(downloadReady$ | async)\"></dbx-button></a>\n </div>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.DbxLoadingComponent, selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "padding", "context", "loading", "error"] }, { kind: "directive", type: i6.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i7.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i8.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "directive", type: i6.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i6.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i6.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
|
|
105
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxDownloadTextViewComponent, selector: "dbx-download-text-view", inputs: { loadingText: "loadingText", linear: "linear", showTitle: "showTitle", showPreview: "showPreview", content: "content", contentState: "contentState" }, viewQueries: [{ propertyName: "downloadButton", first: true, predicate: ["downloadButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-download-text-view\">\n <dbx-loading [context]=\"context\" [linear]=\"linear\" [text]=\"loadingText\">\n <ng-container *ngTemplateOutlet=\"contentView\"></ng-container>\n </dbx-loading>\n</div>\n\n<!-- Template -->\n<ng-template #contentView>\n <div class=\"dbx-download-text-view-content\">\n <div *ngIf=\"showTitle\" class=\"dbx-download-text-view-content-title dbx-mb2 mat-subtitle-2\">{{ fileName$ | async }}</div>\n <div *ngIf=\"showPreview\" class=\"dbx-download-text-preview dbx-json dbx-content-pit dbx-content-pit-scrollable dbx-mb3\">{{ contentData$ | async }}</div>\n <div class=\"dbx-download-text-view-actions\">\n <dbx-button dbxAction dbxActionValue [raised]=\"true\" [dbxActionHandler]=\"handleCopyToClipboard\" icon=\"content_copy\" dbxActionButton text=\"Copy To Clipboard\"></dbx-button>\n <dbx-button-spacer></dbx-button-spacer>\n <a #downloadButton [href]=\"fileUrl$ | async\" [attr.download]=\"fileName$ | async\"><dbx-button icon=\"download\" text=\"Download\" [raised]=\"true\" [working]=\"!(downloadReady$ | async)\" [disabled]=\"!(downloadReady$ | async)\"></dbx-button></a>\n </div>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.DbxLoadingComponent, selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "padding", "context", "loading", "error"] }, { kind: "directive", type: i6.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i7.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i8.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "directive", type: i6.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i6.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i6.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
|
|
106
106
|
}
|
|
107
107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxDownloadTextViewComponent, decorators: [{
|
|
108
108
|
type: Component,
|
|
@@ -35,7 +35,7 @@ export class DbxFilterWrapperComponent extends AbstractDbxActionHandlerDirective
|
|
|
35
35
|
this.filterSourceDirective.resetFilter();
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFilterWrapperComponent, deps: [{ token: i1.DbxActionContextStoreSourceInstance }, { token: i1.FilterSourceDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i3.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i4.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: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i3.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i4.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: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFilterWrapperComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
@@ -43,7 +43,7 @@ export class DbxPopupControlButtonsComponent {
|
|
|
43
43
|
</ng-container>
|
|
44
44
|
<dbx-button-spacer></dbx-button-spacer>
|
|
45
45
|
<dbx-button [flat]="true" icon="close" color="warn" (buttonClick)="closeClicked()"></dbx-button>
|
|
46
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i4.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
|
|
46
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i4.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPopupControlButtonsComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
@@ -6,6 +6,9 @@ export * from './list.track';
|
|
|
6
6
|
export * from './list.grid.view.directive';
|
|
7
7
|
export * from './list.grid.view.component';
|
|
8
8
|
export * from './list.view.directive';
|
|
9
|
+
export * from './list.view.value.group';
|
|
10
|
+
export * from './list.view.value.group.title';
|
|
11
|
+
export * from './list.view.value.group.title.directive';
|
|
9
12
|
export * from './list.view.selection.directive';
|
|
10
13
|
export * from './list.view.value.component';
|
|
11
14
|
export * from './list.view.value.directive';
|
|
@@ -18,4 +21,4 @@ export * from './list.view.value.selection.component';
|
|
|
18
21
|
export * from './list.view.value';
|
|
19
22
|
export * from './list.view';
|
|
20
23
|
export * from './list.wrapper';
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpc3QuY29udGVudC5lbXB0eS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3QuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGlzdC5sYXlvdXQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGlzdC50cmFjayc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3QuZ3JpZC52aWV3LmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3QuZ3JpZC52aWV3LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3Qudmlldy5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LnZpZXcudmFsdWUuZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LnZpZXcudmFsdWUuZ3JvdXAudGl0bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LnZpZXcudmFsdWUuZ3JvdXAudGl0bGUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGlzdC52aWV3LnNlbGVjdGlvbi5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LnZpZXcudmFsdWUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGlzdC52aWV3LnZhbHVlLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3Qudmlldy52YWx1ZS5pdGVtLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3Qudmlldy52YWx1ZS5tb2RpZmllcic7XG5leHBvcnQgKiBmcm9tICcuL2xpc3Qudmlldy52YWx1ZS5tb2RpZmllci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LnZpZXcudmFsdWUubW9kaWZpZXIucmlwcGxlLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3Qudmlldy52YWx1ZS5tb2RpZmllci5zZWxlY3Rpb24uZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGlzdC52aWV3LnZhbHVlLnNlbGVjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LnZpZXcudmFsdWUnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LnZpZXcnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LndyYXBwZXInO1xuIl19
|