@datarailsshared/datarailsshared 1.6.273 → 1.6.275
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.275.tgz +0 -0
- package/esm2022/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.mjs +34 -19
- package/esm2022/lib/dr-scenario/components/dr-scenario-configuration/dr-scenario-configuration.component.mjs +2 -2
- package/esm2022/lib/dr-tags-constructor/dr-tags-constructor.component.mjs +2 -2
- package/fesm2022/datarailsshared-datarailsshared.mjs +37 -23
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.d.ts +6 -3
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.273.tgz +0 -0
|
Binary file
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, forwardRef, Input } from '@angular/core';
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { ToggleButtonMode } from './toggle-button-mode';
|
|
4
|
+
import { uniqueId } from 'lodash';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "@angular/common";
|
|
6
7
|
import * as i2 from "../../dr-tooltip/dr-tooltip.directive";
|
|
7
|
-
function
|
|
8
|
-
i0.ɵɵelement(0, "i",
|
|
8
|
+
function DrToggleButtonComponent_ng_container_1_label_1_i_3_Template(rf, ctx) { if (rf & 1) {
|
|
9
|
+
i0.ɵɵelement(0, "i", 8);
|
|
9
10
|
} if (rf & 2) {
|
|
10
11
|
const item_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
11
12
|
i0.ɵɵclassMap(item_r1.icon);
|
|
12
13
|
} }
|
|
13
|
-
function
|
|
14
|
+
function DrToggleButtonComponent_ng_container_1_label_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
|
|
14
15
|
i0.ɵɵelementContainerStart(0);
|
|
15
16
|
i0.ɵɵtext(1);
|
|
16
17
|
i0.ɵɵelementContainerEnd();
|
|
@@ -20,27 +21,32 @@ function DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template(rf
|
|
|
20
21
|
i0.ɵɵadvance(1);
|
|
21
22
|
i0.ɵɵtextInterpolate1(" ", item_r1[ctx_r4.bindLabel] || item_r1.name || item_r1, " ");
|
|
22
23
|
} }
|
|
23
|
-
function
|
|
24
|
+
function DrToggleButtonComponent_ng_container_1_label_1_Template(rf, ctx) { if (rf & 1) {
|
|
24
25
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
25
|
-
i0.ɵɵelementStart(0, "
|
|
26
|
-
i0.ɵɵlistener("
|
|
27
|
-
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_div_1_i_1_Template, 1, 2, "i", 4);
|
|
28
|
-
i0.ɵɵtemplate(2, DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template, 2, 1, "ng-container", 5);
|
|
26
|
+
i0.ɵɵelementStart(0, "label", 3)(1, "input", 4);
|
|
27
|
+
i0.ɵɵlistener("change", function DrToggleButtonComponent_ng_container_1_label_1_Template_input_change_1_listener() { i0.ɵɵrestoreView(_r9); const item_r1 = i0.ɵɵnextContext().$implicit; const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.setValue(item_r1)); });
|
|
29
28
|
i0.ɵɵelementEnd();
|
|
29
|
+
i0.ɵɵelementStart(2, "span", 5);
|
|
30
|
+
i0.ɵɵtemplate(3, DrToggleButtonComponent_ng_container_1_label_1_i_3_Template, 1, 2, "i", 6);
|
|
31
|
+
i0.ɵɵtemplate(4, DrToggleButtonComponent_ng_container_1_label_1_ng_container_4_Template, 2, 1, "ng-container", 7);
|
|
32
|
+
i0.ɵɵelementEnd()();
|
|
30
33
|
} if (rf & 2) {
|
|
31
34
|
const item_r1 = i0.ɵɵnextContext().$implicit;
|
|
32
35
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
33
|
-
i0.ɵɵclassProp("selected",
|
|
34
|
-
i0.ɵɵ
|
|
36
|
+
i0.ɵɵclassProp("selected", ctx_r2.isSelected(item_r1));
|
|
37
|
+
i0.ɵɵadvance(1);
|
|
38
|
+
i0.ɵɵproperty("name", ctx_r2.name)("checked", ctx_r2.isSelected(item_r1))("disabled", item_r1.disabled);
|
|
35
39
|
i0.ɵɵattribute("data-analytics", ctx_r2.getDataAnalyticsTag(item_r1));
|
|
36
40
|
i0.ɵɵadvance(1);
|
|
41
|
+
i0.ɵɵproperty("drTooltip", item_r1.tooltip);
|
|
42
|
+
i0.ɵɵadvance(1);
|
|
37
43
|
i0.ɵɵproperty("ngIf", item_r1.icon);
|
|
38
44
|
i0.ɵɵadvance(1);
|
|
39
45
|
i0.ɵɵproperty("ngIf", ctx_r2.mode !== ctx_r2.ToggleButtonMode.ICON_ONLY);
|
|
40
46
|
} }
|
|
41
47
|
function DrToggleButtonComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
42
48
|
i0.ɵɵelementContainerStart(0);
|
|
43
|
-
i0.ɵɵtemplate(1,
|
|
49
|
+
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_label_1_Template, 5, 9, "label", 2);
|
|
44
50
|
i0.ɵɵelementContainerEnd();
|
|
45
51
|
} if (rf & 2) {
|
|
46
52
|
const item_r1 = ctx.$implicit;
|
|
@@ -52,13 +58,17 @@ export class DrToggleButtonComponent {
|
|
|
52
58
|
set disabled(value) {
|
|
53
59
|
this.setDisabledState(value);
|
|
54
60
|
}
|
|
61
|
+
get disabled() {
|
|
62
|
+
return this._disabled;
|
|
63
|
+
}
|
|
55
64
|
constructor(cdr) {
|
|
56
65
|
this.cdr = cdr;
|
|
57
|
-
this._disabled = false;
|
|
58
66
|
this.bindLabel = null;
|
|
59
67
|
this.bindValue = null;
|
|
60
68
|
this.bindHidden = null;
|
|
61
69
|
this.mode = ToggleButtonMode.DEFAULT;
|
|
70
|
+
this.name = `toggle-btn-${uniqueId()}`;
|
|
71
|
+
this._disabled = false;
|
|
62
72
|
this.ToggleButtonMode = ToggleButtonMode;
|
|
63
73
|
this.onChange = () => { };
|
|
64
74
|
this.onTouched = () => { };
|
|
@@ -87,6 +97,9 @@ export class DrToggleButtonComponent {
|
|
|
87
97
|
this.onTouched();
|
|
88
98
|
this.cdr.markForCheck();
|
|
89
99
|
}
|
|
100
|
+
isSelected(item) {
|
|
101
|
+
return item === this.selectedValue || item[this.bindValue] === this.selectedValue;
|
|
102
|
+
}
|
|
90
103
|
getDataAnalyticsTag(item) {
|
|
91
104
|
if (!this.dataAnalytics) {
|
|
92
105
|
return null;
|
|
@@ -95,20 +108,20 @@ export class DrToggleButtonComponent {
|
|
|
95
108
|
return this.dataAnalytics + '_' + String(value).toLowerCase().replace(/ /g, '-');
|
|
96
109
|
}
|
|
97
110
|
/** @nocollapse */ static { this.ɵfac = function DrToggleButtonComponent_Factory(t) { return new (t || DrToggleButtonComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
98
|
-
/** @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",
|
|
111
|
+
/** @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", name: "name", dataAnalytics: ["data-analytics", "dataAnalytics"], disabled: "disabled" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }])], decls: 2, vars: 5, consts: [["role", "radiogroup", 1, "toggle-container"], [4, "ngFor", "ngForOf"], ["class", "toggle-container__item", 3, "selected", 4, "ngIf"], [1, "toggle-container__item"], ["type", "radio", 1, "visually-hidden", 3, "name", "checked", "disabled", "change"], [1, "toggle-container__item__content", 3, "drTooltip"], ["class", "toggle-container__item__content__icon", "aria-hidden", "true", 3, "class", 4, "ngIf"], [4, "ngIf"], ["aria-hidden", "true", 1, "toggle-container__item__content__icon"]], template: function DrToggleButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
99
112
|
i0.ɵɵelementStart(0, "div", 0);
|
|
100
113
|
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_Template, 2, 1, "ng-container", 1);
|
|
101
114
|
i0.ɵɵelementEnd();
|
|
102
115
|
} if (rf & 2) {
|
|
103
|
-
i0.ɵɵclassProp("disabled", ctx.
|
|
104
|
-
i0.ɵɵattribute("mode", ctx.mode);
|
|
116
|
+
i0.ɵɵclassProp("disabled", ctx.disabled);
|
|
117
|
+
i0.ɵɵattribute("mode", ctx.mode)("aria-disabled", ctx.disabled);
|
|
105
118
|
i0.ɵɵadvance(1);
|
|
106
119
|
i0.ɵɵproperty("ngForOf", ctx.items);
|
|
107
|
-
} }, dependencies: [i1.NgForOf, i1.NgIf, i2.DrTooltipDirective], 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-
|
|
120
|
+
} }, dependencies: [i1.NgForOf, i1.NgIf, i2.DrTooltipDirective], 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__content[_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}input[_ngcontent-%COMP%]:focus-visible + .toggle-container__item__content[_ngcontent-%COMP%]{outline:1px solid #7f7fdd}input[_ngcontent-%COMP%]:checked + .toggle-container__item__content[_ngcontent-%COMP%]{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}input[_ngcontent-%COMP%]:disabled + .toggle-container__item__content[_ngcontent-%COMP%]{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__content__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__content[_ngcontent-%COMP%]{padding:2px 8px}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item__content[_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__content[_ngcontent-%COMP%]:hover{background:#f0f1f4}input[_ngcontent-%COMP%]:checked + .toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item__content[_ngcontent-%COMP%]:hover{background:unset}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child .toggle-container__item__content[_ngcontent-%COMP%]{margin-left:0}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item__content[_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__content[_ngcontent-%COMP%]:hover{background:#f0f1f4}input[_ngcontent-%COMP%]:checked + .toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item__content[_ngcontent-%COMP%]{background:#eaeaff!important;border:1px solid #dfe0e3!important;color:#333!important}input[_ngcontent-%COMP%]:checked + .toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item__content[_ngcontent-%COMP%]:hover{background:unset}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child .toggle-container__item__content[_ngcontent-%COMP%]{margin-left:0}.visually-hidden[_ngcontent-%COMP%]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}"], changeDetection: 0 }); }
|
|
108
121
|
}
|
|
109
122
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleButtonComponent, [{
|
|
110
123
|
type: Component,
|
|
111
|
-
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]=\"
|
|
124
|
+
args: [{ selector: 'dr-toggle-button', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toggle-container\" role=\"radiogroup\" [class.disabled]=\"disabled\" [attr.mode]=\"mode\" [attr.aria-disabled]=\"disabled\">\n <ng-container *ngFor=\"let item of items\">\n <!-- toggle-container__item and selected classes only for e2e tests as they rely on them -->\n <label *ngIf=\"item && !item[bindHidden]\" class=\"toggle-container__item\" [class.selected]=\"isSelected(item)\">\n <input\n class=\"visually-hidden\"\n type=\"radio\"\n [name]=\"name\"\n [checked]=\"isSelected(item)\"\n [disabled]=\"item.disabled\"\n (change)=\"setValue(item)\"\n [attr.data-analytics]=\"getDataAnalyticsTag(item)\" />\n\n <span [drTooltip]=\"item.tooltip\" class=\"toggle-container__item__content\">\n <i *ngIf=\"item.icon\" class=\"toggle-container__item__content__icon\" aria-hidden=\"true\" [class]=\"item.icon\"></i>\n <ng-container *ngIf=\"mode !== ToggleButtonMode.ICON_ONLY\">\n {{ item[bindLabel] || item.name || item }}\n </ng-container>\n </span>\n </label>\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__content{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}input:focus-visible+.toggle-container__item__content{outline:1px solid #7f7fdd}input:checked+.toggle-container__item__content{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}input:disabled+.toggle-container__item__content{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__content__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__content{padding:2px 8px}.toggle-container[mode~=dotted] .toggle-container__item__content{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted] .toggle-container__item__content:hover{background:#f0f1f4}input:checked+.toggle-container[mode~=dotted] .toggle-container__item__content:hover{background:unset}.toggle-container[mode~=dotted] .toggle-container__item:first-child .toggle-container__item__content{margin-left:0}.toggle-container[mode~=box] .toggle-container__item__content{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__content:hover{background:#f0f1f4}input:checked+.toggle-container[mode~=box] .toggle-container__item__content{background:#eaeaff!important;border:1px solid #dfe0e3!important;color:#333!important}input:checked+.toggle-container[mode~=box] .toggle-container__item__content:hover{background:unset}.toggle-container[mode~=box] .toggle-container__item:first-child .toggle-container__item__content{margin-left:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
|
|
112
125
|
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { items: [{
|
|
113
126
|
type: Input
|
|
114
127
|
}], bindLabel: [{
|
|
@@ -121,10 +134,12 @@ export class DrToggleButtonComponent {
|
|
|
121
134
|
type: Input
|
|
122
135
|
}], selectedValue: [{
|
|
123
136
|
type: Input
|
|
124
|
-
}],
|
|
137
|
+
}], name: [{
|
|
125
138
|
type: Input
|
|
126
139
|
}], dataAnalytics: [{
|
|
127
140
|
type: Input,
|
|
128
141
|
args: [{ alias: 'data-analytics' }]
|
|
142
|
+
}], disabled: [{
|
|
143
|
+
type: Input
|
|
129
144
|
}] }); })();
|
|
130
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
145
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1pbnB1dHMvZHItdG9nZ2xlLWJ1dHRvbi9kci10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUtYnV0dG9uL2RyLXRvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDOzs7OztJQ1dsQix1QkFBOEc7OztJQUF4QiwyQkFBbUI7OztJQUN6Ryw2QkFBMEQ7SUFDdEQsWUFDSjtJQUFBLDBCQUFlOzs7O0lBRFgsZUFDSjtJQURJLHFGQUNKOzs7O0lBZFIsZ0NBQTRHLGVBQUE7SUFPcEcsb09BQVUsZUFBQSx3QkFBYyxDQUFBLElBQUM7SUFON0IsaUJBT3dEO0lBRXhELCtCQUF5RTtJQUNyRSwyRkFBOEc7SUFDOUcsaUhBRWU7SUFDbkIsaUJBQU8sRUFBQTs7OztJQWY2RCxzREFBbUM7SUFJbkcsZUFBYTtJQUFiLGtDQUFhLHVDQUFBLDhCQUFBO0lBSWIscUVBQWlEO0lBRS9DLGVBQTBCO0lBQTFCLDJDQUEwQjtJQUN4QixlQUFlO0lBQWYsbUNBQWU7SUFDSixlQUF5QztJQUF6Qyx3RUFBeUM7OztJQWRwRSw2QkFBeUM7SUFFckMsMkZBZ0JRO0lBQ1osMEJBQWU7Ozs7SUFqQkgsZUFBK0I7SUFBL0IsNkRBQStCOztBRFMvQyxNQUFNLE9BQU8sdUJBQXVCO0lBVWhDLElBQWEsUUFBUSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFDRCxJQUFJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDMUIsQ0FBQztJQU1ELFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBbkJqQyxjQUFTLEdBQWtCLElBQUksQ0FBQztRQUNoQyxjQUFTLEdBQWtCLElBQUksQ0FBQztRQUNoQyxlQUFVLEdBQWtCLElBQUksQ0FBQztRQUNqQyxTQUFJLEdBQXFCLGdCQUFnQixDQUFDLE9BQU8sQ0FBQztRQUVsRCxTQUFJLEdBQUcsY0FBYyxRQUFRLEVBQUUsRUFBRSxDQUFDO1FBVW5DLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFakIscUJBQWdCLEdBQUcsZ0JBQWdCLENBQUM7UUFJN0MsYUFBUSxHQUE2QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsY0FBUyxHQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUhZLENBQUM7SUFLOUMsVUFBVSxDQUFDLEtBQVU7UUFDakIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUNyQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDakMsSUFBSSxDQUFDLFNBQVMsR0FBRyxVQUFVLENBQUM7SUFDaEMsQ0FBQztJQUVELFFBQVEsQ0FBQyxJQUFJO1FBQ1QsTUFBTSxZQUFZLEdBQUcsSUFBSSxZQUFZLE1BQU0sQ0FBQztRQUM1QyxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxJQUFJLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9FLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxTQUFTLEVBQUU7WUFDbEMsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUM7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVNLFVBQVUsQ0FBQyxJQUFJO1FBQ2xCLE9BQU8sSUFBSSxLQUFLLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQ3RGLENBQUM7SUFFTSxtQkFBbUIsQ0FBQyxJQUFJO1FBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3JCLE9BQU8sSUFBSSxDQUFDO1NBQ2Y7UUFFRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDM0QsT0FBTyxJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNyRixDQUFDOzJHQW5FUSx1QkFBdUI7bUdBQXZCLHVCQUF1QixrVEFIckIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixFQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1lDVHBILDhCQUErSDtZQUMzSCwwRkFtQmU7WUFDbkIsaUJBQU07O1lBckIwQyx3Q0FBMkI7WUFBQyxnQ0FBa0IsK0JBQUE7WUFDM0QsZUFBUTtZQUFSLG1DQUFROzs7dUZEVzlCLHVCQUF1QjtjQVBuQyxTQUFTOzJCQUNJLGtCQUFrQixhQUdqQixDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUMsR0FBRyxFQUFFLHdCQUF3QixFQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLG1CQUMvRix1QkFBdUIsQ0FBQyxNQUFNO29FQUd0QyxLQUFLO2tCQUFiLEtBQUs7WUFDRyxTQUFTO2tCQUFqQixLQUFLO1lBQ0csU0FBUztrQkFBakIsS0FBSztZQUNHLFVBQVU7a0JBQWxCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxhQUFhO2tCQUFyQixLQUFLO1lBQ0csSUFBSTtrQkFBWixLQUFLO1lBQzhCLGFBQWE7a0JBQWhELEtBQUs7bUJBQUMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUU7WUFFckIsUUFBUTtrQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVG9nZ2xlQnV0dG9uTW9kZSB9IGZyb20gJy4vdG9nZ2xlLWJ1dHRvbi1tb2RlJztcbmltcG9ydCB7IHVuaXF1ZUlkIH0gZnJvbSAnbG9kYXNoJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b2dnbGUtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IERyVG9nZ2xlQnV0dG9uQ29tcG9uZW50KSwgbXVsdGk6IHRydWUgfV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyVG9nZ2xlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIEBJbnB1dCgpIGl0ZW1zOiBzdHJpbmdbXSB8IGFueVtdO1xuICAgIEBJbnB1dCgpIGJpbmRMYWJlbDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gICAgQElucHV0KCkgYmluZFZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgICBASW5wdXQoKSBiaW5kSGlkZGVuOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgICBASW5wdXQoKSBtb2RlOiBUb2dnbGVCdXR0b25Nb2RlID0gVG9nZ2xlQnV0dG9uTW9kZS5ERUZBVUxUO1xuICAgIEBJbnB1dCgpIHNlbGVjdGVkVmFsdWU6IGFueSB8IHN0cmluZztcbiAgICBASW5wdXQoKSBuYW1lID0gYHRvZ2dsZS1idG4tJHt1bmlxdWVJZCgpfWA7XG4gICAgQElucHV0KHsgYWxpYXM6ICdkYXRhLWFuYWx5dGljcycgfSkgZGF0YUFuYWx5dGljczogc3RyaW5nO1xuXG4gICAgQElucHV0KCkgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuc2V0RGlzYWJsZWRTdGF0ZSh2YWx1ZSk7XG4gICAgfVxuICAgIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2Rpc2FibGVkID0gZmFsc2U7XG5cbiAgICByZWFkb25seSBUb2dnbGVCdXR0b25Nb2RlID0gVG9nZ2xlQnV0dG9uTW9kZTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICAgIG9uQ2hhbmdlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQgPSAoKSA9PiB7fTtcbiAgICBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcblxuICAgIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KSB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KSB7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICAgfVxuXG4gICAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgICAgICB0aGlzLl9kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgc2V0VmFsdWUoaXRlbSkge1xuICAgICAgICBjb25zdCBpc0l0ZW1PYmplY3QgPSBpdGVtIGluc3RhbmNlb2YgT2JqZWN0O1xuICAgICAgICBjb25zdCBuZXh0VmFsdWUgPSB0aGlzLmJpbmRWYWx1ZSAmJiBpc0l0ZW1PYmplY3QgPyBpdGVtW3RoaXMuYmluZFZhbHVlXSA6IGl0ZW07XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkVmFsdWUgPT09IG5leHRWYWx1ZSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gbmV4dFZhbHVlO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuc2VsZWN0ZWRWYWx1ZSk7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBpc1NlbGVjdGVkKGl0ZW0pOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIGl0ZW0gPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSB8fCBpdGVtW3RoaXMuYmluZFZhbHVlXSA9PT0gdGhpcy5zZWxlY3RlZFZhbHVlO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXREYXRhQW5hbHl0aWNzVGFnKGl0ZW0pOiBzdHJpbmcge1xuICAgICAgICBpZiAoIXRoaXMuZGF0YUFuYWx5dGljcykge1xuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXMuYmluZFZhbHVlID8gaXRlbVt0aGlzLmJpbmRWYWx1ZV0gOiBpdGVtO1xuICAgICAgICByZXR1cm4gdGhpcy5kYXRhQW5hbHl0aWNzICsgJ18nICsgU3RyaW5nKHZhbHVlKS50b0xvd2VyQ2FzZSgpLnJlcGxhY2UoLyAvZywgJy0nKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidG9nZ2xlLWNvbnRhaW5lclwiIHJvbGU9XCJyYWRpb2dyb3VwXCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2F0dHIubW9kZV09XCJtb2RlXCIgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIj5cbiAgICAgICAgPCEtLSB0b2dnbGUtY29udGFpbmVyX19pdGVtIGFuZCBzZWxlY3RlZCBjbGFzc2VzIG9ubHkgZm9yIGUyZSB0ZXN0cyBhcyB0aGV5IHJlbHkgb24gdGhlbSAtLT5cbiAgICAgICAgPGxhYmVsICpuZ0lmPVwiaXRlbSAmJiAhaXRlbVtiaW5kSGlkZGVuXVwiIGNsYXNzPVwidG9nZ2xlLWNvbnRhaW5lcl9faXRlbVwiIFtjbGFzcy5zZWxlY3RlZF09XCJpc1NlbGVjdGVkKGl0ZW0pXCI+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjbGFzcz1cInZpc3VhbGx5LWhpZGRlblwiXG4gICAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgICAgICBbbmFtZV09XCJuYW1lXCJcbiAgICAgICAgICAgICAgICBbY2hlY2tlZF09XCJpc1NlbGVjdGVkKGl0ZW0pXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJzZXRWYWx1ZShpdGVtKVwiXG4gICAgICAgICAgICAgICAgW2F0dHIuZGF0YS1hbmFseXRpY3NdPVwiZ2V0RGF0YUFuYWx5dGljc1RhZyhpdGVtKVwiIC8+XG5cbiAgICAgICAgICAgIDxzcGFuIFtkclRvb2x0aXBdPVwiaXRlbS50b29sdGlwXCIgY2xhc3M9XCJ0b2dnbGUtY29udGFpbmVyX19pdGVtX19jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPGkgKm5nSWY9XCJpdGVtLmljb25cIiBjbGFzcz1cInRvZ2dsZS1jb250YWluZXJfX2l0ZW1fX2NvbnRlbnRfX2ljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIiBbY2xhc3NdPVwiaXRlbS5pY29uXCI+PC9pPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlICE9PSBUb2dnbGVCdXR0b25Nb2RlLklDT05fT05MWVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtW2JpbmRMYWJlbF0gfHwgaXRlbS5uYW1lIHx8IGl0ZW0gfX1cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9sYWJlbD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19
|
|
@@ -83,11 +83,11 @@ export class DrScenarioConfigurationComponent {
|
|
|
83
83
|
i0.ɵɵproperty("ngModel", ctx.selectedScenario)("items", ctx.scenarios);
|
|
84
84
|
i0.ɵɵadvance(1);
|
|
85
85
|
i0.ɵɵproperty("ngIf", ctx.scenarioTags == null ? null : ctx.scenarioTags.length);
|
|
86
|
-
} }, dependencies: [i2.NgIf, i3.DrSelectComponent, i4.NgControlStatus, i4.NgModel, i5.DrTagsConstructorComponent], styles: [".scenario__title[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.scenario__title-list[_ngcontent-%COMP%]{margin-bottom:4px}.scenario__tags[_ngcontent-%COMP%]{margin-top:24px}[_nghost-%COMP%] .toggle-
|
|
86
|
+
} }, dependencies: [i2.NgIf, i3.DrSelectComponent, i4.NgControlStatus, i4.NgModel, i5.DrTagsConstructorComponent], styles: [".scenario__title[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.scenario__title-list[_ngcontent-%COMP%]{margin-bottom:4px}.scenario__tags[_ngcontent-%COMP%]{margin-top:24px}[_nghost-%COMP%] .toggle-container__item__content{padding:2px 8px!important}"], changeDetection: 0 }); }
|
|
87
87
|
}
|
|
88
88
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrScenarioConfigurationComponent, [{
|
|
89
89
|
type: Component,
|
|
90
|
-
args: [{ selector: 'dr-scenario-configuration', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ScenarioService], template: "<div class=\"scenario\">\n <div class=\"scenario__list\">\n <p class=\"scenario__title scenario__title-list\">Scenario</p>\n <dr-select\n [(ngModel)]=\"selectedScenario\"\n placeholder=\"Select\"\n [items]=\"scenarios\"\n (ngModelChange)=\"onScenarioChange($event)\"></dr-select>\n </div>\n <div class=\"scenario__tags\" *ngIf=\"scenarioTags?.length\">\n <dr-tags-constructor\n [scenarioTagsConfig]=\"scenarioTags\"\n (tagChange)=\"onScenarioDataChange()\"\n (tagToggle)=\"onScenarioTagToggle($any($event))\"></dr-tags-constructor>\n </div>\n</div>\n", styles: [".scenario__title{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.scenario__title-list{margin-bottom:4px}.scenario__tags{margin-top:24px}:host::ng-deep .toggle-
|
|
90
|
+
args: [{ selector: 'dr-scenario-configuration', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ScenarioService], template: "<div class=\"scenario\">\n <div class=\"scenario__list\">\n <p class=\"scenario__title scenario__title-list\">Scenario</p>\n <dr-select\n [(ngModel)]=\"selectedScenario\"\n placeholder=\"Select\"\n [items]=\"scenarios\"\n (ngModelChange)=\"onScenarioChange($event)\"></dr-select>\n </div>\n <div class=\"scenario__tags\" *ngIf=\"scenarioTags?.length\">\n <dr-tags-constructor\n [scenarioTagsConfig]=\"scenarioTags\"\n (tagChange)=\"onScenarioDataChange()\"\n (tagToggle)=\"onScenarioTagToggle($any($event))\"></dr-tags-constructor>\n </div>\n</div>\n", styles: [".scenario__title{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.scenario__title-list{margin-bottom:4px}.scenario__tags{margin-top:24px}:host::ng-deep .toggle-container__item__content{padding:2px 8px!important}\n"] }]
|
|
91
91
|
}], function () { return [{ type: i1.ScenarioService }]; }, { currentTagsConfig: [{
|
|
92
92
|
type: Input
|
|
93
93
|
}], wholeTagsConfig: [{
|
|
@@ -140,11 +140,11 @@ export class DrTagsConstructorComponent {
|
|
|
140
140
|
} if (rf & 2) {
|
|
141
141
|
i0.ɵɵadvance(3);
|
|
142
142
|
i0.ɵɵproperty("ngForOf", ctx.currentTags);
|
|
143
|
-
} }, dependencies: [i3.NgForOf, i3.NgIf, i4.DrToggleComponent, i5.DrToggleButtonComponent, i6.NgControlStatus, i6.NgModel], styles: [".tags-constructor__text[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.tags-constructor__title[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.tags-constructor__title--extra[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:700}.tags-constructor__tags__title[_ngcontent-%COMP%]{margin-bottom:16px}.tags-constructor__tag[_ngcontent-%COMP%]{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.tags-constructor__tag[_ngcontent-%COMP%]:last-child{margin-bottom:0}.tags-constructor__tag__description[_ngcontent-%COMP%]{margin-top:5px}.tags-constructor__tag__header[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.tags-constructor__sub-tag[_ngcontent-%COMP%]{margin-top:8px}[_nghost-%COMP%] .toggle-
|
|
143
|
+
} }, dependencies: [i3.NgForOf, i3.NgIf, i4.DrToggleComponent, i5.DrToggleButtonComponent, i6.NgControlStatus, i6.NgModel], styles: [".tags-constructor__text[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.tags-constructor__title[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.tags-constructor__title--extra[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:700}.tags-constructor__tags__title[_ngcontent-%COMP%]{margin-bottom:16px}.tags-constructor__tag[_ngcontent-%COMP%]{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.tags-constructor__tag[_ngcontent-%COMP%]:last-child{margin-bottom:0}.tags-constructor__tag__description[_ngcontent-%COMP%]{margin-top:5px}.tags-constructor__tag__header[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.tags-constructor__sub-tag[_ngcontent-%COMP%]{margin-top:8px}[_nghost-%COMP%] .toggle-container__item__content{padding:2px 8px!important}"] }); }
|
|
144
144
|
}
|
|
145
145
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrTagsConstructorComponent, [{
|
|
146
146
|
type: Component,
|
|
147
|
-
args: [{ selector: 'dr-tags-constructor', template: "<div class=\"tags-constructor\">\n <p class=\"tags-constructor__title--extra tags-constructor__tags__title\">Tags</p>\n <div class=\"tags-constructor__tag\" *ngFor=\"let tag of currentTags\">\n <div class=\"tags-constructor__tag__header\">\n <p class=\"tags-constructor__title\">{{ tag.name }}</p>\n <dr-toggle [(ngModel)]=\"tag.toggle\" (ngModelChange)=\"onTagToggle(tag)\"></dr-toggle>\n </div>\n <div class=\"tags-constructor__tag__description\">\n <p class=\"tags-constructor__text\">{{ tag.description }}</p>\n </div>\n <div *ngIf=\"tag.toggle\" class=\"tags-constructor__tag__body\">\n <div *ngIf=\"tag.subTags?.length\" class=\"tags-constructor__sub-tag\">\n <dr-toggle-button\n [(ngModel)]=\"tag.selectedTagSubType\"\n bindHidden=\"hidden\"\n bindLabel=\"name\"\n bindValue=\"subType\"\n [items]=\"tag.subTags\"\n [mode]=\"toggleButtonMode.DOTTED\"\n (ngModelChange)=\"onSubTagChange(tag)\"></dr-toggle-button>\n </div>\n </div>\n </div>\n</div>\n", styles: [".tags-constructor__text{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.tags-constructor__title{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.tags-constructor__title--extra{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:700}.tags-constructor__tags__title{margin-bottom:16px}.tags-constructor__tag{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.tags-constructor__tag:last-child{margin-bottom:0}.tags-constructor__tag__description{margin-top:5px}.tags-constructor__tag__header{display:flex;justify-content:space-between}.tags-constructor__sub-tag{margin-top:8px}:host::ng-deep .toggle-
|
|
147
|
+
args: [{ selector: 'dr-tags-constructor', template: "<div class=\"tags-constructor\">\n <p class=\"tags-constructor__title--extra tags-constructor__tags__title\">Tags</p>\n <div class=\"tags-constructor__tag\" *ngFor=\"let tag of currentTags\">\n <div class=\"tags-constructor__tag__header\">\n <p class=\"tags-constructor__title\">{{ tag.name }}</p>\n <dr-toggle [(ngModel)]=\"tag.toggle\" (ngModelChange)=\"onTagToggle(tag)\"></dr-toggle>\n </div>\n <div class=\"tags-constructor__tag__description\">\n <p class=\"tags-constructor__text\">{{ tag.description }}</p>\n </div>\n <div *ngIf=\"tag.toggle\" class=\"tags-constructor__tag__body\">\n <div *ngIf=\"tag.subTags?.length\" class=\"tags-constructor__sub-tag\">\n <dr-toggle-button\n [(ngModel)]=\"tag.selectedTagSubType\"\n bindHidden=\"hidden\"\n bindLabel=\"name\"\n bindValue=\"subType\"\n [items]=\"tag.subTags\"\n [mode]=\"toggleButtonMode.DOTTED\"\n (ngModelChange)=\"onSubTagChange(tag)\"></dr-toggle-button>\n </div>\n </div>\n </div>\n</div>\n", styles: [".tags-constructor__text{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.tags-constructor__title{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.tags-constructor__title--extra{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:700}.tags-constructor__tags__title{margin-bottom:16px}.tags-constructor__tag{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.tags-constructor__tag:last-child{margin-bottom:0}.tags-constructor__tag__description{margin-top:5px}.tags-constructor__tag__header{display:flex;justify-content:space-between}.tags-constructor__sub-tag{margin-top:8px}:host::ng-deep .toggle-container__item__content{padding:2px 8px!important}\n"] }]
|
|
148
148
|
}], function () { return [{ type: i1.ScenarioService }, { type: i2.TagsConstructorService }]; }, { scenarioTagsConfig: [{
|
|
149
149
|
type: Input
|
|
150
150
|
}], tagsConfigToDisplay: [{
|
|
@@ -11,7 +11,7 @@ import * as i2 from '@angular/forms';
|
|
|
11
11
|
import { NG_VALUE_ACCESSOR, FormBuilder, FormsModule, ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';
|
|
12
12
|
import { Observable, BehaviorSubject, distinctUntilChanged, Subject, startWith, delay, noop as noop$3, combineLatest, from, merge as merge$1, fromEvent, map as map$2, takeUntil as takeUntil$1, filter as filter$1, switchMap as switchMap$1, observeOn, asyncScheduler, withLatestFrom, first as first$1, interval, throwError, finalize as finalize$1, tap as tap$1, defer, firstValueFrom, throttleTime } from 'rxjs';
|
|
13
13
|
import * as _ from 'lodash';
|
|
14
|
-
import { isNil, isObject, cloneDeep, find, indexOf, reduce, map as map$1, isNumber, merge, forEach, some, isEqual, orderBy, filter as filter$2, includes, pull, concat, isString, isBoolean, keys, get, has, isArray } from 'lodash';
|
|
14
|
+
import { isNil, isObject, cloneDeep, find, indexOf, uniqueId as uniqueId$1, reduce, map as map$1, isNumber, merge, forEach, some, isEqual, orderBy, filter as filter$2, includes, pull, concat, isString, isBoolean, keys, get, has, isArray } from 'lodash';
|
|
15
15
|
import { transition, style, animate, trigger, state } from '@angular/animations';
|
|
16
16
|
import { skip, debounceTime, filter, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, map, tap, takeUntil, shareReplay, switchMap, first, catchError, finalize, take } from 'rxjs/operators';
|
|
17
17
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
@@ -3933,13 +3933,13 @@ var ToggleButtonMode;
|
|
|
3933
3933
|
ToggleButtonMode["ICON_ONLY"] = "iconOnly";
|
|
3934
3934
|
})(ToggleButtonMode || (ToggleButtonMode = {}));
|
|
3935
3935
|
|
|
3936
|
-
function
|
|
3937
|
-
i0.ɵɵelement(0, "i",
|
|
3936
|
+
function DrToggleButtonComponent_ng_container_1_label_1_i_3_Template(rf, ctx) { if (rf & 1) {
|
|
3937
|
+
i0.ɵɵelement(0, "i", 8);
|
|
3938
3938
|
} if (rf & 2) {
|
|
3939
3939
|
const item_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
3940
3940
|
i0.ɵɵclassMap(item_r1.icon);
|
|
3941
3941
|
} }
|
|
3942
|
-
function
|
|
3942
|
+
function DrToggleButtonComponent_ng_container_1_label_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
|
|
3943
3943
|
i0.ɵɵelementContainerStart(0);
|
|
3944
3944
|
i0.ɵɵtext(1);
|
|
3945
3945
|
i0.ɵɵelementContainerEnd();
|
|
@@ -3949,27 +3949,32 @@ function DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template(rf
|
|
|
3949
3949
|
i0.ɵɵadvance(1);
|
|
3950
3950
|
i0.ɵɵtextInterpolate1(" ", item_r1[ctx_r4.bindLabel] || item_r1.name || item_r1, " ");
|
|
3951
3951
|
} }
|
|
3952
|
-
function
|
|
3952
|
+
function DrToggleButtonComponent_ng_container_1_label_1_Template(rf, ctx) { if (rf & 1) {
|
|
3953
3953
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
3954
|
-
i0.ɵɵelementStart(0, "
|
|
3955
|
-
i0.ɵɵlistener("
|
|
3956
|
-
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_div_1_i_1_Template, 1, 2, "i", 4);
|
|
3957
|
-
i0.ɵɵtemplate(2, DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template, 2, 1, "ng-container", 5);
|
|
3954
|
+
i0.ɵɵelementStart(0, "label", 3)(1, "input", 4);
|
|
3955
|
+
i0.ɵɵlistener("change", function DrToggleButtonComponent_ng_container_1_label_1_Template_input_change_1_listener() { i0.ɵɵrestoreView(_r9); const item_r1 = i0.ɵɵnextContext().$implicit; const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.setValue(item_r1)); });
|
|
3958
3956
|
i0.ɵɵelementEnd();
|
|
3957
|
+
i0.ɵɵelementStart(2, "span", 5);
|
|
3958
|
+
i0.ɵɵtemplate(3, DrToggleButtonComponent_ng_container_1_label_1_i_3_Template, 1, 2, "i", 6);
|
|
3959
|
+
i0.ɵɵtemplate(4, DrToggleButtonComponent_ng_container_1_label_1_ng_container_4_Template, 2, 1, "ng-container", 7);
|
|
3960
|
+
i0.ɵɵelementEnd()();
|
|
3959
3961
|
} if (rf & 2) {
|
|
3960
3962
|
const item_r1 = i0.ɵɵnextContext().$implicit;
|
|
3961
3963
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3962
|
-
i0.ɵɵclassProp("selected",
|
|
3963
|
-
i0.ɵɵ
|
|
3964
|
+
i0.ɵɵclassProp("selected", ctx_r2.isSelected(item_r1));
|
|
3965
|
+
i0.ɵɵadvance(1);
|
|
3966
|
+
i0.ɵɵproperty("name", ctx_r2.name)("checked", ctx_r2.isSelected(item_r1))("disabled", item_r1.disabled);
|
|
3964
3967
|
i0.ɵɵattribute("data-analytics", ctx_r2.getDataAnalyticsTag(item_r1));
|
|
3965
3968
|
i0.ɵɵadvance(1);
|
|
3969
|
+
i0.ɵɵproperty("drTooltip", item_r1.tooltip);
|
|
3970
|
+
i0.ɵɵadvance(1);
|
|
3966
3971
|
i0.ɵɵproperty("ngIf", item_r1.icon);
|
|
3967
3972
|
i0.ɵɵadvance(1);
|
|
3968
3973
|
i0.ɵɵproperty("ngIf", ctx_r2.mode !== ctx_r2.ToggleButtonMode.ICON_ONLY);
|
|
3969
3974
|
} }
|
|
3970
3975
|
function DrToggleButtonComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
3971
3976
|
i0.ɵɵelementContainerStart(0);
|
|
3972
|
-
i0.ɵɵtemplate(1,
|
|
3977
|
+
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_label_1_Template, 5, 9, "label", 2);
|
|
3973
3978
|
i0.ɵɵelementContainerEnd();
|
|
3974
3979
|
} if (rf & 2) {
|
|
3975
3980
|
const item_r1 = ctx.$implicit;
|
|
@@ -3981,13 +3986,17 @@ class DrToggleButtonComponent {
|
|
|
3981
3986
|
set disabled(value) {
|
|
3982
3987
|
this.setDisabledState(value);
|
|
3983
3988
|
}
|
|
3989
|
+
get disabled() {
|
|
3990
|
+
return this._disabled;
|
|
3991
|
+
}
|
|
3984
3992
|
constructor(cdr) {
|
|
3985
3993
|
this.cdr = cdr;
|
|
3986
|
-
this._disabled = false;
|
|
3987
3994
|
this.bindLabel = null;
|
|
3988
3995
|
this.bindValue = null;
|
|
3989
3996
|
this.bindHidden = null;
|
|
3990
3997
|
this.mode = ToggleButtonMode.DEFAULT;
|
|
3998
|
+
this.name = `toggle-btn-${uniqueId$1()}`;
|
|
3999
|
+
this._disabled = false;
|
|
3991
4000
|
this.ToggleButtonMode = ToggleButtonMode;
|
|
3992
4001
|
this.onChange = () => { };
|
|
3993
4002
|
this.onTouched = () => { };
|
|
@@ -4016,6 +4025,9 @@ class DrToggleButtonComponent {
|
|
|
4016
4025
|
this.onTouched();
|
|
4017
4026
|
this.cdr.markForCheck();
|
|
4018
4027
|
}
|
|
4028
|
+
isSelected(item) {
|
|
4029
|
+
return item === this.selectedValue || item[this.bindValue] === this.selectedValue;
|
|
4030
|
+
}
|
|
4019
4031
|
getDataAnalyticsTag(item) {
|
|
4020
4032
|
if (!this.dataAnalytics) {
|
|
4021
4033
|
return null;
|
|
@@ -4024,20 +4036,20 @@ class DrToggleButtonComponent {
|
|
|
4024
4036
|
return this.dataAnalytics + '_' + String(value).toLowerCase().replace(/ /g, '-');
|
|
4025
4037
|
}
|
|
4026
4038
|
/** @nocollapse */ static { this.ɵfac = function DrToggleButtonComponent_Factory(t) { return new (t || DrToggleButtonComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
4027
|
-
/** @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",
|
|
4039
|
+
/** @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", name: "name", dataAnalytics: ["data-analytics", "dataAnalytics"], disabled: "disabled" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }])], decls: 2, vars: 5, consts: [["role", "radiogroup", 1, "toggle-container"], [4, "ngFor", "ngForOf"], ["class", "toggle-container__item", 3, "selected", 4, "ngIf"], [1, "toggle-container__item"], ["type", "radio", 1, "visually-hidden", 3, "name", "checked", "disabled", "change"], [1, "toggle-container__item__content", 3, "drTooltip"], ["class", "toggle-container__item__content__icon", "aria-hidden", "true", 3, "class", 4, "ngIf"], [4, "ngIf"], ["aria-hidden", "true", 1, "toggle-container__item__content__icon"]], template: function DrToggleButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4028
4040
|
i0.ɵɵelementStart(0, "div", 0);
|
|
4029
4041
|
i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_Template, 2, 1, "ng-container", 1);
|
|
4030
4042
|
i0.ɵɵelementEnd();
|
|
4031
4043
|
} if (rf & 2) {
|
|
4032
|
-
i0.ɵɵclassProp("disabled", ctx.
|
|
4033
|
-
i0.ɵɵattribute("mode", ctx.mode);
|
|
4044
|
+
i0.ɵɵclassProp("disabled", ctx.disabled);
|
|
4045
|
+
i0.ɵɵattribute("mode", ctx.mode)("aria-disabled", ctx.disabled);
|
|
4034
4046
|
i0.ɵɵadvance(1);
|
|
4035
4047
|
i0.ɵɵproperty("ngForOf", ctx.items);
|
|
4036
|
-
} }, dependencies: [i1.NgForOf, i1.NgIf, DrTooltipDirective], 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-
|
|
4048
|
+
} }, dependencies: [i1.NgForOf, i1.NgIf, DrTooltipDirective], 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__content[_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}input[_ngcontent-%COMP%]:focus-visible + .toggle-container__item__content[_ngcontent-%COMP%]{outline:1px solid #7f7fdd}input[_ngcontent-%COMP%]:checked + .toggle-container__item__content[_ngcontent-%COMP%]{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}input[_ngcontent-%COMP%]:disabled + .toggle-container__item__content[_ngcontent-%COMP%]{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__content__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__content[_ngcontent-%COMP%]{padding:2px 8px}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item__content[_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__content[_ngcontent-%COMP%]:hover{background:#f0f1f4}input[_ngcontent-%COMP%]:checked + .toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item__content[_ngcontent-%COMP%]:hover{background:unset}.toggle-container[mode~=dotted][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child .toggle-container__item__content[_ngcontent-%COMP%]{margin-left:0}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item__content[_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__content[_ngcontent-%COMP%]:hover{background:#f0f1f4}input[_ngcontent-%COMP%]:checked + .toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item__content[_ngcontent-%COMP%]{background:#eaeaff!important;border:1px solid #dfe0e3!important;color:#333!important}input[_ngcontent-%COMP%]:checked + .toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item__content[_ngcontent-%COMP%]:hover{background:unset}.toggle-container[mode~=box][_ngcontent-%COMP%] .toggle-container__item[_ngcontent-%COMP%]:first-child .toggle-container__item__content[_ngcontent-%COMP%]{margin-left:0}.visually-hidden[_ngcontent-%COMP%]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}"], changeDetection: 0 }); }
|
|
4037
4049
|
}
|
|
4038
4050
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleButtonComponent, [{
|
|
4039
4051
|
type: Component,
|
|
4040
|
-
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]=\"
|
|
4052
|
+
args: [{ selector: 'dr-toggle-button', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrToggleButtonComponent)), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toggle-container\" role=\"radiogroup\" [class.disabled]=\"disabled\" [attr.mode]=\"mode\" [attr.aria-disabled]=\"disabled\">\n <ng-container *ngFor=\"let item of items\">\n <!-- toggle-container__item and selected classes only for e2e tests as they rely on them -->\n <label *ngIf=\"item && !item[bindHidden]\" class=\"toggle-container__item\" [class.selected]=\"isSelected(item)\">\n <input\n class=\"visually-hidden\"\n type=\"radio\"\n [name]=\"name\"\n [checked]=\"isSelected(item)\"\n [disabled]=\"item.disabled\"\n (change)=\"setValue(item)\"\n [attr.data-analytics]=\"getDataAnalyticsTag(item)\" />\n\n <span [drTooltip]=\"item.tooltip\" class=\"toggle-container__item__content\">\n <i *ngIf=\"item.icon\" class=\"toggle-container__item__content__icon\" aria-hidden=\"true\" [class]=\"item.icon\"></i>\n <ng-container *ngIf=\"mode !== ToggleButtonMode.ICON_ONLY\">\n {{ item[bindLabel] || item.name || item }}\n </ng-container>\n </span>\n </label>\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__content{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}input:focus-visible+.toggle-container__item__content{outline:1px solid #7f7fdd}input:checked+.toggle-container__item__content{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}input:disabled+.toggle-container__item__content{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container__item__content__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__content{padding:2px 8px}.toggle-container[mode~=dotted] .toggle-container__item__content{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted] .toggle-container__item__content:hover{background:#f0f1f4}input:checked+.toggle-container[mode~=dotted] .toggle-container__item__content:hover{background:unset}.toggle-container[mode~=dotted] .toggle-container__item:first-child .toggle-container__item__content{margin-left:0}.toggle-container[mode~=box] .toggle-container__item__content{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__content:hover{background:#f0f1f4}input:checked+.toggle-container[mode~=box] .toggle-container__item__content{background:#eaeaff!important;border:1px solid #dfe0e3!important;color:#333!important}input:checked+.toggle-container[mode~=box] .toggle-container__item__content:hover{background:unset}.toggle-container[mode~=box] .toggle-container__item:first-child .toggle-container__item__content{margin-left:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
|
|
4041
4053
|
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { items: [{
|
|
4042
4054
|
type: Input
|
|
4043
4055
|
}], bindLabel: [{
|
|
@@ -4050,11 +4062,13 @@ class DrToggleButtonComponent {
|
|
|
4050
4062
|
type: Input
|
|
4051
4063
|
}], selectedValue: [{
|
|
4052
4064
|
type: Input
|
|
4053
|
-
}],
|
|
4065
|
+
}], name: [{
|
|
4054
4066
|
type: Input
|
|
4055
4067
|
}], dataAnalytics: [{
|
|
4056
4068
|
type: Input,
|
|
4057
4069
|
args: [{ alias: 'data-analytics' }]
|
|
4070
|
+
}], disabled: [{
|
|
4071
|
+
type: Input
|
|
4058
4072
|
}] }); })();
|
|
4059
4073
|
|
|
4060
4074
|
function ListTagComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -9864,11 +9878,11 @@ class DrTagsConstructorComponent {
|
|
|
9864
9878
|
} if (rf & 2) {
|
|
9865
9879
|
i0.ɵɵadvance(3);
|
|
9866
9880
|
i0.ɵɵproperty("ngForOf", ctx.currentTags);
|
|
9867
|
-
} }, dependencies: [i1.NgForOf, i1.NgIf, DrToggleComponent, DrToggleButtonComponent, i2.NgControlStatus, i2.NgModel], styles: [".tags-constructor__text[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.tags-constructor__title[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.tags-constructor__title--extra[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:700}.tags-constructor__tags__title[_ngcontent-%COMP%]{margin-bottom:16px}.tags-constructor__tag[_ngcontent-%COMP%]{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.tags-constructor__tag[_ngcontent-%COMP%]:last-child{margin-bottom:0}.tags-constructor__tag__description[_ngcontent-%COMP%]{margin-top:5px}.tags-constructor__tag__header[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.tags-constructor__sub-tag[_ngcontent-%COMP%]{margin-top:8px}[_nghost-%COMP%] .toggle-
|
|
9881
|
+
} }, dependencies: [i1.NgForOf, i1.NgIf, DrToggleComponent, DrToggleButtonComponent, i2.NgControlStatus, i2.NgModel], styles: [".tags-constructor__text[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.tags-constructor__title[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.tags-constructor__title--extra[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:700}.tags-constructor__tags__title[_ngcontent-%COMP%]{margin-bottom:16px}.tags-constructor__tag[_ngcontent-%COMP%]{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.tags-constructor__tag[_ngcontent-%COMP%]:last-child{margin-bottom:0}.tags-constructor__tag__description[_ngcontent-%COMP%]{margin-top:5px}.tags-constructor__tag__header[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.tags-constructor__sub-tag[_ngcontent-%COMP%]{margin-top:8px}[_nghost-%COMP%] .toggle-container__item__content{padding:2px 8px!important}"] }); }
|
|
9868
9882
|
}
|
|
9869
9883
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrTagsConstructorComponent, [{
|
|
9870
9884
|
type: Component,
|
|
9871
|
-
args: [{ selector: 'dr-tags-constructor', template: "<div class=\"tags-constructor\">\n <p class=\"tags-constructor__title--extra tags-constructor__tags__title\">Tags</p>\n <div class=\"tags-constructor__tag\" *ngFor=\"let tag of currentTags\">\n <div class=\"tags-constructor__tag__header\">\n <p class=\"tags-constructor__title\">{{ tag.name }}</p>\n <dr-toggle [(ngModel)]=\"tag.toggle\" (ngModelChange)=\"onTagToggle(tag)\"></dr-toggle>\n </div>\n <div class=\"tags-constructor__tag__description\">\n <p class=\"tags-constructor__text\">{{ tag.description }}</p>\n </div>\n <div *ngIf=\"tag.toggle\" class=\"tags-constructor__tag__body\">\n <div *ngIf=\"tag.subTags?.length\" class=\"tags-constructor__sub-tag\">\n <dr-toggle-button\n [(ngModel)]=\"tag.selectedTagSubType\"\n bindHidden=\"hidden\"\n bindLabel=\"name\"\n bindValue=\"subType\"\n [items]=\"tag.subTags\"\n [mode]=\"toggleButtonMode.DOTTED\"\n (ngModelChange)=\"onSubTagChange(tag)\"></dr-toggle-button>\n </div>\n </div>\n </div>\n</div>\n", styles: [".tags-constructor__text{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.tags-constructor__title{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.tags-constructor__title--extra{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:700}.tags-constructor__tags__title{margin-bottom:16px}.tags-constructor__tag{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.tags-constructor__tag:last-child{margin-bottom:0}.tags-constructor__tag__description{margin-top:5px}.tags-constructor__tag__header{display:flex;justify-content:space-between}.tags-constructor__sub-tag{margin-top:8px}:host::ng-deep .toggle-
|
|
9885
|
+
args: [{ selector: 'dr-tags-constructor', template: "<div class=\"tags-constructor\">\n <p class=\"tags-constructor__title--extra tags-constructor__tags__title\">Tags</p>\n <div class=\"tags-constructor__tag\" *ngFor=\"let tag of currentTags\">\n <div class=\"tags-constructor__tag__header\">\n <p class=\"tags-constructor__title\">{{ tag.name }}</p>\n <dr-toggle [(ngModel)]=\"tag.toggle\" (ngModelChange)=\"onTagToggle(tag)\"></dr-toggle>\n </div>\n <div class=\"tags-constructor__tag__description\">\n <p class=\"tags-constructor__text\">{{ tag.description }}</p>\n </div>\n <div *ngIf=\"tag.toggle\" class=\"tags-constructor__tag__body\">\n <div *ngIf=\"tag.subTags?.length\" class=\"tags-constructor__sub-tag\">\n <dr-toggle-button\n [(ngModel)]=\"tag.selectedTagSubType\"\n bindHidden=\"hidden\"\n bindLabel=\"name\"\n bindValue=\"subType\"\n [items]=\"tag.subTags\"\n [mode]=\"toggleButtonMode.DOTTED\"\n (ngModelChange)=\"onSubTagChange(tag)\"></dr-toggle-button>\n </div>\n </div>\n </div>\n</div>\n", styles: [".tags-constructor__text{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.tags-constructor__title{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.tags-constructor__title--extra{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:700}.tags-constructor__tags__title{margin-bottom:16px}.tags-constructor__tag{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.tags-constructor__tag:last-child{margin-bottom:0}.tags-constructor__tag__description{margin-top:5px}.tags-constructor__tag__header{display:flex;justify-content:space-between}.tags-constructor__sub-tag{margin-top:8px}:host::ng-deep .toggle-container__item__content{padding:2px 8px!important}\n"] }]
|
|
9872
9886
|
}], function () { return [{ type: ScenarioService }, { type: TagsConstructorService }]; }, { scenarioTagsConfig: [{
|
|
9873
9887
|
type: Input
|
|
9874
9888
|
}], tagsConfigToDisplay: [{
|
|
@@ -9957,11 +9971,11 @@ class DrScenarioConfigurationComponent {
|
|
|
9957
9971
|
i0.ɵɵproperty("ngModel", ctx.selectedScenario)("items", ctx.scenarios);
|
|
9958
9972
|
i0.ɵɵadvance(1);
|
|
9959
9973
|
i0.ɵɵproperty("ngIf", ctx.scenarioTags == null ? null : ctx.scenarioTags.length);
|
|
9960
|
-
} }, dependencies: [i1.NgIf, DrSelectComponent, i2.NgControlStatus, i2.NgModel, DrTagsConstructorComponent], styles: [".scenario__title[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.scenario__title-list[_ngcontent-%COMP%]{margin-bottom:4px}.scenario__tags[_ngcontent-%COMP%]{margin-top:24px}[_nghost-%COMP%] .toggle-
|
|
9974
|
+
} }, dependencies: [i1.NgIf, DrSelectComponent, i2.NgControlStatus, i2.NgModel, DrTagsConstructorComponent], styles: [".scenario__title[_ngcontent-%COMP%]{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.scenario__title-list[_ngcontent-%COMP%]{margin-bottom:4px}.scenario__tags[_ngcontent-%COMP%]{margin-top:24px}[_nghost-%COMP%] .toggle-container__item__content{padding:2px 8px!important}"], changeDetection: 0 }); }
|
|
9961
9975
|
}
|
|
9962
9976
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrScenarioConfigurationComponent, [{
|
|
9963
9977
|
type: Component,
|
|
9964
|
-
args: [{ selector: 'dr-scenario-configuration', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ScenarioService], template: "<div class=\"scenario\">\n <div class=\"scenario__list\">\n <p class=\"scenario__title scenario__title-list\">Scenario</p>\n <dr-select\n [(ngModel)]=\"selectedScenario\"\n placeholder=\"Select\"\n [items]=\"scenarios\"\n (ngModelChange)=\"onScenarioChange($event)\"></dr-select>\n </div>\n <div class=\"scenario__tags\" *ngIf=\"scenarioTags?.length\">\n <dr-tags-constructor\n [scenarioTagsConfig]=\"scenarioTags\"\n (tagChange)=\"onScenarioDataChange()\"\n (tagToggle)=\"onScenarioTagToggle($any($event))\"></dr-tags-constructor>\n </div>\n</div>\n", styles: [".scenario__title{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.scenario__title-list{margin-bottom:4px}.scenario__tags{margin-top:24px}:host::ng-deep .toggle-
|
|
9978
|
+
args: [{ selector: 'dr-scenario-configuration', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ScenarioService], template: "<div class=\"scenario\">\n <div class=\"scenario__list\">\n <p class=\"scenario__title scenario__title-list\">Scenario</p>\n <dr-select\n [(ngModel)]=\"selectedScenario\"\n placeholder=\"Select\"\n [items]=\"scenarios\"\n (ngModelChange)=\"onScenarioChange($event)\"></dr-select>\n </div>\n <div class=\"scenario__tags\" *ngIf=\"scenarioTags?.length\">\n <dr-tags-constructor\n [scenarioTagsConfig]=\"scenarioTags\"\n (tagChange)=\"onScenarioDataChange()\"\n (tagToggle)=\"onScenarioTagToggle($any($event))\"></dr-tags-constructor>\n </div>\n</div>\n", styles: [".scenario__title{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px;font-weight:600}.scenario__title-list{margin-bottom:4px}.scenario__tags{margin-top:24px}:host::ng-deep .toggle-container__item__content{padding:2px 8px!important}\n"] }]
|
|
9965
9979
|
}], function () { return [{ type: ScenarioService }]; }, { currentTagsConfig: [{
|
|
9966
9980
|
type: Input
|
|
9967
9981
|
}], wholeTagsConfig: [{
|