npm - @datarailsshared/datarailsshared - Versions diffs - 1.6.271 → 1.6.275 - Mend

@datarailsshared/datarailsshared 1.6.271 → 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.

Files changed (10) hide show

package/datarailsshared-datarailsshared-1.6.275.tgz ADDED Viewed

Binary file

package/esm2022/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.mjs CHANGED Viewed

@@ -1,16 +1,17 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, forwardRef, Input } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ToggleButtonMode } from './toggle-button-mode';
+import { uniqueId } from 'lodash';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../dr-tooltip/dr-tooltip.directive";
-function DrToggleButtonComponent_ng_container_1_div_1_i_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 6);
+function DrToggleButtonComponent_ng_container_1_label_1_i_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 8);
 } if (rf & 2) {
     const item_r1 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵclassMap(item_r1.icon);
 } }
-function DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+function DrToggleButtonComponent_ng_container_1_label_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtext(1);
     i0.ɵɵelementContainerEnd();
@@ -20,27 +21,32 @@ function DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template(rf
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", item_r1[ctx_r4.bindLabel] || item_r1.name || item_r1, " ");
 } }
-function DrToggleButtonComponent_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
+function DrToggleButtonComponent_ng_container_1_label_1_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3);
-    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)); });
-    i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_div_1_i_1_Template, 1, 2, "i", 4);
-    i0.ɵɵtemplate(2, DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template, 2, 1, "ng-container", 5);
+    i0.ɵɵelementStart(0, "label", 3)(1, "input", 4);
+    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)); });
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 5);
+    i0.ɵɵtemplate(3, DrToggleButtonComponent_ng_container_1_label_1_i_3_Template, 1, 2, "i", 6);
+    i0.ɵɵtemplate(4, DrToggleButtonComponent_ng_container_1_label_1_ng_container_4_Template, 2, 1, "ng-container", 7);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r1 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("selected", item_r1[ctx_r2.bindValue] === ctx_r2.selectedValue || item_r1 === ctx_r2.selectedValue)("disabled", item_r1.disabled);
-    i0.ɵɵproperty("drTooltip", item_r1.tooltip);
+    i0.ɵɵclassProp("selected", ctx_r2.isSelected(item_r1));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", ctx_r2.name)("checked", ctx_r2.isSelected(item_r1))("disabled", item_r1.disabled);
     i0.ɵɵattribute("data-analytics", ctx_r2.getDataAnalyticsTag(item_r1));
     i0.ɵɵadvance(1);
+    i0.ɵɵproperty("drTooltip", item_r1.tooltip);
+    i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", item_r1.icon);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r2.mode !== ctx_r2.ToggleButtonMode.ICON_ONLY);
 } }
 function DrToggleButtonComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_div_1_Template, 3, 8, "div", 2);
