@datarailsshared/datarailsshared 1.6.121 → 1.6.123
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/datarailsshared-datarailsshared-1.6.123.tgz +0 -0
- package/esm2022/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.mjs +20 -9
- package/esm2022/lib/dr-inputs/dr-toggle-button/toggle-button-mode.mjs +2 -1
- package/fesm2022/datarailsshared-datarailsshared.mjs +20 -8
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.d.ts +1 -0
- package/lib/dr-inputs/dr-toggle-button/toggle-button-mode.d.ts +2 -1
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.121.tgz +0 -0
|
Binary file
|
|
@@ -4,17 +4,27 @@ import { ToggleButtonMode } from './toggle-button-mode';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
function DrToggleButtonComponent_ng_container_1_div_1_i_1_Template(rf, ctx) { if (rf & 1) {
|
|
7
|
-
i0.ɵɵelement(0, "i",
|
|
7
|
+
i0.ɵɵelement(0, "i", 6);
|
|
8
8
|
} if (rf & 2) {
|
|
9
9
|
const item_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
10
10
|
i0.ɵɵclassMap(item_r1.icon);
|
|
11
11
|
} }
|
|
12
|
+
function DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
13
|
+
i0.ɵɵelementContainerStart(0);
|
|
14
|
+
i0.ɵɵtext(1);
|
|
15
|
+
i0.ɵɵelementContainerEnd();
|
|
16
|
+
} if (rf & 2) {
|
|
17
|
+
const item_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
18
|
+
const ctx_r4 = i0.ɵɵnextContext();
|
|
19
|
+
i0.ɵɵadvance(1);
|
|
20
|
+
i0.ɵɵtextInterpolate1(" ", item_r1[ctx_r4.bindLabel] || item_r1.name || item_r1, " ");
|
|
21
|
+
} }
|
|
12
22
|
function DrToggleButtonComponent_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
13
|
-
const
|
|
23
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
14
24
|
i0.ɵɵelementStart(0, "div", 3);
|
|
15
|
-
i0.ɵɵlistener("click", function DrToggleButtonComponent_ng_container_1_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(
|
|
25
|
+
i0.ɵɵlistener("click", function DrToggleButtonComponent_ng_container_1_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r9); const item_r1 = i0.ɵɵnextContext().$implicit; const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.setValue(item_r1)); });
|
|
16
26
|
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_div_1_i_1_Template, 1, 2, "i", 4);
|
|
17
|
-
i0.ɵɵ
|
|
27
|
+
i0.ɵɵtemplate(2, DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template, 2, 1, "ng-container", 5);
|
|
18
28
|
i0.ɵɵelementEnd();
|
|
19
29
|
} if (rf & 2) {
|
|
20
30
|
const item_r1 = i0.ɵɵnextContext().$implicit;
|
|
@@ -24,7 +34,7 @@ function DrToggleButtonComponent_ng_container_1_div_1_Template(rf, ctx) { if (rf
|
|
|
24
34
|
i0.ɵɵadvance(1);
|
|
25
35
|
i0.ɵɵproperty("ngIf", item_r1.icon);
|
|
26
36
|
i0.ɵɵadvance(1);
|
|
27
|
-
i0.ɵɵ
|
|
37
|
+
i0.ɵɵproperty("ngIf", ctx_r2.mode !== ctx_r2.ToggleButtonMode.ICON_ONLY);
|
|
28
38
|
} }
|
|
29
39
|
function DrToggleButtonComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
30
40
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -47,6 +57,7 @@ export class DrToggleButtonComponent {
|
|
|
47
57
|
this.bindValue = null;
|
|
48
58
|
this.bindHidden = null;
|
|
49
59
|
this.mode = ToggleButtonMode.DEFAULT;
|
|
60
|
+
this.ToggleButtonMode = ToggleButtonMode;
|
|
50
61
|
this.onChange = () => { };
|
|
51
62
|
this.onTouched = () => { };
|
|
52
63
|
}
|
|
@@ -82,7 +93,7 @@ export class DrToggleButtonComponent {
|
|
|
82
93
|
return this.dataAnalytics + '_' + String(value).toLowerCase().replace(/ /g, '-');
|
|
83
94
|
}
|
|
84
95
|
/** @nocollapse */ static { this.ɵfac = function DrToggleButtonComponent_Factory(t) { return new (t || DrToggleButtonComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
85
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleButtonComponent, selectors: [["dr-toggle-button"]], inputs: { items: "items", bindLabel: "bindLabel", bindValue: "bindValue", bindHidden: "bindHidden", mode: "mode", selectedValue: "selectedValue", disabled: "disabled", dataAnalytics: ["data-analytics", "dataAnalytics"] }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }])], decls: 2, vars: 4, consts: [[1, "toggle-container"], [4, "ngFor", "ngForOf"], ["class", "toggle-container__item", 3, "selected", "disabled", "click", 4, "ngIf"], [1, "toggle-container__item", 3, "click"], ["class", "toggle-container__item__icon", 3, "class", 4, "ngIf"], [1, "toggle-container__item__icon"]], template: function DrToggleButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
96
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleButtonComponent, selectors: [["dr-toggle-button"]], inputs: { items: "items", bindLabel: "bindLabel", bindValue: "bindValue", bindHidden: "bindHidden", mode: "mode", selectedValue: "selectedValue", disabled: "disabled", dataAnalytics: ["data-analytics", "dataAnalytics"] }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }])], decls: 2, vars: 4, consts: [[1, "toggle-container"], [4, "ngFor", "ngForOf"], ["class", "toggle-container__item", 3, "selected", "disabled", "click", 4, "ngIf"], [1, "toggle-container__item", 3, "click"], ["class", "toggle-container__item__icon", 3, "class", 4, "ngIf"], [4, "ngIf"], [1, "toggle-container__item__icon"]], template: function DrToggleButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
86
97
|
i0.ɵɵelementStart(0, "div", 0);
|
|
87
98
|
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_Template, 2, 1, "ng-container", 1);
|
|
88
99
|
i0.ɵɵelementEnd();
|
|
@@ -91,11 +102,11 @@ export class DrToggleButtonComponent {
|
|
|
91
102
|
i0.ɵɵattribute("mode", ctx.mode);
|
|
92
103
|
i0.ɵɵadvance(1);
|
|
93
104
|
i0.ɵɵproperty("ngForOf", ctx.items);
|
|
94
|
-
} }, dependencies: [i1.NgForOf, i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex}.toggle-container[_ngcontent-%COMP%]{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px;font-family:Poppins,sans-serif}.toggle-container.disabled[_ngcontent-%COMP%]{pointer-events:none}.toggle-container__item[_ngcontent-%COMP%]{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c;box-sizing:border-box}.toggle-container__item.selected[_ngcontent-%COMP%]{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__icon[_ngcontent-%COMP%]{margin-right:4px}.toggle-container[mode~=default][_ngcontent-%COMP%]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover{background:#f0f1f4}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover .toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item.selected[_ngcontent-%COMP%]{background:unset}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child{margin-left:0}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{height:40px;padding:8px 16px 8px 8px;border:1px solid #
|
|
105
|
+
} }, dependencies: [i1.NgForOf, i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex}.toggle-container[_ngcontent-%COMP%]{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px;font-family:Poppins,sans-serif}.toggle-container.disabled[_ngcontent-%COMP%]{pointer-events:none}.toggle-container__item[_ngcontent-%COMP%]{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c;box-sizing:border-box}.toggle-container__item.selected[_ngcontent-%COMP%]{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__icon[_ngcontent-%COMP%]{margin-right:4px}.toggle-container[mode~=default][_ngcontent-%COMP%], .toggle-container[mode~=iconOnly][_ngcontent-%COMP%]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[mode~=iconOnly][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{padding:2px 8px}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover{background:#f0f1f4}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover .toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item.selected[_ngcontent-%COMP%]{background:unset}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child{margin-left:0}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{height:40px;padding:8px 16px 8px 8px;border:1px solid #dfe0e3;border-radius:8px;margin-left:8px;color:#333;font-weight:400;font-size:14px;line-height:22px}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover{background:#f0f1f4}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item.selected[_ngcontent-%COMP%]{background:#eaeaff!important;border:1px solid #dfe0e3!important;color:#333!important}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover .toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item.selected[_ngcontent-%COMP%]{background:unset}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child{margin-left:0}"], changeDetection: 0 }); }
|
|
95
106
|
}
|
|
96
107
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleButtonComponent, [{
|
|
97
108
|
type: Component,
|
|
98
|
-
args: [{ selector: 'dr-toggle-button', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toggle-container\" [class.disabled]=\"_disabled\" [attr.mode]=\"mode\">\n <ng-container *ngFor=\"let item of items\">\n <div\n *ngIf=\"item && !item[bindHidden]\"\n class=\"toggle-container__item\"\n [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n [class.disabled]=\"item.disabled\"\n (click)=\"setValue(item)\"\n [attr.data-analytics]=\"getDataAnalyticsTag(item)\">\n <i *ngIf=\"item.icon\" class=\"toggle-container__item__icon\" [class]=\"item.icon\"></i>\n {{ item[bindLabel] || item.name || item }}\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:flex}.toggle-container{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px;font-family:Poppins,sans-serif}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c;box-sizing:border-box}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__icon{margin-right:4px}.toggle-container[mode~=default]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[mode~=dotted] .toggle-container__item{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[mode~=dotted] .toggle-container__item:hover .toggle-container[mode~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[mode~=dotted] .toggle-container__item:first-child{margin-left:0}.toggle-container[mode~=box] .toggle-container__item{height:40px;padding:8px 16px 8px 8px;border:1px solid #
|
|
109
|
+
args: [{ selector: 'dr-toggle-button', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toggle-container\" [class.disabled]=\"_disabled\" [attr.mode]=\"mode\">\n <ng-container *ngFor=\"let item of items\">\n <div\n *ngIf=\"item && !item[bindHidden]\"\n class=\"toggle-container__item\"\n [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n [class.disabled]=\"item.disabled\"\n (click)=\"setValue(item)\"\n [attr.data-analytics]=\"getDataAnalyticsTag(item)\">\n <i *ngIf=\"item.icon\" class=\"toggle-container__item__icon\" [class]=\"item.icon\"></i>\n <ng-container *ngIf=\"mode !== ToggleButtonMode.ICON_ONLY\">\n {{ item[bindLabel] || item.name || item }}\n </ng-container>\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:flex}.toggle-container{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px;font-family:Poppins,sans-serif}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c;box-sizing:border-box}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__icon{margin-right:4px}.toggle-container[mode~=default],.toggle-container[mode~=iconOnly]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[mode~=iconOnly] .toggle-container__item{padding:2px 8px}.toggle-container[mode~=dotted] .toggle-container__item{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[mode~=dotted] .toggle-container__item:hover .toggle-container[mode~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[mode~=dotted] .toggle-container__item:first-child{margin-left:0}.toggle-container[mode~=box] .toggle-container__item{height:40px;padding:8px 16px 8px 8px;border:1px solid #dfe0e3;border-radius:8px;margin-left:8px;color:#333;font-weight:400;font-size:14px;line-height:22px}.toggle-container[mode~=box] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[mode~=box] .toggle-container__item.selected{background:#eaeaff!important;border:1px solid #dfe0e3!important;color:#333!important}.toggle-container[mode~=box] .toggle-container__item:hover .toggle-container[mode~=box] .toggle-container__item.selected{background:unset}.toggle-container[mode~=box] .toggle-container__item:first-child{margin-left:0}\n"] }]
|
|
99
110
|
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { items: [{
|
|
100
111
|
type: Input
|
|
101
112
|
}], bindLabel: [{
|
|
@@ -114,4 +125,4 @@ export class DrToggleButtonComponent {
|
|
|
114
125
|
type: Input,
|
|
115
126
|
args: [{ alias: 'data-analytics' }]
|
|
116
127
|
}] }); })();
|
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1pbnB1dHMvZHItdG9nZ2xlLWJ1dHRvbi9kci10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUtYnV0dG9uL2RyLXRvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7OztJQ081Qyx1QkFBa0Y7OztJQUF4QiwyQkFBbUI7OztJQUM3RSw2QkFBMEQ7SUFDdEQsWUFDSjtJQUFBLDBCQUFlOzs7O0lBRFgsZUFDSjtJQURJLHFGQUNKOzs7O0lBVkosOEJBTXNEO0lBRGxELDhOQUFTLGVBQUEsd0JBQWMsQ0FBQSxJQUFDO0lBRXhCLHlGQUFrRjtJQUNsRiwrR0FFZTtJQUNuQixpQkFBTTs7OztJQVJGLGtIQUE4RSw4QkFBQTtJQUc5RSxxRUFBaUQ7SUFDN0MsZUFBZTtJQUFmLG1DQUFlO0lBQ0osZUFBeUM7SUFBekMsd0VBQXlDOzs7SUFUaEUsNkJBQXlDO0lBQ3JDLHVGQVdNO0lBQ1YsMEJBQWU7Ozs7SUFYTixlQUErQjtJQUEvQiw2REFBK0I7O0FEUTVDLE1BQU0sT0FBTyx1QkFBdUI7SUFVaEMsSUFBYSxRQUFRLENBQUMsS0FBYztRQUNoQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMs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WUFDRyxTQUFTO2tCQUFqQixLQUFLO1lBQ0csU0FBUztrQkFBakIsS0FBSztZQUNHLFVBQVU7a0JBQWxCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxhQUFhO2tCQUFyQixLQUFLO1lBRU8sUUFBUTtrQkFBcEIsS0FBSztZQUlOLGFBQWE7a0JBRFosS0FBSzttQkFBQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVG9nZ2xlQnV0dG9uTW9kZSB9IGZyb20gJy4vdG9nZ2xlLWJ1dHRvbi1tb2RlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b2dnbGUtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IERyVG9nZ2xlQnV0dG9uQ29tcG9uZW50KSwgbXVsdGk6IHRydWUgfV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyVG9nZ2xlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIF9kaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KCkgaXRlbXM6IHN0cmluZ1tdIHwgYW55W107XG4gICAgQElucHV0KCkgYmluZExhYmVsOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgICBASW5wdXQoKSBiaW5kVmFsdWU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIGJpbmRIaWRkZW46IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIG1vZGU6IFRvZ2dsZUJ1dHRvbk1vZGUgPSBUb2dnbGVCdXR0b25Nb2RlLkRFRkFVTFQ7XG4gICAgQElucHV0KCkgc2VsZWN0ZWRWYWx1ZTogYW55IHwgc3RyaW5nO1xuXG4gICAgQElucHV0KCkgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuc2V0RGlzYWJsZWRTdGF0ZSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCh7IGFsaWFzOiAnZGF0YS1hbmFseXRpY3MnIH0pXG4gICAgZGF0YUFuYWx5dGljczogc3RyaW5nO1xuXG4gICAgcmVhZG9ubHkgVG9nZ2xlQnV0dG9uTW9kZSA9IFRvZ2dsZUJ1dHRvbk1vZGU7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgICBvbkNoYW5nZTogKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkID0gKCkgPT4ge307XG4gICAgb25Ub3VjaGVkOiAoKSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gdmFsdWU7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIH1cblxuICAgIHNldFZhbHVlKGl0ZW0pIHtcbiAgICAgICAgY29uc3QgaXNJdGVtT2JqZWN0ID0gaXRlbSBpbnN0YW5jZW9mIE9iamVjdDtcbiAgICAgICAgY29uc3QgbmV4dFZhbHVlID0gdGhpcy5iaW5kVmFsdWUgJiYgaXNJdGVtT2JqZWN0ID8gaXRlbVt0aGlzLmJpbmRWYWx1ZV0gOiBpdGVtO1xuICAgICAgICBpZiAodGhpcy5zZWxlY3RlZFZhbHVlID09PSBuZXh0VmFsdWUpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IG5leHRWYWx1ZTtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnNlbGVjdGVkVmFsdWUpO1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0RGF0YUFuYWx5dGljc1RhZyhpdGVtKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKCF0aGlzLmRhdGFBbmFseXRpY3MpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzLmJpbmRWYWx1ZSA/IGl0ZW1bdGhpcy5iaW5kVmFsdWVdIDogaXRlbTtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGF0YUFuYWx5dGljcyArICdfJyArIFN0cmluZyh2YWx1ZSkudG9Mb3dlckNhc2UoKS5yZXBsYWNlKC8gL2csICctJyk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRvZ2dsZS1jb250YWluZXJcIiBbY2xhc3MuZGlzYWJsZWRdPVwiX2Rpc2FibGVkXCIgW2F0dHIubW9kZV09XCJtb2RlXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdJZj1cIml0ZW0gJiYgIWl0ZW1bYmluZEhpZGRlbl1cIlxuICAgICAgICAgICAgY2xhc3M9XCJ0b2dnbGUtY29udGFpbmVyX19pdGVtXCJcbiAgICAgICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJpdGVtW2JpbmRWYWx1ZV0gPT09IHNlbGVjdGVkVmFsdWUgfHwgaXRlbSA9PT0gc2VsZWN0ZWRWYWx1ZVwiXG4gICAgICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgICAgICAoY2xpY2spPVwic2V0VmFsdWUoaXRlbSlcIlxuICAgICAgICAgICAgW2F0dHIuZGF0YS1hbmFseXRpY3NdPVwiZ2V0RGF0YUFuYWx5dGljc1RhZyhpdGVtKVwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpdGVtLmljb25cIiBjbGFzcz1cInRvZ2dsZS1jb250YWluZXJfX2l0ZW1fX2ljb25cIiBbY2xhc3NdPVwiaXRlbS5pY29uXCI+PC9pPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGUgIT09IFRvZ2dsZUJ1dHRvbk1vZGUuSUNPTl9PTkxZXCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbVtiaW5kTGFiZWxdIHx8IGl0ZW0ubmFtZSB8fCBpdGVtIH19XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -3,5 +3,6 @@ export var ToggleButtonMode;
|
|
|
3
3
|
ToggleButtonMode["DEFAULT"] = "default";
|
|
4
4
|
ToggleButtonMode["DOTTED"] = "dotted";
|
|
5
5
|
ToggleButtonMode["BOX"] = "box";
|
|
6
|
+
ToggleButtonMode["ICON_ONLY"] = "iconOnly";
|
|
6
7
|
})(ToggleButtonMode || (ToggleButtonMode = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWJ1dHRvbi1tb2RlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItaW5wdXRzL2RyLXRvZ2dsZS1idXR0b24vdG9nZ2xlLWJ1dHRvbi1tb2RlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGdCQUtYO0FBTEQsV0FBWSxnQkFBZ0I7SUFDeEIsdUNBQW1CLENBQUE7SUFDbkIscUNBQWlCLENBQUE7SUFDakIsK0JBQVcsQ0FBQTtJQUNYLDBDQUFzQixDQUFBO0FBQzFCLENBQUMsRUFMVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBSzNCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gVG9nZ2xlQnV0dG9uTW9kZSB7XG4gICAgREVGQVVMVCA9ICdkZWZhdWx0JyxcbiAgICBET1RURUQgPSAnZG90dGVkJyxcbiAgICBCT1ggPSAnYm94JyxcbiAgICBJQ09OX09OTFkgPSAnaWNvbk9ubHknLFxufVxuIl19
|
|
@@ -3563,20 +3563,31 @@ var ToggleButtonMode;
|
|
|
3563
3563
|
ToggleButtonMode["DEFAULT"] = "default";
|
|
3564
3564
|
ToggleButtonMode["DOTTED"] = "dotted";
|
|
3565
3565
|
ToggleButtonMode["BOX"] = "box";
|
|
3566
|
+
ToggleButtonMode["ICON_ONLY"] = "iconOnly";
|
|
3566
3567
|
})(ToggleButtonMode || (ToggleButtonMode = {}));
|
|
3567
3568
|
|
|
3568
3569
|
function DrToggleButtonComponent_ng_container_1_div_1_i_1_Template(rf, ctx) { if (rf & 1) {
|
|
3569
|
-
i0.ɵɵelement(0, "i",
|
|
3570
|
+
i0.ɵɵelement(0, "i", 6);
|
|
3570
3571
|
} if (rf & 2) {
|
|
3571
3572
|
const item_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
3572
3573
|
i0.ɵɵclassMap(item_r1.icon);
|
|
3573
3574
|
} }
|
|
3575
|
+
function DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
3576
|
+
i0.ɵɵelementContainerStart(0);
|
|
3577
|
+
i0.ɵɵtext(1);
|
|
3578
|
+
i0.ɵɵelementContainerEnd();
|
|
3579
|
+
} if (rf & 2) {
|
|
3580
|
+
const item_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
3581
|
+
const ctx_r4 = i0.ɵɵnextContext();
|
|
3582
|
+
i0.ɵɵadvance(1);
|
|
3583
|
+
i0.ɵɵtextInterpolate1(" ", item_r1[ctx_r4.bindLabel] || item_r1.name || item_r1, " ");
|
|
3584
|
+
} }
|
|
3574
3585
|
function DrToggleButtonComponent_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
3575
|
-
const
|
|
3586
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
3576
3587
|
i0.ɵɵelementStart(0, "div", 3);
|
|
3577
|
-
i0.ɵɵlistener("click", function DrToggleButtonComponent_ng_container_1_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(
|
|
3588
|
+
i0.ɵɵlistener("click", function DrToggleButtonComponent_ng_container_1_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r9); const item_r1 = i0.ɵɵnextContext().$implicit; const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.setValue(item_r1)); });
|
|
3578
3589
|
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_div_1_i_1_Template, 1, 2, "i", 4);
|
|
3579
|
-
i0.ɵɵ
|
|
3590
|
+
i0.ɵɵtemplate(2, DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template, 2, 1, "ng-container", 5);
|
|
3580
3591
|
i0.ɵɵelementEnd();
|
|
3581
3592
|
} if (rf & 2) {
|
|
3582
3593
|
const item_r1 = i0.ɵɵnextContext().$implicit;
|
|
@@ -3586,7 +3597,7 @@ function DrToggleButtonComponent_ng_container_1_div_1_Template(rf, ctx) { if (rf
|
|
|
3586
3597
|
i0.ɵɵadvance(1);
|
|
3587
3598
|
i0.ɵɵproperty("ngIf", item_r1.icon);
|
|
3588
3599
|
i0.ɵɵadvance(1);
|
|
3589
|
-
i0.ɵɵ
|
|
3600
|
+
i0.ɵɵproperty("ngIf", ctx_r2.mode !== ctx_r2.ToggleButtonMode.ICON_ONLY);
|
|
3590
3601
|
} }
|
|
3591
3602
|
function DrToggleButtonComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
3592
3603
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -3609,6 +3620,7 @@ class DrToggleButtonComponent {
|
|
|
3609
3620
|
this.bindValue = null;
|
|
3610
3621
|
this.bindHidden = null;
|
|
3611
3622
|
this.mode = ToggleButtonMode.DEFAULT;
|
|
3623
|
+
this.ToggleButtonMode = ToggleButtonMode;
|
|
3612
3624
|
this.onChange = () => { };
|
|
3613
3625
|
this.onTouched = () => { };
|
|
3614
3626
|
}
|
|
@@ -3644,7 +3656,7 @@ class DrToggleButtonComponent {
|
|
|
3644
3656
|
return this.dataAnalytics + '_' + String(value).toLowerCase().replace(/ /g, '-');
|
|
3645
3657
|
}
|
|
3646
3658
|
/** @nocollapse */ static { this.ɵfac = function DrToggleButtonComponent_Factory(t) { return new (t || DrToggleButtonComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
3647
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleButtonComponent, selectors: [["dr-toggle-button"]], inputs: { items: "items", bindLabel: "bindLabel", bindValue: "bindValue", bindHidden: "bindHidden", mode: "mode", selectedValue: "selectedValue", disabled: "disabled", dataAnalytics: ["data-analytics", "dataAnalytics"] }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }])], decls: 2, vars: 4, consts: [[1, "toggle-container"], [4, "ngFor", "ngForOf"], ["class", "toggle-container__item", 3, "selected", "disabled", "click", 4, "ngIf"], [1, "toggle-container__item", 3, "click"], ["class", "toggle-container__item__icon", 3, "class", 4, "ngIf"], [1, "toggle-container__item__icon"]], template: function DrToggleButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3659
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleButtonComponent, selectors: [["dr-toggle-button"]], inputs: { items: "items", bindLabel: "bindLabel", bindValue: "bindValue", bindHidden: "bindHidden", mode: "mode", selectedValue: "selectedValue", disabled: "disabled", dataAnalytics: ["data-analytics", "dataAnalytics"] }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }])], decls: 2, vars: 4, consts: [[1, "toggle-container"], [4, "ngFor", "ngForOf"], ["class", "toggle-container__item", 3, "selected", "disabled", "click", 4, "ngIf"], [1, "toggle-container__item", 3, "click"], ["class", "toggle-container__item__icon", 3, "class", 4, "ngIf"], [4, "ngIf"], [1, "toggle-container__item__icon"]], template: function DrToggleButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3648
3660
|
i0.ɵɵelementStart(0, "div", 0);
|
|
3649
3661
|
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_Template, 2, 1, "ng-container", 1);
|
|
3650
3662
|
i0.ɵɵelementEnd();
|
|
@@ -3653,11 +3665,11 @@ class DrToggleButtonComponent {
|
|
|
3653
3665
|
i0.ɵɵattribute("mode", ctx.mode);
|
|
3654
3666
|
i0.ɵɵadvance(1);
|
|
3655
3667
|
i0.ɵɵproperty("ngForOf", ctx.items);
|
|
3656
|
-
} }, dependencies: [i1.NgForOf, i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex}.toggle-container[_ngcontent-%COMP%]{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px;font-family:Poppins,sans-serif}.toggle-container.disabled[_ngcontent-%COMP%]{pointer-events:none}.toggle-container__item[_ngcontent-%COMP%]{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c;box-sizing:border-box}.toggle-container__item.selected[_ngcontent-%COMP%]{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__icon[_ngcontent-%COMP%]{margin-right:4px}.toggle-container[mode~=default][_ngcontent-%COMP%]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover{background:#f0f1f4}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover .toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item.selected[_ngcontent-%COMP%]{background:unset}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child{margin-left:0}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{height:40px;padding:8px 16px 8px 8px;border:1px solid #
|
|
3668
|
+
} }, dependencies: [i1.NgForOf, i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex}.toggle-container[_ngcontent-%COMP%]{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px;font-family:Poppins,sans-serif}.toggle-container.disabled[_ngcontent-%COMP%]{pointer-events:none}.toggle-container__item[_ngcontent-%COMP%]{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c;box-sizing:border-box}.toggle-container__item.selected[_ngcontent-%COMP%]{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__icon[_ngcontent-%COMP%]{margin-right:4px}.toggle-container[mode~=default][_ngcontent-%COMP%], .toggle-container[mode~=iconOnly][_ngcontent-%COMP%]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[mode~=iconOnly][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{padding:2px 8px}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover{background:#f0f1f4}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover .toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item.selected[_ngcontent-%COMP%]{background:unset}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child{margin-left:0}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]{height:40px;padding:8px 16px 8px 8px;border:1px solid #dfe0e3;border-radius:8px;margin-left:8px;color:#333;font-weight:400;font-size:14px;line-height:22px}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover{background:#f0f1f4}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item.selected[_ngcontent-%COMP%]{background:#eaeaff!important;border:1px solid #dfe0e3!important;color:#333!important}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:hover .toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item.selected[_ngcontent-%COMP%]{background:unset}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child{margin-left:0}"], changeDetection: 0 }); }
|
|
3657
3669
|
}
|
|
3658
3670
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleButtonComponent, [{
|
|
3659
3671
|
type: Component,
|
|
3660
|
-
args: [{ selector: 'dr-toggle-button', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toggle-container\" [class.disabled]=\"_disabled\" [attr.mode]=\"mode\">\n <ng-container *ngFor=\"let item of items\">\n <div\n *ngIf=\"item && !item[bindHidden]\"\n class=\"toggle-container__item\"\n [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n [class.disabled]=\"item.disabled\"\n (click)=\"setValue(item)\"\n [attr.data-analytics]=\"getDataAnalyticsTag(item)\">\n <i *ngIf=\"item.icon\" class=\"toggle-container__item__icon\" [class]=\"item.icon\"></i>\n {{ item[bindLabel] || item.name || item }}\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:flex}.toggle-container{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px;font-family:Poppins,sans-serif}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c;box-sizing:border-box}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__icon{margin-right:4px}.toggle-container[mode~=default]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[mode~=dotted] .toggle-container__item{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[mode~=dotted] .toggle-container__item:hover .toggle-container[mode~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[mode~=dotted] .toggle-container__item:first-child{margin-left:0}.toggle-container[mode~=box] .toggle-container__item{height:40px;padding:8px 16px 8px 8px;border:1px solid #
|
|
3672
|
+
args: [{ selector: 'dr-toggle-button', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toggle-container\" [class.disabled]=\"_disabled\" [attr.mode]=\"mode\">\n <ng-container *ngFor=\"let item of items\">\n <div\n *ngIf=\"item && !item[bindHidden]\"\n class=\"toggle-container__item\"\n [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n [class.disabled]=\"item.disabled\"\n (click)=\"setValue(item)\"\n [attr.data-analytics]=\"getDataAnalyticsTag(item)\">\n <i *ngIf=\"item.icon\" class=\"toggle-container__item__icon\" [class]=\"item.icon\"></i>\n <ng-container *ngIf=\"mode !== ToggleButtonMode.ICON_ONLY\">\n {{ item[bindLabel] || item.name || item }}\n </ng-container>\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:flex}.toggle-container{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px;font-family:Poppins,sans-serif}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c;box-sizing:border-box}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__icon{margin-right:4px}.toggle-container[mode~=default],.toggle-container[mode~=iconOnly]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[mode~=iconOnly] .toggle-container__item{padding:2px 8px}.toggle-container[mode~=dotted] .toggle-container__item{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[mode~=dotted] .toggle-container__item:hover .toggle-container[mode~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[mode~=dotted] .toggle-container__item:first-child{margin-left:0}.toggle-container[mode~=box] .toggle-container__item{height:40px;padding:8px 16px 8px 8px;border:1px solid #dfe0e3;border-radius:8px;margin-left:8px;color:#333;font-weight:400;font-size:14px;line-height:22px}.toggle-container[mode~=box] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[mode~=box] .toggle-container__item.selected{background:#eaeaff!important;border:1px solid #dfe0e3!important;color:#333!important}.toggle-container[mode~=box] .toggle-container__item:hover .toggle-container[mode~=box] .toggle-container__item.selected{background:unset}.toggle-container[mode~=box] .toggle-container__item:first-child{margin-left:0}\n"] }]
|
|
3661
3673
|
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { items: [{
|
|
3662
3674
|
type: Input
|
|
3663
3675
|
}], bindLabel: [{
|