+    i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_label_1_Template, 5, 9, "label", 2);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const item_r1 = ctx.$implicit;
@@ -52,13 +58,17 @@ export class DrToggleButtonComponent {
     set disabled(value) {
         this.setDisabledState(value);
     }
+    get disabled() {
+        return this._disabled;
+    }
     constructor(cdr) {
         this.cdr = cdr;
-        this._disabled = false;
         this.bindLabel = null;
         this.bindValue = null;
         this.bindHidden = null;
         this.mode = ToggleButtonMode.DEFAULT;
+        this.name = `toggle-btn-${uniqueId()}`;
+        this._disabled = false;
         this.ToggleButtonMode = ToggleButtonMode;
         this.onChange = () => { };
         this.onTouched = () => { };
@@ -87,6 +97,9 @@ export class DrToggleButtonComponent {
         this.onTouched();
         this.cdr.markForCheck();
     }
+    isSelected(item) {
+        return item === this.selectedValue || item[this.bindValue] === this.selectedValue;
+    }
     getDataAnalyticsTag(item) {
         if (!this.dataAnalytics) {
             return null;
@@ -95,20 +108,20 @@ export class DrToggleButtonComponent {
         return this.dataAnalytics + '_' + String(value).toLowerCase().replace(/ /g, '-');
     }
     /** @nocollapse */ static { this.ɵfac = function DrToggleButtonComponent_Factory(t) { return new (t || DrToggleButtonComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    /** @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, "drTooltip", "selected", "disabled", "click", 4, "ngIf"], [1, "toggle-container__item", 3, "drTooltip", "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) {
+    /** @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) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_Template, 2, 1, "ng-container", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassProp("disabled", ctx._disabled);
-            i0.ɵɵattribute("mode", ctx.mode);
+            i0.ɵɵclassProp("disabled", ctx.disabled);
+            i0.ɵɵattribute("mode", ctx.mode)("aria-disabled", ctx.disabled);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx.items);
-        } }, 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[_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 }); }
+        } }, 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 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleButtonComponent, [{
         type: Component,
-        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            [drTooltip]=\"item.tooltip\"\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"] }]
+        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"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { items: [{
             type: Input
         }], bindLabel: [{
@@ -121,10 +134,12 @@ export class DrToggleButtonComponent {
             type: Input
         }], selectedValue: [{
             type: Input
-        }], disabled: [{
+        }], name: [{
             type: Input
         }], dataAnalytics: [{
             type: Input,
             args: [{ alias: 'data-analytics' }]
+        }], disabled: [{
+            type: Input
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1pbnB1dHMvZHItdG9nZ2xlLWJ1dHRvbi9kci10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUtYnV0dG9uL2RyLXRvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7SUNRNUMsdUJBQWtGOzs7SUFBeEIsMkJBQW1COzs7SUFDN0UsNkJBQTBEO0lBQ3RELFlBQ0o7SUFBQSwwQkFBZTs7OztJQURYLGVBQ0o7SUFESSxxRkFDSjs7OztJQVhKLDhCQU9zRDtJQURsRCw4TkFBUyxlQUFBLHdCQUFjLENBQUEsSUFBQztJQUV4Qix5RkFBa0Y7SUFDbEYsK0dBRWU7SUFDbkIsaUJBQU07Ozs7SUFSRixrSEFBOEUsOEJBQUE7SUFEOUUsMkNBQTBCO0lBSTFCLHFFQUFpRDtJQUM3QyxlQUFlO0lBQWYsbUNBQWU7SUFDSixlQUF5QztJQUF6Qyx3RUFBeUM7OztJQVZoRSw2QkFBeUM7SUFDckMsdUZBWU07SUFDViwwQkFBZTs7OztJQVpOLGVBQStCO0lBQS9CLDZEQUErQjs7QURRNUMsTUFBTSxPQUFPLHVCQUF1QjtJQVVoQyxJQUFhLFFBQVEsQ0FBQyxLQUFjO1FBQ2hDLElBQUksQ0FB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QUFLO2tCQUFiLEtBQUs7WUFDRyxTQUFTO2tCQUFqQixLQUFLO1lBQ0csU0FBUztrQkFBakIsS0FBSztZQUNHLFVBQVU7a0JBQWxCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxhQUFhO2tCQUFyQixLQUFLO1lBRU8sUUFBUTtrQkFBcEIsS0FBSztZQUlOLGFBQWE7a0JBRFosS0FBSzttQkFBQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVG9nZ2xlQnV0dG9uTW9kZSB9IGZyb20gJy4vdG9nZ2xlLWJ1dHRvbi1tb2RlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b2dnbGUtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IERyVG9nZ2xlQnV0dG9uQ29tcG9uZW50KSwgbXVsdGk6IHRydWUgfV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyVG9nZ2xlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIF9kaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KCkgaXRlbXM6IHN0cmluZ1tdIHwgYW55W107XG4gICAgQElucHV0KCkgYmluZExhYmVsOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgICBASW5wdXQoKSBiaW5kVmFsdWU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIGJpbmRIaWRkZW46IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIG1vZGU6IFRvZ2dsZUJ1dHRvbk1vZGUgPSBUb2dnbGVCdXR0b25Nb2RlLkRFRkFVTFQ7XG4gICAgQElucHV0KCkgc2VsZWN0ZWRWYWx1ZTogYW55IHwgc3RyaW5nO1xuXG4gICAgQElucHV0KCkgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuc2V0RGlzYWJsZWRTdGF0ZSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCh7IGFsaWFzOiAnZGF0YS1hbmFseXRpY3MnIH0pXG4gICAgZGF0YUFuYWx5dGljczogc3RyaW5nO1xuXG4gICAgcmVhZG9ubHkgVG9nZ2xlQnV0dG9uTW9kZSA9IFRvZ2dsZUJ1dHRvbk1vZGU7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgICBvbkNoYW5nZTogKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkID0gKCkgPT4ge307XG4gICAgb25Ub3VjaGVkOiAoKSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gdmFsdWU7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIH1cblxuICAgIHNldFZhbHVlKGl0ZW0pIHtcbiAgICAgICAgY29uc3QgaXNJdGVtT2JqZWN0ID0gaXRlbSBpbnN0YW5jZW9mIE9iamVjdDtcbiAgICAgICAgY29uc3QgbmV4dFZhbHVlID0gdGhpcy5iaW5kVmFsdWUgJiYgaXNJdGVtT2JqZWN0ID8gaXRlbVt0aGlzLmJpbmRWYWx1ZV0gOiBpdGVtO1xuICAgICAgICBpZiAodGhpcy5zZWxlY3RlZFZhbHVlID09PSBuZXh0VmFsdWUpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IG5leHRWYWx1ZTtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnNlbGVjdGVkVmFsdWUpO1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0RGF0YUFuYWx5dGljc1RhZyhpdGVtKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKCF0aGlzLmRhdGFBbmFseXRpY3MpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzLmJpbmRWYWx1ZSA/IGl0ZW1bdGhpcy5iaW5kVmFsdWVdIDogaXRlbTtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGF0YUFuYWx5dGljcyArICdfJyArIFN0cmluZyh2YWx1ZSkudG9Mb3dlckNhc2UoKS5yZXBsYWNlKC8gL2csICctJyk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRvZ2dsZS1jb250YWluZXJcIiBbY2xhc3MuZGlzYWJsZWRdPVwiX2Rpc2FibGVkXCIgW2F0dHIubW9kZV09XCJtb2RlXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdJZj1cIml0ZW0gJiYgIWl0ZW1bYmluZEhpZGRlbl1cIlxuICAgICAgICAgICAgY2xhc3M9XCJ0b2dnbGUtY29udGFpbmVyX19pdGVtXCJcbiAgICAgICAgICAgIFtkclRvb2x0aXBdPVwiaXRlbS50b29sdGlwXCJcbiAgICAgICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJpdGVtW2JpbmRWYWx1ZV0gPT09IHNlbGVjdGVkVmFsdWUgfHwgaXRlbSA9PT0gc2VsZWN0ZWRWYWx1ZVwiXG4gICAgICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgICAgICAoY2xpY2spPVwic2V0VmFsdWUoaXRlbSlcIlxuICAgICAgICAgICAgW2F0dHIuZGF0YS1hbmFseXRpY3NdPVwiZ2V0RGF0YUFuYWx5dGljc1RhZyhpdGVtKVwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpdGVtLmljb25cIiBjbGFzcz1cInRvZ2dsZS1jb250YWluZXJfX2l0ZW1fX2ljb25cIiBbY2xhc3NdPVwiaXRlbS5pY29uXCI+PC9pPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGUgIT09IFRvZ2dsZUJ1dHRvbk1vZGUuSUNPTl9PTkxZXCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbVtiaW5kTGFiZWxdIHx8IGl0ZW0ubmFtZSB8fCBpdGVtIH19XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1pbnB1dHMvZHItdG9nZ2xlLWJ1dHRvbi9kci10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUtYnV0dG9uL2RyLXRvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDOzs7OztJQ1dsQix1QkFBOEc7OztJQUF4QiwyQkFBbUI7OztJQUN6Ryw2QkFBMEQ7SUFDdEQsWUFDSjtJQUFBLDBCQUFlOzs7O0lBRFgsZUFDSjtJQURJLHFGQUNKOzs7O0lBZFIsZ0NBQTRHLGVBQUE7SUFPcEcsb09BQVUsZUFBQSx3QkFBYyxDQUFBLElBQUM7SUFON0IsaUJBT3dEO0lBRXhELCtCQUF5RTtJQUNyRSwyRkFBOEc7SUFDOUcsaUhBRWU7SUFDbkIsaUJBQU8sRUFBQTs7OztJQWY2RCxzREFBbUM7SUFJbkcsZUFBYTtJQUFiLGtDQUFhLHVDQUFBLDhCQUFBO0lBSWIscUVBQWlEO0lBRS9DLGVBQTBCO0lBQTFCLDJDQUEwQjtJQUN4QixlQUFlO0lBQWYsbUNBQWU7SUFDSixlQUF5QztJQUF6Qyx3RUFBeUM7OztJQWRwRSw2QkFB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QUFXLEVBQUUsVUFBVSxFQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixFQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1lDVHBILDhCQUErSDtZQUMzSCwwRkFtQmU7WUFDbkIsaUJBQU07O1lBckIwQyx3Q0FBMkI7WUFBQyxnQ0FBa0IsK0JBQUE7WUFDM0QsZUFBUTtZQUFSLG1DQUFROzs7dUZEVzlCLHVCQUF1QjtjQVBuQyxTQUFTOzJCQUNJLGtCQUFrQixhQUdqQixDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUMsR0FBRyxFQUFFLHdCQUF3QixFQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLG1CQUMvRix1QkFBdUIsQ0FBQyxNQUFNO29FQUd0QyxLQUFLO2tCQUFiLEtBQUs7WUFDRyxTQUFTO2tCQUFqQixLQUFLO1lBQ0csU0FBUztrQkFBakIsS0FBSztZQUNHLFVBQVU7a0JBQWxCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxhQUFhO2tCQUFyQixLQUFLO1lBQ0csSUFBSTtrQkFBWixLQUFLO1lBQzhCLGFBQWE7a0JBQWhELEtBQUs7bUJBQUMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUU7WUFFckIsUUFBUTtrQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVG9nZ2xlQnV0dG9uTW9kZSB9IGZyb20gJy4vdG9nZ2xlLWJ1dHRvbi1tb2RlJztcbmltcG9ydCB7IHVuaXF1ZUlkIH0gZnJvbSAnbG9kYXNoJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b2dnbGUtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHItdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IERyVG9nZ2xlQnV0dG9uQ29tcG9uZW50KSwgbXVsdGk6IHRydWUgfV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyVG9nZ2xlQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIEBJbnB1dCgpIGl0ZW1zOiBzdHJpbmdbXSB8IGFueVtdO1xuICAgIEBJbnB1dCgpIGJpbmRMYWJlbDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gICAgQElucHV0KCkgYmluZFZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgICBASW5wdXQoKSBiaW5kSGlkZGVuOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgICBASW5wdXQoKSBtb2RlOiBUb2dnbGVCdXR0b25Nb2RlID0gVG9nZ2xlQnV0dG9uTW9kZS5ERUZBVUxUO1xuICAgIEBJbnB1dCgpIHNlbGVjdGVkVmFsdWU6IGFueSB8IHN0cmluZztcbiAgICBASW5wdXQoKSBuYW1lID0gYHRvZ2dsZS1idG4tJHt1bmlxdWVJZCgpfWA7XG4gICAgQElucHV0KHsgYWxpYXM6ICdkYXRhLWFuYWx5dGljcycgfSkgZGF0YUFuYWx5dGljczogc3RyaW5nO1xuXG4gICAgQElucHV0KCkgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuc2V0RGlzYWJsZWRTdGF0ZSh2YWx1ZSk7XG4gICAgfVxuICAgIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2Rpc2FibGVkID0gZmFsc2U7XG5cbiAgICByZWFkb25seSBUb2dnbGVCdXR0b25Nb2RlID0gVG9nZ2xlQnV0dG9uTW9kZTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICAgIG9uQ2hhbmdlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQgPSAoKSA9PiB7fTtcbiAgICBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcblxuICAgIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KSB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KSB7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICAgfVxuXG4gICAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgICAgICB0aGlzLl9kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgc2V0VmFsdWUoaXRlbSkge1xuICAgICAgICBjb25zdCBpc0l0ZW1PYmplY3QgPSBpdGVtIGluc3RhbmNlb2YgT2JqZWN0O1xuICAgICAgICBjb25zdCBuZXh0VmFsdWUgPSB0aGlzLmJpbmRWYWx1ZSAmJiBpc0l0ZW1PYmplY3QgPyBpdGVtW3RoaXMuYmluZFZhbHVlXSA6IGl0ZW07XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkVmFsdWUgPT09IG5leHRWYWx1ZSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gbmV4dFZhbHVlO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuc2VsZWN0ZWRWYWx1ZSk7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBpc1NlbGVjdGVkKGl0ZW0pOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIGl0ZW0gPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSB8fCBpdGVtW3RoaXMuYmluZFZhbHVlXSA9PT0gdGhpcy5zZWxlY3RlZFZhbHVlO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXREYXRhQW5hbHl0aWNzVGFnKGl0ZW0pOiBzdHJpbmcge1xuICAgICAgICBpZiAoIXRoaXMuZGF0YUFuYWx5dGljcykge1xuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXMuYmluZFZhbHVlID8gaXRlbVt0aGlzLmJpbmRWYWx1ZV0gOiBpdGVtO1xuICAgICAgICByZXR1cm4gdGhpcy5kYXRhQW5hbHl0aWNzICsgJ18nICsgU3RyaW5nKHZhbHVlKS50b0xvd2VyQ2FzZSgpLnJlcGxhY2UoLyAvZywgJy0nKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidG9nZ2xlLWNvbnRhaW5lclwiIHJvbGU9XCJyYWRpb2dyb3VwXCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2F0dHIubW9kZV09XCJtb2RlXCIgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIj5cbiAgICAgICAgPCEtLSB0b2dnbGUtY29udGFpbmVyX19pdGVtIGFuZCBzZWxlY3RlZCBjbGFzc2VzIG9ubHkgZm9yIGUyZSB0ZXN0cyBhcyB0aGV5IHJlbHkgb24gdGhlbSAtLT5cbiAgICAgICAgPGxhYmVsICpuZ0lmPVwiaXRlbSAmJiAhaXRlbVtiaW5kSGlkZGVuXVwiIGNsYXNzPVwidG9nZ2xlLWNvbnRhaW5lcl9faXRlbVwiIFtjbGFzcy5zZWxlY3RlZF09XCJpc1NlbGVjdGVkKGl0ZW0pXCI+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjbGFzcz1cInZpc3VhbGx5LWhpZGRlblwiXG4gICAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgICAgICBbbmFtZV09XCJuYW1lXCJcbiAgICAgICAgICAgICAgICBbY2hlY2tlZF09XCJpc1NlbGVjdGVkKGl0ZW0pXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJzZXRWYWx1ZShpdGVtKVwiXG4gICAgICAgICAgICAgICAgW2F0dHIuZGF0YS1hbmFseXRpY3NdPVwiZ2V0RGF0YUFuYWx5dGljc1RhZyhpdGVtKVwiIC8+XG5cbiAgICAgICAgICAgIDxzcGFuIFtkclRvb2x0aXBdPVwiaXRlbS50b29sdGlwXCIgY2xhc3M9XCJ0b2dnbGUtY29udGFpbmVyX19pdGVtX19jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPGkgKm5nSWY9XCJpdGVtLmljb25cIiBjbGFzcz1cInRvZ2dsZS1jb250YWluZXJfX2l0ZW1fX2NvbnRlbnRfX2ljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIiBbY2xhc3NdPVwiaXRlbS5pY29uXCI+PC9pPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlICE9PSBUb2dnbGVCdXR0b25Nb2RlLklDT05fT05MWVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtW2JpbmRMYWJlbF0gfHwgaXRlbS5uYW1lIHx8IGl0ZW0gfX1cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9sYWJlbD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19

package/esm2022/lib/dr-scenario/components/dr-scenario-configuration/dr-scenario-configuration.component.mjs CHANGED Viewed

@@ -83,11 +83,11 @@ export class DrScenarioConfigurationComponent {
             i0.ɵɵproperty("ngModel", ctx.selectedScenario)("items", ctx.scenarios);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.scenarioTags == null ? null : ctx.scenarioTags.length);
-        } }, 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{padding:2px 8px!important}"], changeDetection: 0 }); }
+        } }, 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 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrScenarioConfigurationComponent, [{
         type: Component,
-        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{padding:2px 8px!important}\n"] }]
+        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"] }]
     }], function () { return [{ type: i1.ScenarioService }]; }, { currentTagsConfig: [{
             type: Input
         }], wholeTagsConfig: [{

package/esm2022/lib/dr-tags-constructor/dr-tags-constructor.component.mjs CHANGED Viewed

@@ -140,11 +140,11 @@ export class DrTagsConstructorComponent {
         } if (rf & 2) {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngForOf", ctx.currentTags);
-        } }, 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{padding:2px 8px!important}"] }); }
+        } }, 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}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrTagsConstructorComponent, [{
         type: Component,
-        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{padding:2px 8px!important}\n"] }]
+        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"] }]
     }], function () { return [{ type: i1.ScenarioService }, { type: i2.TagsConstructorService }]; }, { scenarioTagsConfig: [{
             type: Input
         }], tagsConfigToDisplay: [{

package/esm2022/lib/emoji-picker/emoji-picker.component.mjs CHANGED Viewed

@@ -109,7 +109,7 @@ export class EmojiPickerComponent {
         this.pickerComponentRef = this.pickerContainer.createComponent(this.PickerComponent);
         this.pickerComponentRef.instance.emoji = 'thumbsup';
         this.pickerComponentRef.instance.darkMode = false;
-        this.pickerComponentRef.instance.color = '#0D99FF';
+        this.pickerComponentRef.instance.color = '#4646CE';
         this.pickerComponentRef.instance.emojiSelect.subscribe((event) => this.onEmojiSelected(event));
         this.cdr.detectChanges();
     }
@@ -138,4 +138,4 @@ export class EmojiPickerComponent {
             type: ViewChild,
             args: ['pickerContainer', { read: ViewContainerRef }]
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1vamktcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2Vtb2ppLXBpY2tlci9lbW9qaS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZW1vamktcGlja2VyL2Vtb2ppLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGdCQUFnQixHQUNuQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQTBCLE1BQU0sc0JBQXNCLENBQUM7QUFDckcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBa0IsTUFBTSxzQkFBc0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7SUNJN0Msd0JBQXlEOzs7SUFEN0QsOEJBQWdDO0lBQzVCLG9IQUF5RDtJQUM3RCxpQkFBTTs7OztJQURhLGVBQXlCO0lBQXpCLHNDQUF5Qjs7OztJQW5CcEQsNkJBQW9FO0lBQ2hFLHVDQU1rQztJQUE5Qiw2S0FBUyxlQUFBLDBCQUFtQixDQUFBLElBQUM7SUFBQyxpQkFBWTtJQUM5QyxvR0FhYztJQUpWLCtMQUFpQixlQUFBLDJCQUFvQixDQUFBLElBQUM7SUFLOUMsMEJBQWU7Ozs7SUFaUCxlQUFxQztJQUFyQywrQ0FBcUMsc0RBQUEsa0RBQUEsaUNBQUEseUNBQUEsd0NBQUEsNERBQUE7OztJQWdCekMsaUNBQThDOztBRERs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QUFDLGVBQWUsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ3JGLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQztRQUNwRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDbEQsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDO1FBQ25ELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ3BHLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQzt3R0ExRlEsb0JBQW9CO21HQUFwQixvQkFBb0I7bUNBS1MsZ0JBQWdCOzs7OztZQzlCMUQsdUZBc0JlO1lBRWYsc0hBR2M7OztZQTNCQyw4REFBdUMsaUJBQUE7NEJEdUJ4QyxpQkFBaUIsRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUIsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCOzt1RkFFakYsb0JBQW9CO2NBUmhDLFNBQVM7MkJBQ0ksaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixDQUFDO29FQUdsRixJQUFJO2tCQUFaLEtBQUs7WUFFSSxhQUFhO2tCQUF0QixNQUFNO1lBRW1ELGVBQWU7a0JBQXhFLFNBQVM7bUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbXBvbmVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3Q29udGFpbmVyUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENka0Nvbm5lY3RlZE92ZXJsYXksIENka092ZXJsYXlPcmlnaW4sIENvbm5lY3Rpb25Qb3NpdGlvblBhaXIgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBEckJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFbW9qaVBpY2tlck1vZGUsIElFbW9qaVJlYWN0aW9uIH0gZnJvbSAnLi9lbW9qaS1waWNrZXIudHlwZXMnO1xuaW1wb3J0IHsgTmdJZiwgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItZW1vamktcGlja2VyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZW1vamktcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9lbW9qaS1waWNrZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtEckJ1dHRvbkNvbXBvbmVudCwgQ2RrT3ZlcmxheU9yaWdpbiwgQ2RrQ29ubmVjdGVkT3ZlcmxheSwgTmdJZiwgTmdUZW1wbGF0ZU91dGxldF0sXG59KVxuZXhwb3J0IGNsYXNzIEVtb2ppUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQElucHV0KCkgbW9kZTogRW1vamlQaWNrZXJNb2RlID0gRW1vamlQaWNrZXJNb2RlLkJVVFRPTjtcblxuICAgIEBPdXRwdXQoKSBlbW9qaVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxJRW1vamlSZWFjdGlvbj4oKTtcblxuICAgIEBWaWV3Q2hpbGQoJ3BpY2tlckNvbnRhaW5lcicsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiB9KSBwaWNrZXJDb250YWluZXI/OiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gICAgZW1vamlPdmVybGF5T3BlbmVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgRW1vamlQaWNrZXJNb2RlID0gRW1vamlQaWNrZXJNb2RlO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBwb3NpdGlvbnM6IENvbm5lY3Rpb25Qb3NpdGlvblBhaXJbXSA9IFtcbiAgICAgICAge1xuICAgICAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgICAgICAgIG9yaWdpblk6ICd0b3AnLFxuICAgICAgICAgICAgb3ZlcmxheVg6ICdzdGFydCcsXG4gICAgICAgICAgICBvdmVybGF5WTogJ2JvdHRvbScsXG4gICAgICAgICAgICBvZmZzZXRZOiAtOCxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgICAgICAgIG9yaWdpblk6ICdib3R0b20nLFxuICAgICAgICAgICAgb3ZlcmxheVg6ICdzdGFydCcsXG4gICAgICAgICAgICBvdmVybGF5WTogJ3RvcCcsXG4gICAgICAgICAgICBvZmZzZXRZOiA4LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBvcmlnaW5YOiAnZW5kJyxcbiAgICAgICAgICAgIG9yaWdpblk6ICd0b3AnLFxuICAgICAgICAgICAgb3ZlcmxheVg6ICdlbmQnLFxuICAgICAgICAgICAgb3ZlcmxheVk6ICdib3R0b20nLFxuICAgICAgICAgICAgb2Zmc2V0WTogLTgsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIG9yaWdpblg6ICdlbmQnLFxuICAgICAgICAgICAgb3JpZ2luWTogJ2JvdHRvbScsXG4gICAgICAgICAgICBvdmVybGF5WDogJ2VuZCcsXG4gICAgICAgICAgICBvdmVybGF5WTogJ3RvcCcsXG4gICAgICAgICAgICBvZmZzZXRZOiA4LFxuICAgICAgICB9LFxuICAgIF07XG5cbiAgICBwcml2YXRlIHBpY2tlckNvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxhbnk+O1xuICAgIHByaXZhdGUgUGlja2VyQ29tcG9uZW50O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gICAgYXN5bmMgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBpZiAodGhpcy5tb2RlID09PSBFbW9qaVBpY2tlck1vZGUuRkxBVCkge1xuICAgICAgICAgICAgYXdhaXQgdGhpcy5yZW5kZXJFbW9qaVBpY2tlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgYXN5bmMgdG9nZ2xlRW1vamlQaWNrZXIoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgICAgIHRoaXMuZW1vamlPdmVybGF5T3BlbmVkID0gIXRoaXMuZW1vamlPdmVybGF5T3BlbmVkO1xuICAgICAgICBpZiAodGhpcy5lbW9qaU92ZXJsYXlPcGVuZWQgJiYgIXRoaXMucGlja2VyQ29tcG9uZW50UmVmKSB7XG4gICAgICAgICAgICAvLyBXYWl0IGZvciB0aGUgb3ZlcmxheSB0byByZW5kZXIgdGhlIHRlbXBsYXRlXG4gICAgICAgICAgICBzZXRUaW1lb3V0KGFzeW5jICgpID0+IHtcbiAgICAgICAgICAgICAgICBhd2FpdCB0aGlzLnJlbmRlckVtb2ppUGlja2VyKCk7XG4gICAgICAgICAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICAgICAgICB9LCAwKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uRW1vamlTZWxlY3RlZChldmVudDogeyBlbW9qaTogeyBuYXRpdmU6IHN0cmluZzsgaWQ6IHN0cmluZyB8IG51bWJlciB9IH0pOiB2b2lkIHtcbiAgICAgICAgY29uc3QgZW1vamlSZWFjdGlvbjogSUVtb2ppUmVhY3Rpb24gPSB7IGlkOiBldmVudC5lbW9qaS5pZCwgZW1vamk6IGV2ZW50LmVtb2ppLm5hdGl2ZSB9O1xuICAgICAgICB0aGlzLmVtb2ppU2VsZWN0ZWQuZW1pdChlbW9qaVJlYWN0aW9uKTtcblxuICAgICAgICBpZiAodGhpcy5tb2RlID09PSBFbW9qaVBpY2tlck1vZGUuQlVUVE9OKSB7XG4gICAgICAgICAgICB0aGlzLmRlc3Ryb3lFbW9qaVBpY2tlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZGVzdHJveUVtb2ppUGlja2VyKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVtb2ppT3ZlcmxheU9wZW5lZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLnBpY2tlckNvbXBvbmVudFJlZj8uZGVzdHJveSgpO1xuICAgICAgICB0aGlzLnBpY2tlckNvbXBvbmVudFJlZiA9IG51bGw7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBhc3luYyByZW5kZXJFbW9qaVBpY2tlcigpIHtcbiAgICAgICAgaWYgKCF0aGlzLlBpY2tlckNvbXBvbmVudCkge1xuICAgICAgICAgICAgLy8gU2VlIGRldGFpbHMgaGVyZTogaHR0cHM6Ly9naXRodWIuY29tL3NjdHRjcGVyL25neC1lbW9qaS1tYXJ0XG4gICAgICAgICAgICB0aGlzLlBpY2tlckNvbXBvbmVudCA9IGF3YWl0IGltcG9ydCgnQGN0cmwvbmd4LWVtb2ppLW1hcnQnKS50aGVuKChtKSA9PiBtLlBpY2tlckNvbXBvbmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnBpY2tlckNvbXBvbmVudFJlZiA9IHRoaXMucGlja2VyQ29udGFpbmVyLmNyZWF0ZUNvbXBvbmVudCh0aGlzLlBpY2tlckNvbXBvbmVudCk7XG4gICAgICAgIHRoaXMucGlja2VyQ29tcG9uZW50UmVmLmluc3RhbmNlLmVtb2ppID0gJ3RodW1ic3VwJztcbiAgICAgICAgdGhpcy5waWNrZXJDb21wb25lbnRSZWYuaW5zdGFuY2UuZGFya01vZGUgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5waWNrZXJDb21wb25lbnRSZWYuaW5zdGFuY2UuY29sb3IgPSAnIzBEOTlGRic7XG4gICAgICAgIHRoaXMucGlja2VyQ29tcG9uZW50UmVmLmluc3RhbmNlLmVtb2ppU2VsZWN0LnN1YnNjcmliZSgoZXZlbnQ6IGFueSkgPT4gdGhpcy5vbkVtb2ppU2VsZWN0ZWQoZXZlbnQpKTtcbiAgICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlID09PSBFbW9qaVBpY2tlck1vZGUuQlVUVE9OOyBlbHNlIGZsYXRUcGxcIj5cbiAgICA8ZHItYnV0dG9uXG4gICAgICAgICNlbW9qaUJ1dHRvblxuICAgICAgICB0aGVtZT1cImljb25cIlxuICAgICAgICBpY29uPVwiZHItaWNvbi1lbW9qaS1zbWlsZXlcIlxuICAgICAgICBjZGtPdmVybGF5T3JpZ2luXG4gICAgICAgICN0cmlnZ2VyPVwiY2RrT3ZlcmxheU9yaWdpblwiXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVFbW9qaVBpY2tlcigpXCI+PC9kci1idXR0b24+XG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICAgIGNka0Nvbm5lY3RlZE92ZXJsYXlcbiAgICAgICAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlPcmlnaW5dPVwidHJpZ2dlclwiXG4gICAgICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5T3Blbl09XCJlbW9qaU92ZXJsYXlPcGVuZWRcIlxuICAgICAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheVBvc2l0aW9uc109XCJwb3NpdGlvbnNcIlxuICAgICAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheVB1c2hdPVwidHJ1ZVwiXG4gICAgICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5Vmlld3BvcnRNYXJnaW5dPVwiMTZcIlxuICAgICAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheUhhc0JhY2tkcm9wXT1cInRydWVcIlxuICAgICAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheUJhY2tkcm9wQ2xhc3NdPVwiJ2Vtb2ppLW1vZGFsLWJhY2tkcm9wJ1wiXG4gICAgICAgIChiYWNrZHJvcENsaWNrKT1cImRlc3Ryb3lFbW9qaVBpY2tlcigpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJlbW9qaS1waWNrZXItcG9wdXBcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJmbGF0VHBsXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNmbGF0VHBsPlxuICAgIDwhLS0gUGxhY2Vob2xkZXIgd2hlcmUgdGhlIGVtb2ppIHBpY2tlciB3aWxsIGJlIHJlbmRlcmVkIC0tPlxuICAgIDxuZy1jb250YWluZXIgI3BpY2tlckNvbnRhaW5lcj48L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1vamktcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2Vtb2ppLXBpY2tlci9lbW9qaS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZW1vamktcGlja2VyL2Vtb2ppLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGdCQUFnQixHQUNuQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQTBCLE1BQU0sc0JBQXNCLENBQUM7QUFDckcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBa0IsTUFBTSxzQkFBc0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7SUNJN0Msd0JBQXlEOzs7SUFEN0QsOEJBQWdDO0lBQzVCLG9IQUF5RDtJQUM3RCxpQkFBTTs7OztJQURhLGVBQXlCO0lBQXpCLHNDQUF5Qjs7OztJQW5CcEQsNkJBQW9FO0lBQ2hFLHVDQU1rQztJQUE5Qiw2S0FBUyxlQUFBLDBCQUFtQixDQUFBLElBQUM7SUFBQyxpQkFBWTtJQUM5QyxvR0FhYztJQUpWLCtMQUFpQixlQUFBLDJCQUFvQixDQUFBLElBQUM7SUFLOUMsMEJBQWU7Ozs7SUFaUCxlQUFxQztJQUFyQywrQ0FBcUMsc0RBQUEsa0RBQUEsaUNBQUEseUNBQUEsd0NBQUEsNERBQUE7OztJQWdCekMsaUNBQThDOztBRERs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QUFDLGVBQWUsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ3JGLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQztRQUNwRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDbEQsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDO1FBQ25ELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ3BHLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQzt3R0ExRlEsb0JBQW9CO21HQUFwQixvQkFBb0I7bUNBS1MsZ0JBQWdCOzs7OztZQzlCMUQsdUZBc0JlO1lBRWYsc0hBR2M7OztZQTNCQyw4REFBdUMsaUJBQUE7NEJEdUJ4QyxpQkFBaUIsRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUIsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCOzt1RkFFakYsb0JBQW9CO2NBUmhDLFNBQVM7MkJBQ0ksaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixDQUFDO29FQUdsRixJQUFJO2tCQUFaLEtBQUs7WUFFSSxhQUFhO2tCQUF0QixNQUFNO1lBRW1ELGVBQWU7a0JBQXhFLFNBQVM7bUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbXBvbmVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3Q29udGFpbmVyUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENka0Nvbm5lY3RlZE92ZXJsYXksIENka092ZXJsYXlPcmlnaW4sIENvbm5lY3Rpb25Qb3NpdGlvblBhaXIgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBEckJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFbW9qaVBpY2tlck1vZGUsIElFbW9qaVJlYWN0aW9uIH0gZnJvbSAnLi9lbW9qaS1waWNrZXIudHlwZXMnO1xuaW1wb3J0IHsgTmdJZiwgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItZW1vamktcGlja2VyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZW1vamktcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9lbW9qaS1waWNrZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtEckJ1dHRvbkNvbXBvbmVudCwgQ2RrT3ZlcmxheU9yaWdpbiwgQ2RrQ29ubmVjdGVkT3ZlcmxheSwgTmdJZiwgTmdUZW1wbGF0ZU91dGxldF0sXG59KVxuZXhwb3J0IGNsYXNzIEVtb2ppUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQElucHV0KCkgbW9kZTogRW1vamlQaWNrZXJNb2RlID0gRW1vamlQaWNrZXJNb2RlLkJVVFRPTjtcblxuICAgIEBPdXRwdXQoKSBlbW9qaVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxJRW1vamlSZWFjdGlvbj4oKTtcblxuICAgIEBWaWV3Q2hpbGQoJ3BpY2tlckNvbnRhaW5lcicsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiB9KSBwaWNrZXJDb250YWluZXI/OiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gICAgZW1vamlPdmVybGF5T3BlbmVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgRW1vamlQaWNrZXJNb2RlID0gRW1vamlQaWNrZXJNb2RlO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBwb3NpdGlvbnM6IENvbm5lY3Rpb25Qb3NpdGlvblBhaXJbXSA9IFtcbiAgICAgICAge1xuICAgICAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgICAgICAgIG9yaWdpblk6ICd0b3AnLFxuICAgICAgICAgICAgb3ZlcmxheVg6ICdzdGFydCcsXG4gICAgICAgICAgICBvdmVybGF5WTogJ2JvdHRvbScsXG4gICAgICAgICAgICBvZmZzZXRZOiAtOCxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgICAgICAgIG9yaWdpblk6ICdib3R0b20nLFxuICAgICAgICAgICAgb3ZlcmxheVg6ICdzdGFydCcsXG4gICAgICAgICAgICBvdmVybGF5WTogJ3RvcCcsXG4gICAgICAgICAgICBvZmZzZXRZOiA4LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBvcmlnaW5YOiAnZW5kJyxcbiAgICAgICAgICAgIG9yaWdpblk6ICd0b3AnLFxuICAgICAgICAgICAgb3ZlcmxheVg6ICdlbmQnLFxuICAgICAgICAgICAgb3ZlcmxheVk6ICdib3R0b20nLFxuICAgICAgICAgICAgb2Zmc2V0WTogLTgsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIG9yaWdpblg6ICdlbmQnLFxuICAgICAgICAgICAgb3JpZ2luWTogJ2JvdHRvbScsXG4gICAgICAgICAgICBvdmVybGF5WDogJ2VuZCcsXG4gICAgICAgICAgICBvdmVybGF5WTogJ3RvcCcsXG4gICAgICAgICAgICBvZmZzZXRZOiA4LFxuICAgICAgICB9LFxuICAgIF07XG5cbiAgICBwcml2YXRlIHBpY2tlckNvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxhbnk+O1xuICAgIHByaXZhdGUgUGlja2VyQ29tcG9uZW50O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gICAgYXN5bmMgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBpZiAodGhpcy5tb2RlID09PSBFbW9qaVBpY2tlck1vZGUuRkxBVCkge1xuICAgICAgICAgICAgYXdhaXQgdGhpcy5yZW5kZXJFbW9qaVBpY2tlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgYXN5bmMgdG9nZ2xlRW1vamlQaWNrZXIoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgICAgIHRoaXMuZW1vamlPdmVybGF5T3BlbmVkID0gIXRoaXMuZW1vamlPdmVybGF5T3BlbmVkO1xuICAgICAgICBpZiAodGhpcy5lbW9qaU92ZXJsYXlPcGVuZWQgJiYgIXRoaXMucGlja2VyQ29tcG9uZW50UmVmKSB7XG4gICAgICAgICAgICAvLyBXYWl0IGZvciB0aGUgb3ZlcmxheSB0byByZW5kZXIgdGhlIHRlbXBsYXRlXG4gICAgICAgICAgICBzZXRUaW1lb3V0KGFzeW5jICgpID0+IHtcbiAgICAgICAgICAgICAgICBhd2FpdCB0aGlzLnJlbmRlckVtb2ppUGlja2VyKCk7XG4gICAgICAgICAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICAgICAgICB9LCAwKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uRW1vamlTZWxlY3RlZChldmVudDogeyBlbW9qaTogeyBuYXRpdmU6IHN0cmluZzsgaWQ6IHN0cmluZyB8IG51bWJlciB9IH0pOiB2b2lkIHtcbiAgICAgICAgY29uc3QgZW1vamlSZWFjdGlvbjogSUVtb2ppUmVhY3Rpb24gPSB7IGlkOiBldmVudC5lbW9qaS5pZCwgZW1vamk6IGV2ZW50LmVtb2ppLm5hdGl2ZSB9O1xuICAgICAgICB0aGlzLmVtb2ppU2VsZWN0ZWQuZW1pdChlbW9qaVJlYWN0aW9uKTtcblxuICAgICAgICBpZiAodGhpcy5tb2RlID09PSBFbW9qaVBpY2tlck1vZGUuQlVUVE9OKSB7XG4gICAgICAgICAgICB0aGlzLmRlc3Ryb3lFbW9qaVBpY2tlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZGVzdHJveUVtb2ppUGlja2VyKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVtb2ppT3ZlcmxheU9wZW5lZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLnBpY2tlckNvbXBvbmVudFJlZj8uZGVzdHJveSgpO1xuICAgICAgICB0aGlzLnBpY2tlckNvbXBvbmVudFJlZiA9IG51bGw7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBhc3luYyByZW5kZXJFbW9qaVBpY2tlcigpIHtcbiAgICAgICAgaWYgKCF0aGlzLlBpY2tlckNvbXBvbmVudCkge1xuICAgICAgICAgICAgLy8gU2VlIGRldGFpbHMgaGVyZTogaHR0cHM6Ly9naXRodWIuY29tL3NjdHRjcGVyL25neC1lbW9qaS1tYXJ0XG4gICAgICAgICAgICB0aGlzLlBpY2tlckNvbXBvbmVudCA9IGF3YWl0IGltcG9ydCgnQGN0cmwvbmd4LWVtb2ppLW1hcnQnKS50aGVuKChtKSA9PiBtLlBpY2tlckNvbXBvbmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnBpY2tlckNvbXBvbmVudFJlZiA9IHRoaXMucGlja2VyQ29udGFpbmVyLmNyZWF0ZUNvbXBvbmVudCh0aGlzLlBpY2tlckNvbXBvbmVudCk7XG4gICAgICAgIHRoaXMucGlja2VyQ29tcG9uZW50UmVmLmluc3RhbmNlLmVtb2ppID0gJ3RodW1ic3VwJztcbiAgICAgICAgdGhpcy5waWNrZXJDb21wb25lbnRSZWYuaW5zdGFuY2UuZGFya01vZGUgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5waWNrZXJDb21wb25lbnRSZWYuaW5zdGFuY2UuY29sb3IgPSAnIzQ2NDZDRSc7XG4gICAgICAgIHRoaXMucGlja2VyQ29tcG9uZW50UmVmLmluc3RhbmNlLmVtb2ppU2VsZWN0LnN1YnNjcmliZSgoZXZlbnQ6IGFueSkgPT4gdGhpcy5vbkVtb2ppU2VsZWN0ZWQoZXZlbnQpKTtcbiAgICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlID09PSBFbW9qaVBpY2tlck1vZGUuQlVUVE9OOyBlbHNlIGZsYXRUcGxcIj5cbiAgICA8ZHItYnV0dG9uXG4gICAgICAgICNlbW9qaUJ1dHRvblxuICAgICAgICB0aGVtZT1cImljb25cIlxuICAgICAgICBpY29uPVwiZHItaWNvbi1lbW9qaS1zbWlsZXlcIlxuICAgICAgICBjZGtPdmVybGF5T3JpZ2luXG4gICAgICAgICN0cmlnZ2VyPVwiY2RrT3ZlcmxheU9yaWdpblwiXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVFbW9qaVBpY2tlcigpXCI+PC9kci1idXR0b24+XG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICAgIGNka0Nvbm5lY3RlZE92ZXJsYXlcbiAgICAgICAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlPcmlnaW5dPVwidHJpZ2dlclwiXG4gICAgICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5T3Blbl09XCJlbW9qaU92ZXJsYXlPcGVuZWRcIlxuICAgICAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheVBvc2l0aW9uc109XCJwb3NpdGlvbnNcIlxuICAgICAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheVB1c2hdPVwidHJ1ZVwiXG4gICAgICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5Vmlld3BvcnRNYXJnaW5dPVwiMTZcIlxuICAgICAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheUhhc0JhY2tkcm9wXT1cInRydWVcIlxuICAgICAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheUJhY2tkcm9wQ2xhc3NdPVwiJ2Vtb2ppLW1vZGFsLWJhY2tkcm9wJ1wiXG4gICAgICAgIChiYWNrZHJvcENsaWNrKT1cImRlc3Ryb3lFbW9qaVBpY2tlcigpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJlbW9qaS1waWNrZXItcG9wdXBcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJmbGF0VHBsXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNmbGF0VHBsPlxuICAgIDwhLS0gUGxhY2Vob2xkZXIgd2hlcmUgdGhlIGVtb2ppIHBpY2tlciB3aWxsIGJlIHJlbmRlcmVkIC0tPlxuICAgIDxuZy1jb250YWluZXIgI3BpY2tlckNvbnRhaW5lcj48L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/fesm2022/datarailsshared-datarailsshared.mjs CHANGED Viewed

@@ -11,7 +11,7 @@ import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormBuilder, FormsModule, ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';
 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';
 import * as _ from 'lodash';
-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';
+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';
 import { transition, style, animate, trigger, state } from '@angular/animations';
 import { skip, debounceTime, filter, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, map, tap, takeUntil, shareReplay, switchMap, first, catchError, finalize, take } from 'rxjs/operators';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -3933,13 +3933,13 @@ var ToggleButtonMode;
     ToggleButtonMode["ICON_ONLY"] = "iconOnly";
 })(ToggleButtonMode || (ToggleButtonMode = {}));
-function DrToggleButtonComponent_ng_container_1_div_1_i_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 6);
+function DrToggleButtonComponent_ng_container_1_label_1_i_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 8);
 } if (rf & 2) {
     const item_r1 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵclassMap(item_r1.icon);
 } }
-function DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+function DrToggleButtonComponent_ng_container_1_label_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtext(1);
     i0.ɵɵelementContainerEnd();
@@ -3949,27 +3949,32 @@ function DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template(rf
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", item_r1[ctx_r4.bindLabel] || item_r1.name || item_r1, " ");
 } }
-function DrToggleButtonComponent_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
+function DrToggleButtonComponent_ng_container_1_label_1_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3);
-    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)); });
-    i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_div_1_i_1_Template, 1, 2, "i", 4);
-    i0.ɵɵtemplate(2, DrToggleButtonComponent_ng_container_1_div_1_ng_container_2_Template, 2, 1, "ng-container", 5);
+    i0.ɵɵelementStart(0, "label", 3)(1, "input", 4);
+    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)); });
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 5);
+    i0.ɵɵtemplate(3, DrToggleButtonComponent_ng_container_1_label_1_i_3_Template, 1, 2, "i", 6);
+    i0.ɵɵtemplate(4, DrToggleButtonComponent_ng_container_1_label_1_ng_container_4_Template, 2, 1, "ng-container", 7);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r1 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("selected", item_r1[ctx_r2.bindValue] === ctx_r2.selectedValue || item_r1 === ctx_r2.selectedValue)("disabled", item_r1.disabled);
-    i0.ɵɵproperty("drTooltip", item_r1.tooltip);
+    i0.ɵɵclassProp("selected", ctx_r2.isSelected(item_r1));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", ctx_r2.name)("checked", ctx_r2.isSelected(item_r1))("disabled", item_r1.disabled);
     i0.ɵɵattribute("data-analytics", ctx_r2.getDataAnalyticsTag(item_r1));
     i0.ɵɵadvance(1);
+    i0.ɵɵproperty("drTooltip", item_r1.tooltip);
+    i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", item_r1.icon);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r2.mode !== ctx_r2.ToggleButtonMode.ICON_ONLY);
 } }
 function DrToggleButtonComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_div_1_Template, 3, 8, "div", 2);
+    i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_label_1_Template, 5, 9, "label", 2);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const item_r1 = ctx.$implicit;
@@ -3981,13 +3986,17 @@ class DrToggleButtonComponent {
     set disabled(value) {
         this.setDisabledState(value);
     }
+    get disabled() {
+        return this._disabled;
+    }
     constructor(cdr) {
         this.cdr = cdr;
-        this._disabled = false;
         this.bindLabel = null;
         this.bindValue = null;
         this.bindHidden = null;
         this.mode = ToggleButtonMode.DEFAULT;
+        this.name = `toggle-btn-${uniqueId$1()}`;
+        this._disabled = false;
         this.ToggleButtonMode = ToggleButtonMode;
         this.onChange = () => { };
         this.onTouched = () => { };
@@ -4016,6 +4025,9 @@ class DrToggleButtonComponent {
         this.onTouched();
         this.cdr.markForCheck();
     }
+    isSelected(item) {
+        return item === this.selectedValue || item[this.bindValue] === this.selectedValue;
+    }
     getDataAnalyticsTag(item) {
         if (!this.dataAnalytics) {
             return null;
@@ -4024,20 +4036,20 @@ class DrToggleButtonComponent {
         return this.dataAnalytics + '_' + String(value).toLowerCase().replace(/ /g, '-');
     }
     /** @nocollapse */ static { this.ɵfac = function DrToggleButtonComponent_Factory(t) { return new (t || DrToggleButtonComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    /** @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, "drTooltip", "selected", "disabled", "click", 4, "ngIf"], [1, "toggle-container__item", 3, "drTooltip", "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) {
+    /** @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) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, DrToggleButtonComponent_ng_container_1_Template, 2, 1, "ng-container", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassProp("disabled", ctx._disabled);
-            i0.ɵɵattribute("mode", ctx.mode);
+            i0.ɵɵclassProp("disabled", ctx.disabled);
+            i0.ɵɵattribute("mode", ctx.mode)("aria-disabled", ctx.disabled);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx.items);
-        } }, 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[_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 }); }
+        } }, 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 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleButtonComponent, [{
         type: Component,
-        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            [drTooltip]=\"item.tooltip\"\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"] }]
+        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"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { items: [{
             type: Input
         }], bindLabel: [{
@@ -4050,11 +4062,13 @@ class DrToggleButtonComponent {
             type: Input
         }], selectedValue: [{
             type: Input
-        }], disabled: [{
+        }], name: [{
             type: Input
         }], dataAnalytics: [{
             type: Input,
             args: [{ alias: 'data-analytics' }]
+        }], disabled: [{
+            type: Input
         }] }); })();
 function ListTagComponent_div_1_Template(rf, ctx) { if (rf & 1) {
@@ -9864,11 +9878,11 @@ class DrTagsConstructorComponent {
         } if (rf & 2) {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngForOf", ctx.currentTags);
-        } }, 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{padding:2px 8px!important}"] }); }
+        } }, 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}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrTagsConstructorComponent, [{
         type: Component,
-        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{padding:2px 8px!important}\n"] }]
+        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"] }]
     }], function () { return [{ type: ScenarioService }, { type: TagsConstructorService }]; }, { scenarioTagsConfig: [{
             type: Input
         }], tagsConfigToDisplay: [{
@@ -9957,11 +9971,11 @@ class DrScenarioConfigurationComponent {
             i0.ɵɵproperty("ngModel", ctx.selectedScenario)("items", ctx.scenarios);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.scenarioTags == null ? null : ctx.scenarioTags.length);
-        } }, 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{padding:2px 8px!important}"], changeDetection: 0 }); }
+        } }, 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 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrScenarioConfigurationComponent, [{
         type: Component,
-        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{padding:2px 8px!important}\n"] }]
+        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"] }]
     }], function () { return [{ type: ScenarioService }]; }, { currentTagsConfig: [{
             type: Input
         }], wholeTagsConfig: [{
@@ -19238,7 +19252,7 @@ class EmojiPickerComponent {
         this.pickerComponentRef = this.pickerContainer.createComponent(this.PickerComponent);
         this.pickerComponentRef.instance.emoji = 'thumbsup';
         this.pickerComponentRef.instance.darkMode = false;
-        this.pickerComponentRef.instance.color = '#0D99FF';
+        this.pickerComponentRef.instance.color = '#4646CE';
         this.pickerComponentRef.instance.emojiSelect.subscribe((event) => this.onEmojiSelected(event));
         this.cdr.detectChanges();
     }