myrta-ui 17.0.31 → 17.0.32

package/esm2022/lib/components/form/select/components/select/select.component.mjs

@@ -5,7 +5,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../../../popup/components/popup/popup.component";
 import * as i2 from "../../../../popup/components/popup-item/popup-item.component";
 import * as i3 from "../../../../popup/directives/popup-trigger.directive";
-import * as i4 from "@angular/common";
 export class SelectComponent {
     isOpen = false;
     selected = null;
@@ -70,7 +69,7 @@ export class SelectComponent {
                 useExisting: forwardRef(() => SelectComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    {{ selected | json }}\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedSingleLabels) {\r\n          <div class=\"mrx-select__input__value\">{{ getSelectedSingleLabels }}</div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (selected) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"true\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of items; track item.name) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelect(item)\">\r\n          {{ item.label }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"], dependencies: [{ kind: "component", type: i1.PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["toggle", "_toggleInner", "_updateInner"] }, { kind: "component", type: i2.PopupItemComponent, selector: "mrx-popup-item", inputs: ["custom"], outputs: ["clicked"] }, { kind: "directive", type: i3.PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }, { kind: "pipe", type: i4.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedSingleLabels) {\r\n          <div class=\"mrx-select__input__value\">{{ getSelectedSingleLabels }}</div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (selected) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"true\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of items; track item.name) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelect(item)\">\r\n          {{ item.label }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"], dependencies: [{ kind: "component", type: i1.PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["toggle", "_toggleInner", "_updateInner"] }, { kind: "component", type: i2.PopupItemComponent, selector: "mrx-popup-item", inputs: ["custom"], outputs: ["clicked"] }, { kind: "directive", type: i3.PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
@@ -80,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                             useExisting: forwardRef(() => SelectComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    {{ selected | json }}\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedSingleLabels) {\r\n          <div class=\"mrx-select__input__value\">{{ getSelectedSingleLabels }}</div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (selected) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"true\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of items; track item.name) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelect(item)\">\r\n          {{ item.label }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] }]
+                    ], template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedSingleLabels) {\r\n          <div class=\"mrx-select__input__value\">{{ getSelectedSingleLabels }}</div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (selected) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"true\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of items; track item.name) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelect(item)\">\r\n          {{ item.label }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], size: [{
@@ -95,4 +94,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: ViewChild,
                 args: ['dropdown']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vc2VsZWN0L2NvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBbUIsTUFBTSxhQUFhLENBQUM7Ozs7OztBQWdCOUQsTUFBTSxPQUFPLGVBQWU7SUFDbkIsTUFBTSxHQUFZLEtBQUssQ0FBQTtJQUN2QixRQUFRLEdBQWdCLElBQUksQ0FBQztJQUUzQixLQUFLLEdBQVUsRUFBRSxDQUFDO0lBQ2xCLElBQUksR0FBb0IsT0FBTyxDQUFDO0lBQ2hDLFNBQVMsR0FBa0IsSUFBSSxDQUFDO0lBQ2hDLFNBQVMsR0FBVyxPQUFPLENBQUM7SUFDNUIsUUFBUSxHQUFXLE1BQU0sQ0FBQztJQUVaLFFBQVEsQ0FBa0I7SUFFakQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sR0FBRyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVELElBQVcsdUJBQXVCO1FBQ2hDLE9BQU8sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDOUMsQ0FBQztJQUVPLFFBQVEsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBQzlCLFNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFdEIsZ0JBQWdCLENBQUMsRUFBTztRQUM3QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU0saUJBQWlCLENBQUMsRUFBWTtRQUNuQyxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLFFBQWE7UUFDdEIsSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFBO1FBQzFCLENBQUM7SUFDSCxDQUFDO0lBRU0sV0FBVyxDQUFDLFFBQWE7UUFDOUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDekIsb0RBQW9EO1FBQ3BELCtFQUErRTtRQUMvRSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDOUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFTSxRQUFRLENBQUMsSUFBUztRQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQTtRQUVwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3hCLENBQUM7SUFFTSxNQUFNLENBQUMsS0FBaUI7UUFDN0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBRXZCLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ2xDLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDakMsQ0FBQztJQUNILENBQUM7SUFFTSxPQUFPLENBQUMsS0FBaUI7UUFDOUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBRXZCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFBO1FBRXBCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBRS9CLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUM7SUFFTSxXQUFXLENBQUMsTUFBZTtRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtJQUN0QixDQUFDO3dHQXpFVSxlQUFlOzRGQUFmLGVBQWUscUpBUmY7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFDOUMsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLGdJQ3RCSCxxN0NBcUNBOzs0RkRiYSxlQUFlO2tCQWIzQixTQUFTOytCQUNFLFlBQVksbUJBR0wsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxnQkFBZ0IsQ0FBQzs0QkFDOUMsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBTVEsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFaUIsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgZm9yd2FyZFJlZixcclxuICBJbnB1dCxcclxuICBWaWV3Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTZWxlY3RTaXplRW51bSwgU2VsZWN0U2l6ZVR5cGVzIH0gZnJvbSAnLi4vLi4vZW51bXMnO1xyXG5pbXBvcnQgeyBQb3B1cENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL3BvcHVwL2NvbXBvbmVudHMvcG9wdXAvcG9wdXAuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3NlbGVjdC5jb21wb25lbnQubGVzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTZWxlY3RDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZSxcclxuICAgIH0sXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwdWJsaWMgaXNPcGVuOiBib29sZWFuID0gZmFsc2VcclxuICBwdWJsaWMgc2VsZWN0ZWQ6IGFueSB8IGFueVtdID0gbnVsbDtcclxuXHJcbiAgQElucHV0KCkgaXRlbXM6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgc2l6ZTogU2VsZWN0U2l6ZVR5cGVzID0gJ2xhcmdlJztcclxuICBASW5wdXQoKSBiaW5kVmFsdWU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG4gIEBJbnB1dCgpIGJpbmRMYWJlbDogc3RyaW5nID0gJ2xhYmVsJztcclxuICBASW5wdXQoKSBiaW5kSWNvbjogc3RyaW5nID0gJ2ljb24nO1xyXG5cclxuICBAVmlld0NoaWxkKCdkcm9wZG93bicpIGRyb3Bkb3duITogUG9wdXBDb21wb25lbnQ7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke1NlbGVjdFNpemVFbnVtW3RoaXMuc2l6ZV19YDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0U2VsZWN0ZWRTaW5nbGVMYWJlbHMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLnNlbGVjdGVkPy5bdGhpcy5iaW5kTGFiZWxdIHx8ICcnXHJcbiAgfVxyXG5cclxuICBwcml2YXRlIG9uQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHt9O1xyXG4gIHByaXZhdGUgb25Ub3VjaGVkID0gKCkgPT4ge307XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4ge30pOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKHNlbGVjdGVkOiBhbnkpOiB2b2lkIHtcclxuICAgIGlmIChzZWxlY3RlZCkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkID0gc2VsZWN0ZWRcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyB1cGRhdGVWYWx1ZShzZWxlY3RlZDogYW55KSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkID0gc2VsZWN0ZWQ7XHJcbiAgICAvLyB0aGlzLmNoYW5nZWQuZW1pdCh0aGlzLmZvcm1hdFZhbHVlKGluc2lkZVZhbHVlKSk7XHJcbiAgICAvLyB0aGlzLm1vZGVsQ2hhbmdlLmVtaXQoe3ZhbHVlOiB0aGlzLmZvcm1hdFZhbHVlKGluc2lkZVZhbHVlKSwgaWQ6IHRoaXMudXVpZH0pXHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuYmluZFZhbHVlID8gdGhpcy5zZWxlY3RlZFt0aGlzLmJpbmRWYWx1ZV0gOiB0aGlzLnNlbGVjdGVkKTtcclxuICAgIHRoaXMub25Ub3VjaGVkKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25TZWxlY3QoaXRlbTogYW55KSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkID0gaXRlbVxyXG5cclxuICAgIHRoaXMudXBkYXRlVmFsdWUoaXRlbSlcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbk9wZW4oZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXHJcblxyXG4gICAgaWYgKHRoaXMuaXNPcGVuKSB7XHJcbiAgICAgIHRoaXMuZHJvcGRvd24udG9nZ2xlUG9wdXAoZmFsc2UpXHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmRyb3Bkb3duLnRvZ2dsZVBvcHVwKHRydWUpXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DbGVhcihldmVudDogTW91c2VFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcclxuXHJcbiAgICB0aGlzLnNlbGVjdGVkID0gbnVsbFxyXG5cclxuICAgIHRoaXMudXBkYXRlVmFsdWUodGhpcy5zZWxlY3RlZClcclxuXHJcbiAgICB0aGlzLmRyb3Bkb3duLnRvZ2dsZVBvcHVwKGZhbHNlKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHRvZ2dsZVBvcHVwKGlzT3BlbjogYm9vbGVhbikge1xyXG4gICAgdGhpcy5pc09wZW4gPSBpc09wZW5cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X193cmFwcGVyXCI+XHJcbiAgICB7eyBzZWxlY3RlZCB8IGpzb24gfX1cclxuICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dFwiIFttcnhQb3B1cFRyaWdnZXJdPVwiZHJvcGRvd25cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19ib3hcIj5cclxuICAgICAgICBAaWYgKGdldFNlbGVjdGVkU2luZ2xlTGFiZWxzKSB7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9faW5wdXRfX3ZhbHVlXCI+e3sgZ2V0U2VsZWN0ZWRTaW5nbGVMYWJlbHMgfX08L2Rpdj5cclxuICAgICAgICB9IEBlbHNlIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fcGxhY2Vob2xkZXJcIj48L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19jb250cm9sc1wiPlxyXG4gICAgICAgIEBpZiAoc2VsZWN0ZWQpIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fY29udHJvbHMtLWl0ZW1cIiAoY2xpY2spPVwib25DbGVhcigkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jbG9zZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19jb250cm9scy0taXRlbVwiIChjbGljayk9XCJvbk9wZW4oJGV2ZW50KVwiPlxyXG4gICAgICAgICAgQGlmIChpc09wZW4pIHtcclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNoZXZyb24tdXAgaWNvbi1mb250LTI0XCI+PC9zcGFuPlxyXG4gICAgICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jaGV2cm9uLWRvd24gaWNvbi1mb250LTI0XCI+PC9zcGFuPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxtcngtcG9wdXAgI2Ryb3Bkb3duIFtjbG9zZUFmdGVyQ2xpY2tdPVwidHJ1ZVwiICh0b2dnbGUpPVwidG9nZ2xlUG9wdXAoJGV2ZW50KVwiPlxyXG4gICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtLm5hbWUpIHtcclxuICAgICAgICA8bXJ4LXBvcHVwLWl0ZW0gW2N1c3RvbV09XCJ0cnVlXCIgKGNsaWNrZWQpPVwib25TZWxlY3QoaXRlbSlcIj5cclxuICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cclxuICAgICAgICA8L21yeC1wb3B1cC1pdGVtPlxyXG4gICAgICB9XHJcbiAgICA8L21yeC1wb3B1cD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vc2VsZWN0L2NvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBbUIsTUFBTSxhQUFhLENBQUM7Ozs7O0FBZ0I5RCxNQUFNLE9BQU8sZUFBZTtJQUNuQixNQUFNLEdBQVksS0FBSyxDQUFBO0lBQ3ZCLFFBQVEsR0FBZ0IsSUFBSSxDQUFDO0lBRTNCLEtBQUssR0FBVSxFQUFFLENBQUM7SUFDbEIsSUFBSSxHQUFvQixPQUFPLENBQUM7SUFDaEMsU0FBUyxHQUFrQixJQUFJLENBQUM7SUFDaEMsU0FBUyxHQUFXLE9BQU8sQ0FBQztJQUM1QixRQUFRLEdBQVcsTUFBTSxDQUFDO0lBRVosUUFBUSxDQUFrQjtJQUVqRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBVyx1QkFBdUI7UUFDaEMsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUM5QyxDQUFDO0lBRU8sUUFBUSxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFDOUIsU0FBUyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUV0QixnQkFBZ0IsQ0FBQyxFQUFPO1FBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxFQUFZO1FBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxVQUFVLENBQUMsUUFBYTtRQUN0QixJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUE7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFFTSxXQUFXLENBQUMsUUFBYTtRQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztRQUN6QixvREFBb0Q7UUFDcEQsK0VBQStFO1FBQy9FLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM5RSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVNLFFBQVEsQ0FBQyxJQUFTO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFBO1FBRXBCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDeEIsQ0FBQztJQUVNLE1BQU0sQ0FBQyxLQUFpQjtRQUM3QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7UUFFdkIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDbEMsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUNqQyxDQUFDO0lBQ0gsQ0FBQztJQUVNLE9BQU8sQ0FBQyxLQUFpQjtRQUM5QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7UUFFdkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUE7UUFFcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUE7UUFFL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQztJQUVNLFdBQVcsQ0FBQyxNQUFlO1FBQ2hDLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO0lBQ3RCLENBQUM7d0dBekVVLGVBQWU7NEZBQWYsZUFBZSxxSkFSZjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO2dCQUM5QyxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsZ0lDdEJILHc1Q0FvQ0E7OzRGRFphLGVBQWU7a0JBYjNCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGdCQUFnQixDQUFDOzRCQUM5QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFNUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVpQixRQUFRO3NCQUE5QixTQUFTO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBmb3J3YXJkUmVmLFxyXG4gIElucHV0LFxyXG4gIFZpZXdDaGlsZFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFNlbGVjdFNpemVFbnVtLCBTZWxlY3RTaXplVHlwZXMgfSBmcm9tICcuLi8uLi9lbnVtcyc7XHJcbmltcG9ydCB7IFBvcHVwQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vcG9wdXAvY29tcG9uZW50cy9wb3B1cC9wb3B1cC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtc2VsZWN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc2VsZWN0LmNvbXBvbmVudC5sZXNzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNlbGVjdENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIHB1YmxpYyBpc09wZW46IGJvb2xlYW4gPSBmYWxzZVxyXG4gIHB1YmxpYyBzZWxlY3RlZDogYW55IHwgYW55W10gPSBudWxsO1xyXG5cclxuICBASW5wdXQoKSBpdGVtczogYW55W10gPSBbXTtcclxuICBASW5wdXQoKSBzaXplOiBTZWxlY3RTaXplVHlwZXMgPSAnbGFyZ2UnO1xyXG4gIEBJbnB1dCgpIGJpbmRWYWx1ZTogc3RyaW5nIHwgbnVsbCA9IG51bGw7XHJcbiAgQElucHV0KCkgYmluZExhYmVsOiBzdHJpbmcgPSAnbGFiZWwnO1xyXG4gIEBJbnB1dCgpIGJpbmRJY29uOiBzdHJpbmcgPSAnaWNvbic7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2Ryb3Bkb3duJykgZHJvcGRvd24hOiBQb3B1cENvbXBvbmVudDtcclxuXHJcbiAgcHVibGljIGdldCBnZXRDbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYCR7U2VsZWN0U2l6ZUVudW1bdGhpcy5zaXplXX1gO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRTZWxlY3RlZFNpbmdsZUxhYmVscygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWQ/Llt0aGlzLmJpbmRMYWJlbF0gfHwgJydcclxuICB9XHJcblxyXG4gIHByaXZhdGUgb25DaGFuZ2UgPSAodmFsdWU6IGFueSkgPT4ge307XHJcbiAgcHJpdmF0ZSBvblRvdWNoZWQgPSAoKSA9PiB7fTtcclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB7fSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUoc2VsZWN0ZWQ6IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKHNlbGVjdGVkKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSBzZWxlY3RlZFxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHVwZGF0ZVZhbHVlKHNlbGVjdGVkOiBhbnkpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWQgPSBzZWxlY3RlZDtcclxuICAgIC8vIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMuZm9ybWF0VmFsdWUoaW5zaWRlVmFsdWUpKTtcclxuICAgIC8vIHRoaXMubW9kZWxDaGFuZ2UuZW1pdCh7dmFsdWU6IHRoaXMuZm9ybWF0VmFsdWUoaW5zaWRlVmFsdWUpLCBpZDogdGhpcy51dWlkfSlcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy5iaW5kVmFsdWUgPyB0aGlzLnNlbGVjdGVkW3RoaXMuYmluZFZhbHVlXSA6IHRoaXMuc2VsZWN0ZWQpO1xyXG4gICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvblNlbGVjdChpdGVtOiBhbnkpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWQgPSBpdGVtXHJcblxyXG4gICAgdGhpcy51cGRhdGVWYWx1ZShpdGVtKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uT3BlbihldmVudDogTW91c2VFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcclxuXHJcbiAgICBpZiAodGhpcy5pc09wZW4pIHtcclxuICAgICAgdGhpcy5kcm9wZG93bi50b2dnbGVQb3B1cChmYWxzZSlcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuZHJvcGRvd24udG9nZ2xlUG9wdXAodHJ1ZSlcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsZWFyKGV2ZW50OiBNb3VzZUV2ZW50KSB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxyXG5cclxuICAgIHRoaXMuc2VsZWN0ZWQgPSBudWxsXHJcblxyXG4gICAgdGhpcy51cGRhdGVWYWx1ZSh0aGlzLnNlbGVjdGVkKVxyXG5cclxuICAgIHRoaXMuZHJvcGRvd24udG9nZ2xlUG9wdXAoZmFsc2UpXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdG9nZ2xlUG9wdXAoaXNPcGVuOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLmlzT3BlbiA9IGlzT3BlblxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdFwiIFtjbGFzc109XCJnZXRDbGFzc2VzXCI+XHJcbiAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX3dyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dFwiIFttcnhQb3B1cFRyaWdnZXJdPVwiZHJvcGRvd25cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19ib3hcIj5cclxuICAgICAgICBAaWYgKGdldFNlbGVjdGVkU2luZ2xlTGFiZWxzKSB7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9faW5wdXRfX3ZhbHVlXCI+e3sgZ2V0U2VsZWN0ZWRTaW5nbGVMYWJlbHMgfX08L2Rpdj5cclxuICAgICAgICB9IEBlbHNlIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fcGxhY2Vob2xkZXJcIj48L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19jb250cm9sc1wiPlxyXG4gICAgICAgIEBpZiAoc2VsZWN0ZWQpIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fY29udHJvbHMtLWl0ZW1cIiAoY2xpY2spPVwib25DbGVhcigkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jbG9zZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19jb250cm9scy0taXRlbVwiIChjbGljayk9XCJvbk9wZW4oJGV2ZW50KVwiPlxyXG4gICAgICAgICAgQGlmIChpc09wZW4pIHtcclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNoZXZyb24tdXAgaWNvbi1mb250LTI0XCI+PC9zcGFuPlxyXG4gICAgICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jaGV2cm9uLWRvd24gaWNvbi1mb250LTI0XCI+PC9zcGFuPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxtcngtcG9wdXAgI2Ryb3Bkb3duIFtjbG9zZUFmdGVyQ2xpY2tdPVwidHJ1ZVwiICh0b2dnbGUpPVwidG9nZ2xlUG9wdXAoJGV2ZW50KVwiPlxyXG4gICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtLm5hbWUpIHtcclxuICAgICAgICA8bXJ4LXBvcHVwLWl0ZW0gW2N1c3RvbV09XCJ0cnVlXCIgKGNsaWNrZWQpPVwib25TZWxlY3QoaXRlbSlcIj5cclxuICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cclxuICAgICAgICA8L21yeC1wb3B1cC1pdGVtPlxyXG4gICAgICB9XHJcbiAgICA8L21yeC1wb3B1cD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/components/form/select/components/select-multi/select-multi.component.mjs

@@ -2,8 +2,7 @@ import { ChangeDetectionStrategy, Component, forwardRef, Input, ViewChild } from
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { SelectSizeEnum } from '../../enums';
 import { getSelectedItems } from '../../helpers/get-selected-items.helper';
-import { isEqual } from 'lodash-es';
-import { cleanSelectedItems } from '../../helpers/clean-selected-items.helper';
+import { getInnerItems } from '../../helpers/get-inner-items.helper';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../../popup/components/popup/popup.component";
 import * as i2 from "../../../../popup/components/popup-item/popup-item.component";
@@ -12,11 +11,9 @@ export class SelectMultiComponent {
     isOpen = false;
     originItems = [];
     innerItems = [];
-    set items(list) {
-        this.originItems = list;
-        this.innerItems = list.map((item, idx) => ({
-            ...item, __id: item['id'] || idx, __selected: false
-        }));
+    set items(items) {
+        this.originItems = items;
+        this.innerItems = getInnerItems(items);
     }
     size = 'large';
     bindValue = null;
@@ -26,7 +23,7 @@ export class SelectMultiComponent {
     get getClasses() {
         return `${SelectSizeEnum[this.size]}`;
     }
-    get getSelectedMultiLabels() {
+    get getSelectedLabels() {
         return this.innerItems.filter(i => i.__selected);
     }
     onChange = (value) => {
@@ -41,23 +38,19 @@ export class SelectMultiComponent {
     }
     writeValue(selected = []) {
         if (selected) {
-            this.innerItems = this.originItems.map((item, idx) => {
-                const findItem = selected.find(i => isEqual(i, item));
-                return { ...item, __id: item['id'] || idx, __selected: !!findItem };
-            });
+            this.innerItems = getInnerItems(this.originItems, selected);
         }
     }
-    updateValue(selected) {
-        console.log(selected);
+    updateValue(selectedItems) {
         // this.changed.emit(this.formatValue(insideValue));
         // this.modelChange.emit({value: this.formatValue(insideValue), id: this.uuid})
-        // this.onChange(getSelectedItems(this.selected, this.bindValue));
+        this.onChange(selectedItems);
         this.onTouched();
     }
     onSelectMulti(item) {
         item.__selected = !item.__selected;
         this.dropdown.updatePopup();
-        this.updateValue(getSelectedItems(cleanSelectedItems(this.innerItems.filter(item => item.__selected)), this.bindValue));
+        this.updateValue(getSelectedItems(this.innerItems, this.bindValue, true));
     }
     onOpen(event) {
         event.stopPropagation();
@@ -84,7 +77,7 @@ export class SelectMultiComponent {
                 useExisting: forwardRef(() => SelectMultiComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedMultiLabels.length) {\r\n          <div class=\"mrx-select__input__value\">\r\n            @for (item of getSelectedMultiLabels; track item) {\r\n              {{ item[bindLabel] }}\r\n            }\r\n          </div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (getSelectedMultiLabels.length) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"false\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of innerItems; track item.__id) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelectMulti(item)\">\r\n          {{ item['label'] }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"], dependencies: [{ kind: "component", type: i1.PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["toggle", "_toggleInner", "_updateInner"] }, { kind: "component", type: i2.PopupItemComponent, selector: "mrx-popup-item", inputs: ["custom"], outputs: ["clicked"] }, { kind: "directive", type: i3.PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedLabels.length) {\r\n          <div class=\"mrx-select__input__value\">\r\n            @for (item of getSelectedLabels; track item) {\r\n              {{ item[bindLabel] }}\r\n            }\r\n          </div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (getSelectedLabels.length) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"false\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of innerItems; track item.__id) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelectMulti(item)\">\r\n          {{ item['label'] }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"], dependencies: [{ kind: "component", type: i1.PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["toggle", "_toggleInner", "_updateInner"] }, { kind: "component", type: i2.PopupItemComponent, selector: "mrx-popup-item", inputs: ["custom"], outputs: ["clicked"] }, { kind: "directive", type: i3.PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectMultiComponent, decorators: [{
             type: Component,
@@ -94,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                             useExisting: forwardRef(() => SelectMultiComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedMultiLabels.length) {\r\n          <div class=\"mrx-select__input__value\">\r\n            @for (item of getSelectedMultiLabels; track item) {\r\n              {{ item[bindLabel] }}\r\n            }\r\n          </div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (getSelectedMultiLabels.length) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"false\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of innerItems; track item.__id) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelectMulti(item)\">\r\n          {{ item['label'] }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] }]
+                    ], template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedLabels.length) {\r\n          <div class=\"mrx-select__input__value\">\r\n            @for (item of getSelectedLabels; track item) {\r\n              {{ item[bindLabel] }}\r\n            }\r\n          </div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (getSelectedLabels.length) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"false\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of innerItems; track item.__id) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelectMulti(item)\">\r\n          {{ item['label'] }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], size: [{
@@ -109,4 +102,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: ViewChild,
                 args: ['dropdown']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW11bHRpLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9jb21wb25lbnRzL3NlbGVjdC1tdWx0aS9zZWxlY3QtbXVsdGkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vc2VsZWN0L2NvbXBvbmVudHMvc2VsZWN0LW11bHRpL3NlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBbUIsTUFBTSxhQUFhLENBQUM7QUFJOUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDM0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNwQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7Ozs7QUFlL0UsTUFBTSxPQUFPLG9CQUFvQjtJQUN4QixNQUFNLEdBQVksS0FBSyxDQUFDO0lBQ3hCLFdBQVcsR0FBc0IsRUFBRSxDQUFDO0lBQ3BDLFVBQVUsR0FBMkIsRUFBRSxDQUFDO0lBRy9DLElBQWEsS0FBSyxDQUFDLElBQXVCO1FBQ3hDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBRXhCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDekMsR0FBRyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsVUFBVSxFQUFFLEtBQUs7U0FDcEQsQ0FBQyxDQUFDLENBQUM7SUFDTixDQUFDO0lBRVEsSUFBSSxHQUFvQixPQUFPLENBQUM7SUFDaEMsU0FBUyxHQUFrQixJQUFJLENBQUM7SUFDaEMsU0FBUyxHQUFXLE9BQU8sQ0FBQztJQUM1QixRQUFRLEdBQVcsTUFBTSxDQUFDO0lBRVosUUFBUSxDQUFrQjtJQUVqRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBVyxzQkFBc0I7UUFDL0IsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRU8sUUFBUSxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUU7SUFDbEMsQ0FBQyxDQUFDO0lBQ00sU0FBUyxHQUFHLEdBQUcsRUFBRTtJQUN6QixDQUFDLENBQUM7SUFFSyxnQkFBZ0IsQ0FBQyxFQUFPO1FBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxFQUFZO1FBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxVQUFVLENBQUMsV0FBa0IsRUFBRTtRQUM3QixJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxHQUFHLEVBQXdCLEVBQUU7Z0JBQ3pFLE1BQU0sUUFBUSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7Z0JBRXRELE9BQU8sRUFBQyxHQUFHLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDLFFBQVEsRUFBQyxDQUFDO1lBQ3BFLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFFTSxXQUFXLENBQUMsUUFBYTtRQUM5QixPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RCLG9EQUFvRDtRQUNwRCwrRUFBK0U7UUFDL0Usa0VBQWtFO1FBQ2xFLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRU0sYUFBYSxDQUFDLElBQVM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFFbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUU1QixJQUFJLENBQUMsV0FBVyxDQUNkLGdCQUFnQixDQUNkLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQ25FLElBQUksQ0FBQyxTQUFTLENBQ2YsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVNLE1BQU0sQ0FBQyxLQUFpQjtRQUM3QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkMsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQyxDQUFDO0lBQ0gsQ0FBQztJQUVNLE9BQU8sQ0FBQyxLQUFpQjtRQUM5QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBQyxHQUFHLElBQUksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQyxDQUFDO1FBRTlFLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWpDLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUVNLFdBQVcsQ0FBQyxNQUFlO1FBQ2hDLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7d0dBL0ZVLG9CQUFvQjs0RkFBcEIsb0JBQW9CLDJKQVJwQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7Z0JBQ25ELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixnSUMzQkgsNmlEQXdDQTs7NEZEWGEsb0JBQW9CO2tCQWJoQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHFCQUFxQixDQUFDOzRCQUNuRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFRWSxLQUFLO3NCQUFqQixLQUFLO2dCQVFHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFaUIsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgZm9yd2FyZFJlZixcclxuICBJbnB1dCxcclxuICBWaWV3Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTZWxlY3RTaXplRW51bSwgU2VsZWN0U2l6ZVR5cGVzIH0gZnJvbSAnLi4vLi4vZW51bXMnO1xyXG5pbXBvcnQgeyBQb3B1cENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL3BvcHVwL2NvbXBvbmVudHMvcG9wdXAvcG9wdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2VsZWN0SW5uZXJJdGVtTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvc2VsZWN0LWlubmVyLWl0ZW0ubW9kZWwnO1xyXG5pbXBvcnQgeyBTZWxlY3RJdGVtTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvc2VsZWN0LWl0ZW0ubW9kZWwnO1xyXG5pbXBvcnQgeyBnZXRTZWxlY3RlZEl0ZW1zIH0gZnJvbSAnLi4vLi4vaGVscGVycy9nZXQtc2VsZWN0ZWQtaXRlbXMuaGVscGVyJztcclxuaW1wb3J0IHsgaXNFcXVhbCB9IGZyb20gJ2xvZGFzaC1lcyc7XHJcbmltcG9ydCB7IGNsZWFuU2VsZWN0ZWRJdGVtcyB9IGZyb20gJy4uLy4uL2hlbHBlcnMvY2xlYW4tc2VsZWN0ZWQtaXRlbXMuaGVscGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LXNlbGVjdC1tdWx0aScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3NlbGVjdC1tdWx0aS5jb21wb25lbnQubGVzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTZWxlY3RNdWx0aUNvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VsZWN0TXVsdGlDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgcHVibGljIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHB1YmxpYyBvcmlnaW5JdGVtczogU2VsZWN0SXRlbU1vZGVsW10gPSBbXTtcclxuICBwdWJsaWMgaW5uZXJJdGVtczogU2VsZWN0SW5uZXJJdGVtTW9kZWxbXSA9IFtdO1xyXG5cclxuXHJcbiAgQElucHV0KCkgc2V0IGl0ZW1zKGxpc3Q6IFNlbGVjdEl0ZW1Nb2RlbFtdKSB7XHJcbiAgICB0aGlzLm9yaWdpbkl0ZW1zID0gbGlzdDtcclxuXHJcbiAgICB0aGlzLmlubmVySXRlbXMgPSBsaXN0Lm1hcCgoaXRlbSwgaWR4KSA9PiAoe1xyXG4gICAgICAuLi5pdGVtLCBfX2lkOiBpdGVtWydpZCddIHx8IGlkeCwgX19zZWxlY3RlZDogZmFsc2VcclxuICAgIH0pKTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHNpemU6IFNlbGVjdFNpemVUeXBlcyA9ICdsYXJnZSc7XHJcbiAgQElucHV0KCkgYmluZFZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuICBASW5wdXQoKSBiaW5kTGFiZWw6IHN0cmluZyA9ICdsYWJlbCc7XHJcbiAgQElucHV0KCkgYmluZEljb246IHN0cmluZyA9ICdpY29uJztcclxuXHJcbiAgQFZpZXdDaGlsZCgnZHJvcGRvd24nKSBkcm9wZG93biE6IFBvcHVwQ29tcG9uZW50O1xyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtTZWxlY3RTaXplRW51bVt0aGlzLnNpemVdfWA7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldFNlbGVjdGVkTXVsdGlMYWJlbHMoKTogU2VsZWN0SW5uZXJJdGVtTW9kZWxbXSB7XHJcbiAgICByZXR1cm4gdGhpcy5pbm5lckl0ZW1zLmZpbHRlcihpID0+IGkuX19zZWxlY3RlZCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIG9uQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHtcclxuICB9O1xyXG4gIHByaXZhdGUgb25Ub3VjaGVkID0gKCkgPT4ge1xyXG4gIH07XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4ge30pOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKHNlbGVjdGVkOiBhbnlbXSA9IFtdKTogdm9pZCB7XHJcbiAgICBpZiAoc2VsZWN0ZWQpIHtcclxuICAgICAgdGhpcy5pbm5lckl0ZW1zID0gdGhpcy5vcmlnaW5JdGVtcy5tYXAoKGl0ZW0sIGlkeCk6IFNlbGVjdElubmVySXRlbU1vZGVsID0+IHtcclxuICAgICAgICBjb25zdCBmaW5kSXRlbSA9IHNlbGVjdGVkLmZpbmQoaSA9PiBpc0VxdWFsKGksIGl0ZW0pKTtcclxuXHJcbiAgICAgICAgcmV0dXJuIHsuLi5pdGVtLCBfX2lkOiBpdGVtWydpZCddIHx8IGlkeCwgX19zZWxlY3RlZDogISFmaW5kSXRlbX07XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHVwZGF0ZVZhbHVlKHNlbGVjdGVkOiBhbnkpIHtcclxuICAgIGNvbnNvbGUubG9nKHNlbGVjdGVkKTtcclxuICAgIC8vIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMuZm9ybWF0VmFsdWUoaW5zaWRlVmFsdWUpKTtcclxuICAgIC8vIHRoaXMubW9kZWxDaGFuZ2UuZW1pdCh7dmFsdWU6IHRoaXMuZm9ybWF0VmFsdWUoaW5zaWRlVmFsdWUpLCBpZDogdGhpcy51dWlkfSlcclxuICAgIC8vIHRoaXMub25DaGFuZ2UoZ2V0U2VsZWN0ZWRJdGVtcyh0aGlzLnNlbGVjdGVkLCB0aGlzLmJpbmRWYWx1ZSkpO1xyXG4gICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvblNlbGVjdE11bHRpKGl0ZW06IGFueSkge1xyXG4gICAgaXRlbS5fX3NlbGVjdGVkID0gIWl0ZW0uX19zZWxlY3RlZDtcclxuXHJcbiAgICB0aGlzLmRyb3Bkb3duLnVwZGF0ZVBvcHVwKCk7XHJcblxyXG4gICAgdGhpcy51cGRhdGVWYWx1ZShcclxuICAgICAgZ2V0U2VsZWN0ZWRJdGVtcyhcclxuICAgICAgICBjbGVhblNlbGVjdGVkSXRlbXModGhpcy5pbm5lckl0ZW1zLmZpbHRlcihpdGVtID0+IGl0ZW0uX19zZWxlY3RlZCkpLFxyXG4gICAgICAgIHRoaXMuYmluZFZhbHVlXHJcbiAgICAgIClcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25PcGVuKGV2ZW50OiBNb3VzZUV2ZW50KSB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuXHJcbiAgICBpZiAodGhpcy5pc09wZW4pIHtcclxuICAgICAgdGhpcy5kcm9wZG93bi50b2dnbGVQb3B1cChmYWxzZSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmRyb3Bkb3duLnRvZ2dsZVBvcHVwKHRydWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQ2xlYXIoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG5cclxuICAgIHRoaXMuaW5uZXJJdGVtcyA9IHRoaXMuaW5uZXJJdGVtcy5tYXAoaXRlbSA9PiAoey4uLml0ZW0sIF9fc2VsZWN0ZWQ6IGZhbHNlfSkpO1xyXG5cclxuICAgIHRoaXMuZHJvcGRvd24udG9nZ2xlUG9wdXAoZmFsc2UpO1xyXG5cclxuICAgIHRoaXMudXBkYXRlVmFsdWUoW10pO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHRvZ2dsZVBvcHVwKGlzT3BlbjogYm9vbGVhbikge1xyXG4gICAgdGhpcy5pc09wZW4gPSBpc09wZW47XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtc2VsZWN0XCIgW2NsYXNzXT1cImdldENsYXNzZXNcIj5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9fd3JhcHBlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0XCIgW21yeFBvcHVwVHJpZ2dlcl09XCJkcm9wZG93blwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9faW5wdXRfX2JveFwiPlxyXG4gICAgICAgIEBpZiAoZ2V0U2VsZWN0ZWRNdWx0aUxhYmVscy5sZW5ndGgpIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fdmFsdWVcIj5cclxuICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBnZXRTZWxlY3RlZE11bHRpTGFiZWxzOyB0cmFjayBpdGVtKSB7XHJcbiAgICAgICAgICAgICAge3sgaXRlbVtiaW5kTGFiZWxdIH19XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH0gQGVsc2Uge1xyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19wbGFjZWhvbGRlclwiPjwvZGl2PlxyXG4gICAgICAgIH1cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9faW5wdXRfX2NvbnRyb2xzXCI+XHJcbiAgICAgICAgQGlmIChnZXRTZWxlY3RlZE11bHRpTGFiZWxzLmxlbmd0aCkge1xyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19jb250cm9scy0taXRlbVwiIChjbGljayk9XCJvbkNsZWFyKCRldmVudClcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0yNFwiPjwvc3Bhbj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9faW5wdXRfX2NvbnRyb2xzLS1pdGVtXCIgKGNsaWNrKT1cIm9uT3BlbigkZXZlbnQpXCI+XHJcbiAgICAgICAgICBAaWYgKGlzT3Blbikge1xyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY2hldnJvbi11cCBpY29uLWZvbnQtMjRcIj48L3NwYW4+XHJcbiAgICAgICAgICB9IEBlbHNlIHtcclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNoZXZyb24tZG93biBpY29uLWZvbnQtMjRcIj48L3NwYW4+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPG1yeC1wb3B1cCAjZHJvcGRvd24gW2Nsb3NlQWZ0ZXJDbGlja109XCJmYWxzZVwiICh0b2dnbGUpPVwidG9nZ2xlUG9wdXAoJGV2ZW50KVwiPlxyXG4gICAgICBAZm9yIChpdGVtIG9mIGlubmVySXRlbXM7IHRyYWNrIGl0ZW0uX19pZCkge1xyXG4gICAgICAgIDxtcngtcG9wdXAtaXRlbSBbY3VzdG9tXT1cInRydWVcIiAoY2xpY2tlZCk9XCJvblNlbGVjdE11bHRpKGl0ZW0pXCI+XHJcbiAgICAgICAgICB7eyBpdGVtWydsYWJlbCddIH19XHJcbiAgICAgICAgPC9tcngtcG9wdXAtaXRlbT5cclxuICAgICAgfVxyXG4gICAgPC9tcngtcG9wdXA+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW11bHRpLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9jb21wb25lbnRzL3NlbGVjdC1tdWx0aS9zZWxlY3QtbXVsdGkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vc2VsZWN0L2NvbXBvbmVudHMvc2VsZWN0LW11bHRpL3NlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBbUIsTUFBTSxhQUFhLENBQUM7QUFJOUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOzs7OztBQWVyRSxNQUFNLE9BQU8sb0JBQW9CO0lBQ3hCLE1BQU0sR0FBWSxLQUFLLENBQUM7SUFDeEIsV0FBVyxHQUFzQixFQUFFLENBQUM7SUFDcEMsVUFBVSxHQUEyQixFQUFFLENBQUM7SUFFL0MsSUFBYSxLQUFLLENBQUMsS0FBd0I7UUFDekMsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFFekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDeEMsQ0FBQztJQUVRLElBQUksR0FBb0IsT0FBTyxDQUFDO0lBQ2hDLFNBQVMsR0FBa0IsSUFBSSxDQUFDO0lBQ2hDLFNBQVMsR0FBVyxPQUFPLENBQUM7SUFDNUIsUUFBUSxHQUFXLE1BQU0sQ0FBQztJQUVaLFFBQVEsQ0FBa0I7SUFFakQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sR0FBRyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVELElBQVcsaUJBQWlCO1FBQzFCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVPLFFBQVEsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFO0lBQ2xDLENBQUMsQ0FBQztJQUNNLFNBQVMsR0FBRyxHQUFHLEVBQUU7SUFDekIsQ0FBQyxDQUFDO0lBRUssZ0JBQWdCLENBQUMsRUFBTztRQUM3QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU0saUJBQWlCLENBQUMsRUFBWTtRQUNuQyxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLFdBQWtCLEVBQUU7UUFDN0IsSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxVQUFVLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsUUFBUSxDQUFDLENBQUE7UUFDN0QsQ0FBQztJQUNILENBQUM7SUFFTSxXQUFXLENBQUMsYUFBZ0M7UUFDakQsb0RBQW9EO1FBQ3BELCtFQUErRTtRQUMvRSxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRU0sYUFBYSxDQUFDLElBQVM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFFbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUU1QixJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFBO0lBQzNFLENBQUM7SUFFTSxNQUFNLENBQUMsS0FBaUI7UUFDN0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ25DLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbEMsQ0FBQztJQUNILENBQUM7SUFFTSxPQUFPLENBQUMsS0FBaUI7UUFDOUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUMsR0FBRyxJQUFJLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUMsQ0FBQztRQUU5RSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVqQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxXQUFXLENBQUMsTUFBZTtRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztJQUN2QixDQUFDO3dHQWxGVSxvQkFBb0I7NEZBQXBCLG9CQUFvQiwySkFScEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO2dCQUNuRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsZ0lDMUJILDhoREF3Q0E7OzRGRFphLG9CQUFvQjtrQkFiaEMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBT1ksS0FBSztzQkFBakIsS0FBSztnQkFNRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRWlCLFFBQVE7c0JBQTlCLFNBQVM7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgVmlld0NoaWxkXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU2VsZWN0U2l6ZUVudW0sIFNlbGVjdFNpemVUeXBlcyB9IGZyb20gJy4uLy4uL2VudW1zJztcclxuaW1wb3J0IHsgUG9wdXBDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9wb3B1cC9jb21wb25lbnRzL3BvcHVwL3BvcHVwLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNlbGVjdElubmVySXRlbU1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3NlbGVjdC1pbm5lci1pdGVtLm1vZGVsJztcclxuaW1wb3J0IHsgU2VsZWN0SXRlbU1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3NlbGVjdC1pdGVtLm1vZGVsJztcclxuaW1wb3J0IHsgZ2V0U2VsZWN0ZWRJdGVtcyB9IGZyb20gJy4uLy4uL2hlbHBlcnMvZ2V0LXNlbGVjdGVkLWl0ZW1zLmhlbHBlcic7XHJcbmltcG9ydCB7IGdldElubmVySXRlbXMgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2dldC1pbm5lci1pdGVtcy5oZWxwZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtc2VsZWN0LW11bHRpJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LW11bHRpLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc2VsZWN0LW11bHRpLmNvbXBvbmVudC5sZXNzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNlbGVjdE11bHRpQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWxlY3RNdWx0aUNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwdWJsaWMgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHVibGljIG9yaWdpbkl0ZW1zOiBTZWxlY3RJdGVtTW9kZWxbXSA9IFtdO1xyXG4gIHB1YmxpYyBpbm5lckl0ZW1zOiBTZWxlY3RJbm5lckl0ZW1Nb2RlbFtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpIHNldCBpdGVtcyhpdGVtczogU2VsZWN0SXRlbU1vZGVsW10pIHtcclxuICAgIHRoaXMub3JpZ2luSXRlbXMgPSBpdGVtcztcclxuXHJcbiAgICB0aGlzLmlubmVySXRlbXMgPSBnZXRJbm5lckl0ZW1zKGl0ZW1zKVxyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgc2l6ZTogU2VsZWN0U2l6ZVR5cGVzID0gJ2xhcmdlJztcclxuICBASW5wdXQoKSBiaW5kVmFsdWU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG4gIEBJbnB1dCgpIGJpbmRMYWJlbDogc3RyaW5nID0gJ2xhYmVsJztcclxuICBASW5wdXQoKSBiaW5kSWNvbjogc3RyaW5nID0gJ2ljb24nO1xyXG5cclxuICBAVmlld0NoaWxkKCdkcm9wZG93bicpIGRyb3Bkb3duITogUG9wdXBDb21wb25lbnQ7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke1NlbGVjdFNpemVFbnVtW3RoaXMuc2l6ZV19YDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0U2VsZWN0ZWRMYWJlbHMoKTogU2VsZWN0SW5uZXJJdGVtTW9kZWxbXSB7XHJcbiAgICByZXR1cm4gdGhpcy5pbm5lckl0ZW1zLmZpbHRlcihpID0+IGkuX19zZWxlY3RlZCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIG9uQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHtcclxuICB9O1xyXG4gIHByaXZhdGUgb25Ub3VjaGVkID0gKCkgPT4ge1xyXG4gIH07XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4ge30pOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKHNlbGVjdGVkOiBhbnlbXSA9IFtdKTogdm9pZCB7XHJcbiAgICBpZiAoc2VsZWN0ZWQpIHtcclxuICAgICAgdGhpcy5pbm5lckl0ZW1zID0gZ2V0SW5uZXJJdGVtcyh0aGlzLm9yaWdpbkl0ZW1zLCBzZWxlY3RlZClcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyB1cGRhdGVWYWx1ZShzZWxlY3RlZEl0ZW1zOiBTZWxlY3RJdGVtTW9kZWxbXSkge1xyXG4gICAgLy8gdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy5mb3JtYXRWYWx1ZShpbnNpZGVWYWx1ZSkpO1xyXG4gICAgLy8gdGhpcy5tb2RlbENoYW5nZS5lbWl0KHt2YWx1ZTogdGhpcy5mb3JtYXRWYWx1ZShpbnNpZGVWYWx1ZSksIGlkOiB0aGlzLnV1aWR9KVxyXG4gICAgdGhpcy5vbkNoYW5nZShzZWxlY3RlZEl0ZW1zKTtcclxuICAgIHRoaXMub25Ub3VjaGVkKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25TZWxlY3RNdWx0aShpdGVtOiBhbnkpIHtcclxuICAgIGl0ZW0uX19zZWxlY3RlZCA9ICFpdGVtLl9fc2VsZWN0ZWQ7XHJcblxyXG4gICAgdGhpcy5kcm9wZG93bi51cGRhdGVQb3B1cCgpO1xyXG5cclxuICAgIHRoaXMudXBkYXRlVmFsdWUoZ2V0U2VsZWN0ZWRJdGVtcyh0aGlzLmlubmVySXRlbXMsIHRoaXMuYmluZFZhbHVlLCB0cnVlKSlcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbk9wZW4oZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG5cclxuICAgIGlmICh0aGlzLmlzT3Blbikge1xyXG4gICAgICB0aGlzLmRyb3Bkb3duLnRvZ2dsZVBvcHVwKGZhbHNlKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuZHJvcGRvd24udG9nZ2xlUG9wdXAodHJ1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DbGVhcihldmVudDogTW91c2VFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcblxyXG4gICAgdGhpcy5pbm5lckl0ZW1zID0gdGhpcy5pbm5lckl0ZW1zLm1hcChpdGVtID0+ICh7Li4uaXRlbSwgX19zZWxlY3RlZDogZmFsc2V9KSk7XHJcblxyXG4gICAgdGhpcy5kcm9wZG93bi50b2dnbGVQb3B1cChmYWxzZSk7XHJcblxyXG4gICAgdGhpcy51cGRhdGVWYWx1ZShbXSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdG9nZ2xlUG9wdXAoaXNPcGVuOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLmlzT3BlbiA9IGlzT3BlbjtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X193cmFwcGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9faW5wdXRcIiBbbXJ4UG9wdXBUcmlnZ2VyXT1cImRyb3Bkb3duXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fYm94XCI+XHJcbiAgICAgICAgQGlmIChnZXRTZWxlY3RlZExhYmVscy5sZW5ndGgpIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fdmFsdWVcIj5cclxuICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBnZXRTZWxlY3RlZExhYmVsczsgdHJhY2sgaXRlbSkge1xyXG4gICAgICAgICAgICAgIHt7IGl0ZW1bYmluZExhYmVsXSB9fVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9IEBlbHNlIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fcGxhY2Vob2xkZXJcIj48L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1yeC1zZWxlY3RfX2lucHV0X19jb250cm9sc1wiPlxyXG4gICAgICAgIEBpZiAoZ2V0U2VsZWN0ZWRMYWJlbHMubGVuZ3RoKSB7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibXJ4LXNlbGVjdF9faW5wdXRfX2NvbnRyb2xzLS1pdGVtXCIgKGNsaWNrKT1cIm9uQ2xlYXIoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY2xvc2UgaWNvbi1mb250LTI0XCI+PC9zcGFuPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtcngtc2VsZWN0X19pbnB1dF9fY29udHJvbHMtLWl0ZW1cIiAoY2xpY2spPVwib25PcGVuKCRldmVudClcIj5cclxuICAgICAgICAgIEBpZiAoaXNPcGVuKSB7XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jaGV2cm9uLXVwIGljb24tZm9udC0yNFwiPjwvc3Bhbj5cclxuICAgICAgICAgIH0gQGVsc2Uge1xyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY2hldnJvbi1kb3duIGljb24tZm9udC0yNFwiPjwvc3Bhbj5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8bXJ4LXBvcHVwICNkcm9wZG93biBbY2xvc2VBZnRlckNsaWNrXT1cImZhbHNlXCIgKHRvZ2dsZSk9XCJ0b2dnbGVQb3B1cCgkZXZlbnQpXCI+XHJcbiAgICAgIEBmb3IgKGl0ZW0gb2YgaW5uZXJJdGVtczsgdHJhY2sgaXRlbS5fX2lkKSB7XHJcbiAgICAgICAgPG1yeC1wb3B1cC1pdGVtIFtjdXN0b21dPVwidHJ1ZVwiIChjbGlja2VkKT1cIm9uU2VsZWN0TXVsdGkoaXRlbSlcIj5cclxuICAgICAgICAgIHt7IGl0ZW1bJ2xhYmVsJ10gfX1cclxuICAgICAgICA8L21yeC1wb3B1cC1pdGVtPlxyXG4gICAgICB9XHJcbiAgICA8L21yeC1wb3B1cD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/components/form/select/helpers/get-inner-items.helper.mjs

@@ -0,0 +1,8 @@
+import isEqual from 'lodash-es/isEqual';
+export const getInnerItems = (items, selectedItems = []) => {
+    return items.map((item, idx) => {
+        const findItem = selectedItems.find(i => isEqual(i, item));
+        return { ...item, __id: item['id'] || idx, __selected: !!findItem };
+    });
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWlubmVyLWl0ZW1zLmhlbHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9oZWxwZXJzL2dldC1pbm5lci1pdGVtcy5oZWxwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsT0FBTyxPQUFPLE1BQU0sbUJBQW1CLENBQUM7QUFFeEMsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLENBQUMsS0FBd0IsRUFBRSxnQkFBbUMsRUFBRSxFQUFFLEVBQUU7SUFDL0YsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEdBQUcsRUFBd0IsRUFBRTtRQUNuRCxNQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBRTNELE9BQU8sRUFBQyxHQUFHLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDLFFBQVEsRUFBQyxDQUFDO0lBQ3BFLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2VsZWN0SXRlbU1vZGVsIH0gZnJvbSAnLi4vbW9kZWxzL3NlbGVjdC1pdGVtLm1vZGVsJztcclxuaW1wb3J0IHsgU2VsZWN0SW5uZXJJdGVtTW9kZWwgfSBmcm9tICcuLi9tb2RlbHMvc2VsZWN0LWlubmVyLWl0ZW0ubW9kZWwnO1xyXG5cclxuaW1wb3J0IGlzRXF1YWwgZnJvbSAnbG9kYXNoLWVzL2lzRXF1YWwnO1xyXG5cclxuZXhwb3J0IGNvbnN0IGdldElubmVySXRlbXMgPSAoaXRlbXM6IFNlbGVjdEl0ZW1Nb2RlbFtdLCBzZWxlY3RlZEl0ZW1zOiBTZWxlY3RJdGVtTW9kZWxbXSA9IFtdKSA9PiB7XHJcbiAgcmV0dXJuIGl0ZW1zLm1hcCgoaXRlbSwgaWR4KTogU2VsZWN0SW5uZXJJdGVtTW9kZWwgPT4ge1xyXG4gICAgY29uc3QgZmluZEl0ZW0gPSBzZWxlY3RlZEl0ZW1zLmZpbmQoaSA9PiBpc0VxdWFsKGksIGl0ZW0pKTtcclxuXHJcbiAgICByZXR1cm4gey4uLml0ZW0sIF9faWQ6IGl0ZW1bJ2lkJ10gfHwgaWR4LCBfX3NlbGVjdGVkOiAhIWZpbmRJdGVtfTtcclxuICB9KTtcclxufVxyXG4iXX0=

package/esm2022/lib/components/form/select/helpers/get-selected-items.helper.mjs

@@ -1,21 +1,6 @@
-export const getSelectedItems = (selected, bindValue) => {
-    if (bindValue) {
-        const modifiedSelected = [];
-        for (let item of selected) {
-            for (let key in item) {
-                if (item.hasOwnProperty(bindValue) && key === bindValue) {
-                    modifiedSelected.push(item[bindValue]);
-                }
-                if (!item.hasOwnProperty(bindValue)) {
-                    modifiedSelected.push(null);
-                    break;
-                }
-            }
-        }
-        return modifiedSelected;
-    }
-    else {
-        return selected;
-    }
+import { modifyOriginItems } from './modify-origin-items.helper';
+import { cleanSelectedItems } from './clean-selected-items.helper';
+export const getSelectedItems = (innerItems, bindValue, selectedOnly = false) => {
+    return modifyOriginItems(cleanSelectedItems(innerItems.filter(item => item.__selected)), bindValue);
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LXNlbGVjdGVkLWl0ZW1zLmhlbHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9oZWxwZXJzL2dldC1zZWxlY3RlZC1pdGVtcy5oZWxwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxRQUEyQixFQUFFLFNBQXdCLEVBQUUsRUFBRTtJQUN4RixJQUFJLFNBQVMsRUFBRSxDQUFDO1FBQ2QsTUFBTSxnQkFBZ0IsR0FBUSxFQUFFLENBQUE7UUFFaEMsS0FBSyxJQUFJLElBQUksSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUMxQixLQUFLLElBQUksR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO2dCQUNyQixJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLElBQUksR0FBRyxLQUFLLFNBQVMsRUFBRSxDQUFDO29CQUN4RCxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7Z0JBQ3hDLENBQUM7Z0JBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztvQkFDcEMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO29CQUMzQixNQUFLO2dCQUNQLENBQUM7WUFDSCxDQUFDO1FBQ0gsQ0FBQztRQUVELE9BQU8sZ0JBQWdCLENBQUE7SUFDekIsQ0FBQztTQUFNLENBQUM7UUFDTixPQUFPLFFBQVEsQ0FBQTtJQUNqQixDQUFDO0FBQ0gsQ0FBQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtTZWxlY3RJdGVtTW9kZWx9IGZyb20gXCIuLi9tb2RlbHMvc2VsZWN0LWl0ZW0ubW9kZWxcIjtcclxuXHJcbmV4cG9ydCBjb25zdCBnZXRTZWxlY3RlZEl0ZW1zID0gKHNlbGVjdGVkOiBTZWxlY3RJdGVtTW9kZWxbXSwgYmluZFZhbHVlOiBzdHJpbmcgfCBudWxsKSA9PiB7XHJcbiAgaWYgKGJpbmRWYWx1ZSkge1xyXG4gICAgY29uc3QgbW9kaWZpZWRTZWxlY3RlZDogYW55ID0gW11cclxuXHJcbiAgICBmb3IgKGxldCBpdGVtIG9mIHNlbGVjdGVkKSB7XHJcbiAgICAgIGZvciAobGV0IGtleSBpbiBpdGVtKSB7XHJcbiAgICAgICAgaWYgKGl0ZW0uaGFzT3duUHJvcGVydHkoYmluZFZhbHVlKSAmJiBrZXkgPT09IGJpbmRWYWx1ZSkge1xyXG4gICAgICAgICAgbW9kaWZpZWRTZWxlY3RlZC5wdXNoKGl0ZW1bYmluZFZhbHVlXSlcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmICghaXRlbS5oYXNPd25Qcm9wZXJ0eShiaW5kVmFsdWUpKSB7XHJcbiAgICAgICAgICBtb2RpZmllZFNlbGVjdGVkLnB1c2gobnVsbClcclxuICAgICAgICAgIGJyZWFrXHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIG1vZGlmaWVkU2VsZWN0ZWRcclxuICB9IGVsc2Uge1xyXG4gICAgcmV0dXJuIHNlbGVjdGVkXHJcbiAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LXNlbGVjdGVkLWl0ZW1zLmhlbHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9oZWxwZXJzL2dldC1zZWxlY3RlZC1pdGVtcy5oZWxwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDakUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFbkUsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxVQUFrQyxFQUFFLFNBQXdCLEVBQUUsZUFBd0IsS0FBSyxFQUFFLEVBQUU7SUFDOUgsT0FBTyxpQkFBaUIsQ0FBQyxrQkFBa0IsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUE7QUFDckcsQ0FBQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2VsZWN0SW5uZXJJdGVtTW9kZWwgfSBmcm9tICcuLi9tb2RlbHMvc2VsZWN0LWlubmVyLWl0ZW0ubW9kZWwnO1xyXG5pbXBvcnQgeyBtb2RpZnlPcmlnaW5JdGVtcyB9IGZyb20gJy4vbW9kaWZ5LW9yaWdpbi1pdGVtcy5oZWxwZXInO1xyXG5pbXBvcnQgeyBjbGVhblNlbGVjdGVkSXRlbXMgfSBmcm9tICcuL2NsZWFuLXNlbGVjdGVkLWl0ZW1zLmhlbHBlcic7XHJcblxyXG5leHBvcnQgY29uc3QgZ2V0U2VsZWN0ZWRJdGVtcyA9IChpbm5lckl0ZW1zOiBTZWxlY3RJbm5lckl0ZW1Nb2RlbFtdLCBiaW5kVmFsdWU6IHN0cmluZyB8IG51bGwsIHNlbGVjdGVkT25seTogYm9vbGVhbiA9IGZhbHNlKSA9PiB7XHJcbiAgcmV0dXJuIG1vZGlmeU9yaWdpbkl0ZW1zKGNsZWFuU2VsZWN0ZWRJdGVtcyhpbm5lckl0ZW1zLmZpbHRlcihpdGVtID0+IGl0ZW0uX19zZWxlY3RlZCkpLCBiaW5kVmFsdWUpXHJcbn1cclxuIl19

package/esm2022/lib/components/form/select/helpers/modify-origin-items.helper.mjs

@@ -0,0 +1,21 @@
+export const modifyOriginItems = (selected, bindValue) => {
+    if (bindValue) {
+        const modifiedSelected = [];
+        for (let item of selected) {
+            for (let key in item) {
+                if (item.hasOwnProperty(bindValue) && key === bindValue) {
+                    modifiedSelected.push(item[bindValue]);
+                }
+                if (!item.hasOwnProperty(bindValue)) {
+                    modifiedSelected.push(null);
+                    break;
+                }
+            }
+        }
+        return modifiedSelected;
+    }
+    else {
+        return selected;
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kaWZ5LW9yaWdpbi1pdGVtcy5oZWxwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QvaGVscGVycy9tb2RpZnktb3JpZ2luLWl0ZW1zLmhlbHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLFFBQTJCLEVBQUUsU0FBd0IsRUFBRSxFQUFFO0lBQ3pGLElBQUksU0FBUyxFQUFFLENBQUM7UUFDZCxNQUFNLGdCQUFnQixHQUFRLEVBQUUsQ0FBQTtRQUVoQyxLQUFLLElBQUksSUFBSSxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQzFCLEtBQUssSUFBSSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7Z0JBQ3JCLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsSUFBSSxHQUFHLEtBQUssU0FBUyxFQUFFLENBQUM7b0JBQ3hELGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQTtnQkFDeEMsQ0FBQztnQkFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO29CQUNwQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7b0JBQzNCLE1BQUs7Z0JBQ1AsQ0FBQztZQUNILENBQUM7UUFDSCxDQUFDO1FBRUQsT0FBTyxnQkFBZ0IsQ0FBQTtJQUN6QixDQUFDO1NBQU0sQ0FBQztRQUNOLE9BQU8sUUFBUSxDQUFBO0lBQ2pCLENBQUM7QUFDSCxDQUFDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1NlbGVjdEl0ZW1Nb2RlbH0gZnJvbSBcIi4uL21vZGVscy9zZWxlY3QtaXRlbS5tb2RlbFwiO1xyXG5cclxuZXhwb3J0IGNvbnN0IG1vZGlmeU9yaWdpbkl0ZW1zID0gKHNlbGVjdGVkOiBTZWxlY3RJdGVtTW9kZWxbXSwgYmluZFZhbHVlOiBzdHJpbmcgfCBudWxsKSA9PiB7XHJcbiAgaWYgKGJpbmRWYWx1ZSkge1xyXG4gICAgY29uc3QgbW9kaWZpZWRTZWxlY3RlZDogYW55ID0gW11cclxuXHJcbiAgICBmb3IgKGxldCBpdGVtIG9mIHNlbGVjdGVkKSB7XHJcbiAgICAgIGZvciAobGV0IGtleSBpbiBpdGVtKSB7XHJcbiAgICAgICAgaWYgKGl0ZW0uaGFzT3duUHJvcGVydHkoYmluZFZhbHVlKSAmJiBrZXkgPT09IGJpbmRWYWx1ZSkge1xyXG4gICAgICAgICAgbW9kaWZpZWRTZWxlY3RlZC5wdXNoKGl0ZW1bYmluZFZhbHVlXSlcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmICghaXRlbS5oYXNPd25Qcm9wZXJ0eShiaW5kVmFsdWUpKSB7XHJcbiAgICAgICAgICBtb2RpZmllZFNlbGVjdGVkLnB1c2gobnVsbClcclxuICAgICAgICAgIGJyZWFrXHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIG1vZGlmaWVkU2VsZWN0ZWRcclxuICB9IGVsc2Uge1xyXG4gICAgcmV0dXJuIHNlbGVjdGVkXHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/pipes/date/helpers/change-timezone.mjs

@@ -14,10 +14,12 @@ export const changeTimezone = (value, timezone) => {
     const year = date.year();
     const hour = date.hour();
     const minute = date.minute();
+    const second = date.second();
     const formattedDay = String(day).length === 2 ? String(day) : String('0' + day);
     const formattedMonth = String(month).length === 2 ? String(month) : String('0' + month);
     const formattedHour = String(hour).length === 2 ? String(hour) : String('0' + hour);
     const formattedMinute = String(minute).length === 2 ? String(minute) : String('0' + minute);
-    return dayjs(`${String(year)}-${String(formattedMonth)}-${String(formattedDay)} ${formattedHour}:${formattedMinute}`).toISOString();
+    const formattedSecond = String(second).length === 2 ? String(second) : String('0' + second);
+    return dayjs(`${String(year)}-${String(formattedMonth)}-${String(formattedDay)} ${formattedHour}:${formattedMinute}:${formattedSecond}`).toISOString();
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLXRpbWV6b25lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9waXBlcy9kYXRlL2hlbHBlcnMvY2hhbmdlLXRpbWV6b25lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEdBQUcsTUFBTSxrQkFBa0IsQ0FBQztBQUNuQyxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsUUFBUSxFQUFnQixNQUFNLG1CQUFtQixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFBO0FBRWpELEtBQUssQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUE7QUFDakIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQTtBQUNoQixrQkFBa0IsQ0FBQyxRQUFRLENBQUMsQ0FBQTtBQUU1QixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFhLEVBQUUsUUFBc0IsRUFBRSxFQUFFO0lBQ3RFLE1BQU0sSUFBSSxHQUFHLFFBQVEsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFbkcsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ3ZCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLENBQUE7SUFDOUIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ3hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUN4QixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUE7SUFDNUIsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMsQ0FBQTtJQUMvRSxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRyxHQUFHLEtBQUssQ0FBQyxDQUFBO0lBQ3ZGLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLENBQUE7SUFDbkYsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUMsQ0FBQTtJQUMzRixPQUFPLEtBQUssQ0FBQyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNLENBQUMsY0FBYyxDQUFDLElBQUksTUFBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLGFBQWEsSUFBSSxlQUFlLEVBQUUsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFBO0FBQ3JJLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBkYXlqcyBmcm9tICdkYXlqcyc7XHJcbmltcG9ydCB1dGMgZnJvbSAnZGF5anMvcGx1Z2luL3V0Yyc7XHJcbmltcG9ydCB0eiBmcm9tICdkYXlqcy9wbHVnaW4vdGltZXpvbmUnO1xyXG5pbXBvcnQgeyBUaW1lem9uZSwgVGltZXpvbmVUeXBlIH0gZnJvbSAnLi4vZW51bXMvdGltZXpvbmUnO1xyXG5pbXBvcnQgeyByZWdpc3RlckxvY2FsZURhdGEgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgbG9jYWxlUnUgZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2xvY2FsZXMvcnUnXHJcblxyXG5kYXlqcy5leHRlbmQodXRjKVxyXG5kYXlqcy5leHRlbmQodHopXHJcbnJlZ2lzdGVyTG9jYWxlRGF0YShsb2NhbGVSdSlcclxuXHJcbmV4cG9ydCBjb25zdCBjaGFuZ2VUaW1lem9uZSA9ICh2YWx1ZTogc3RyaW5nLCB0aW1lem9uZTogVGltZXpvbmVUeXBlKSA9PiB7XHJcbiAgY29uc3QgZGF0ZSA9IHRpbWV6b25lID09PSAnZGVmYXVsdCcgPyBkYXlqcyh2YWx1ZSkgOiBkYXlqcy51dGModmFsdWUpLnV0Y09mZnNldChUaW1lem9uZVt0aW1lem9uZV0pXHJcblxyXG4gIGNvbnN0IGRheSA9IGRhdGUuZGF0ZSgpXHJcbiAgY29uc3QgbW9udGggPSBkYXRlLm1vbnRoKCkgKyAxXHJcbiAgY29uc3QgeWVhciA9IGRhdGUueWVhcigpXHJcbiAgY29uc3QgaG91ciA9IGRhdGUuaG91cigpXHJcbiAgY29uc3QgbWludXRlID0gZGF0ZS5taW51dGUoKVxyXG4gIGNvbnN0IGZvcm1hdHRlZERheSA9IFN0cmluZyhkYXkpLmxlbmd0aCA9PT0gMiA/IFN0cmluZyhkYXkpIDogU3RyaW5nKCcwJyArIGRheSlcclxuICBjb25zdCBmb3JtYXR0ZWRNb250aCA9IFN0cmluZyhtb250aCkubGVuZ3RoID09PSAyID8gU3RyaW5nKG1vbnRoKSA6IFN0cmluZygnMCcgKyBtb250aClcclxuICBjb25zdCBmb3JtYXR0ZWRIb3VyID0gU3RyaW5nKGhvdXIpLmxlbmd0aCA9PT0gMiA/IFN0cmluZyhob3VyKSA6IFN0cmluZygnMCcgKyBob3VyKVxyXG4gIGNvbnN0IGZvcm1hdHRlZE1pbnV0ZSA9IFN0cmluZyhtaW51dGUpLmxlbmd0aCA9PT0gMiA/IFN0cmluZyhtaW51dGUpIDogU3RyaW5nKCcwJyArIG1pbnV0ZSlcclxuICByZXR1cm4gZGF5anMoYCR7U3RyaW5nKHllYXIpfS0ke1N0cmluZyhmb3JtYXR0ZWRNb250aCl9LSR7U3RyaW5nKGZvcm1hdHRlZERheSl9ICR7Zm9ybWF0dGVkSG91cn06JHtmb3JtYXR0ZWRNaW51dGV9YCkudG9JU09TdHJpbmcoKVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLXRpbWV6b25lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9waXBlcy9kYXRlL2hlbHBlcnMvY2hhbmdlLXRpbWV6b25lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEdBQUcsTUFBTSxrQkFBa0IsQ0FBQztBQUNuQyxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsUUFBUSxFQUFnQixNQUFNLG1CQUFtQixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFBO0FBRWpELEtBQUssQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUE7QUFDakIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQTtBQUNoQixrQkFBa0IsQ0FBQyxRQUFRLENBQUMsQ0FBQTtBQUU1QixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFhLEVBQUUsUUFBc0IsRUFBRSxFQUFFO0lBQ3RFLE1BQU0sSUFBSSxHQUFHLFFBQVEsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFbkcsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ3ZCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLENBQUE7SUFDOUIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ3hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUN4QixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUE7SUFDNUIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFBO0lBQzVCLE1BQU0sWUFBWSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUE7SUFDL0UsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsQ0FBQTtJQUN2RixNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxDQUFBO0lBQ25GLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxHQUFHLEdBQUcsTUFBTSxDQUFDLENBQUE7SUFDM0YsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUMsQ0FBQTtJQUMzRixPQUFPLEtBQUssQ0FBQyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNLENBQUMsY0FBYyxDQUFDLElBQUksTUFBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLGFBQWEsSUFBSSxlQUFlLElBQUksZUFBZSxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQTtBQUN4SixDQUFDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgZGF5anMgZnJvbSAnZGF5anMnO1xyXG5pbXBvcnQgdXRjIGZyb20gJ2RheWpzL3BsdWdpbi91dGMnO1xyXG5pbXBvcnQgdHogZnJvbSAnZGF5anMvcGx1Z2luL3RpbWV6b25lJztcclxuaW1wb3J0IHsgVGltZXpvbmUsIFRpbWV6b25lVHlwZSB9IGZyb20gJy4uL2VudW1zL3RpbWV6b25lJztcclxuaW1wb3J0IHsgcmVnaXN0ZXJMb2NhbGVEYXRhIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IGxvY2FsZVJ1IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9sb2NhbGVzL3J1J1xyXG5cclxuZGF5anMuZXh0ZW5kKHV0YylcclxuZGF5anMuZXh0ZW5kKHR6KVxyXG5yZWdpc3RlckxvY2FsZURhdGEobG9jYWxlUnUpXHJcblxyXG5leHBvcnQgY29uc3QgY2hhbmdlVGltZXpvbmUgPSAodmFsdWU6IHN0cmluZywgdGltZXpvbmU6IFRpbWV6b25lVHlwZSkgPT4ge1xyXG4gIGNvbnN0IGRhdGUgPSB0aW1lem9uZSA9PT0gJ2RlZmF1bHQnID8gZGF5anModmFsdWUpIDogZGF5anMudXRjKHZhbHVlKS51dGNPZmZzZXQoVGltZXpvbmVbdGltZXpvbmVdKVxyXG5cclxuICBjb25zdCBkYXkgPSBkYXRlLmRhdGUoKVxyXG4gIGNvbnN0IG1vbnRoID0gZGF0ZS5tb250aCgpICsgMVxyXG4gIGNvbnN0IHllYXIgPSBkYXRlLnllYXIoKVxyXG4gIGNvbnN0IGhvdXIgPSBkYXRlLmhvdXIoKVxyXG4gIGNvbnN0IG1pbnV0ZSA9IGRhdGUubWludXRlKClcclxuICBjb25zdCBzZWNvbmQgPSBkYXRlLnNlY29uZCgpXHJcbiAgY29uc3QgZm9ybWF0dGVkRGF5ID0gU3RyaW5nKGRheSkubGVuZ3RoID09PSAyID8gU3RyaW5nKGRheSkgOiBTdHJpbmcoJzAnICsgZGF5KVxyXG4gIGNvbnN0IGZvcm1hdHRlZE1vbnRoID0gU3RyaW5nKG1vbnRoKS5sZW5ndGggPT09IDIgPyBTdHJpbmcobW9udGgpIDogU3RyaW5nKCcwJyArIG1vbnRoKVxyXG4gIGNvbnN0IGZvcm1hdHRlZEhvdXIgPSBTdHJpbmcoaG91cikubGVuZ3RoID09PSAyID8gU3RyaW5nKGhvdXIpIDogU3RyaW5nKCcwJyArIGhvdXIpXHJcbiAgY29uc3QgZm9ybWF0dGVkTWludXRlID0gU3RyaW5nKG1pbnV0ZSkubGVuZ3RoID09PSAyID8gU3RyaW5nKG1pbnV0ZSkgOiBTdHJpbmcoJzAnICsgbWludXRlKVxyXG4gIGNvbnN0IGZvcm1hdHRlZFNlY29uZCA9IFN0cmluZyhzZWNvbmQpLmxlbmd0aCA9PT0gMiA/IFN0cmluZyhzZWNvbmQpIDogU3RyaW5nKCcwJyArIHNlY29uZClcclxuICByZXR1cm4gZGF5anMoYCR7U3RyaW5nKHllYXIpfS0ke1N0cmluZyhmb3JtYXR0ZWRNb250aCl9LSR7U3RyaW5nKGZvcm1hdHRlZERheSl9ICR7Zm9ybWF0dGVkSG91cn06JHtmb3JtYXR0ZWRNaW51dGV9OiR7Zm9ybWF0dGVkU2Vjb25kfWApLnRvSVNPU3RyaW5nKClcclxufVxyXG4iXX0=

package/fesm2022/myrta-ui.mjs

@@ -23,7 +23,7 @@ import * as i1$5 from '@angular/common/http';
 import { HttpEventType, HttpClientModule } from '@angular/common/http';
 import * as i2$2 from '@ngrx/store';
 import { createAction, props, createReducer, on, StoreModule, createFeatureSelector, createSelector } from '@ngrx/store';
-import { cloneDeep, isEqual } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
 import * as i1$6 from '@ngrx/effects';
 import { EffectsModule } from '@ngrx/effects';
 import * as i1$7 from 'ngx-toastr';
@@ -56,6 +56,7 @@ import { getExample, getAsYouType } from 'awesome-phonenumber';
 import localeRu$1 from '@angular/common/locales/ru';
 import { parsePhoneNumber } from 'libphonenumber-js';
 import JSONEditor from 'jsoneditor';
+import isEqual from 'lodash-es/isEqual';
 import * as i1$8 from 'ngx-extended-pdf-viewer';
 import { FindState, NgxExtendedPdfViewerComponent, NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
 
@@ -15700,11 +15701,13 @@ const changeTimezone = (value, timezone) => {
     const year = date.year();
     const hour = date.hour();
     const minute = date.minute();
+    const second = date.second();
     const formattedDay = String(day).length === 2 ? String(day) : String('0' + day);
     const formattedMonth = String(month).length === 2 ? String(month) : String('0' + month);
     const formattedHour = String(hour).length === 2 ? String(hour) : String('0' + hour);
     const formattedMinute = String(minute).length === 2 ? String(minute) : String('0' + minute);
-    return dayjs(`${String(year)}-${String(formattedMonth)}-${String(formattedDay)} ${formattedHour}:${formattedMinute}`).toISOString();
+    const formattedSecond = String(second).length === 2 ? String(second) : String('0' + second);
+    return dayjs(`${String(year)}-${String(formattedMonth)}-${String(formattedDay)} ${formattedHour}:${formattedMinute}:${formattedSecond}`).toISOString();
 };
 
 class DateFormatPipe extends DatePipe {
@@ -16992,7 +16995,7 @@ class SelectComponent {
                 useExisting: forwardRef(() => SelectComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    {{ selected | json }}\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedSingleLabels) {\r\n          <div class=\"mrx-select__input__value\">{{ getSelectedSingleLabels }}</div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (selected) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"true\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of items; track item.name) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelect(item)\">\r\n          {{ item.label }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"], dependencies: [{ kind: "component", type: PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["toggle", "_toggleInner", "_updateInner"] }, { kind: "component", type: PopupItemComponent, selector: "mrx-popup-item", inputs: ["custom"], outputs: ["clicked"] }, { kind: "directive", type: PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }, { kind: "pipe", type: i1$1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedSingleLabels) {\r\n          <div class=\"mrx-select__input__value\">{{ getSelectedSingleLabels }}</div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (selected) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"true\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of items; track item.name) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelect(item)\">\r\n          {{ item.label }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"], dependencies: [{ kind: "component", type: PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["toggle", "_toggleInner", "_updateInner"] }, { kind: "component", type: PopupItemComponent, selector: "mrx-popup-item", inputs: ["custom"], outputs: ["clicked"] }, { kind: "directive", type: PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
@@ -17002,7 +17005,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                             useExisting: forwardRef(() => SelectComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    {{ selected | json }}\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedSingleLabels) {\r\n          <div class=\"mrx-select__input__value\">{{ getSelectedSingleLabels }}</div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (selected) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"true\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of items; track item.name) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelect(item)\">\r\n          {{ item.label }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] }]
+                    ], template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedSingleLabels) {\r\n          <div class=\"mrx-select__input__value\">{{ getSelectedSingleLabels }}</div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (selected) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"true\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of items; track item.name) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelect(item)\">\r\n          {{ item.label }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], size: [{
@@ -17018,7 +17021,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: ['dropdown']
             }] } });
 
-const getSelectedItems = (selected, bindValue) => {
+const modifyOriginItems = (selected, bindValue) => {
     if (bindValue) {
         const modifiedSelected = [];
         for (let item of selected) {
@@ -17043,15 +17046,24 @@ const cleanSelectedItems = (innerList) => {
     return innerList.map(({ __id, __selected, ...rest }) => rest);
 };
 
+const getSelectedItems = (innerItems, bindValue, selectedOnly = false) => {
+    return modifyOriginItems(cleanSelectedItems(innerItems.filter(item => item.__selected)), bindValue);
+};
+
+const getInnerItems = (items, selectedItems = []) => {
+    return items.map((item, idx) => {
+        const findItem = selectedItems.find(i => isEqual(i, item));
+        return { ...item, __id: item['id'] || idx, __selected: !!findItem };
+    });
+};
+
 class SelectMultiComponent {
     isOpen = false;
     originItems = [];
     innerItems = [];
-    set items(list) {
-        this.originItems = list;
-        this.innerItems = list.map((item, idx) => ({
-            ...item, __id: item['id'] || idx, __selected: false
-        }));
+    set items(items) {
+        this.originItems = items;
+        this.innerItems = getInnerItems(items);
     }
     size = 'large';
     bindValue = null;
@@ -17061,7 +17073,7 @@ class SelectMultiComponent {
     get getClasses() {
         return `${SelectSizeEnum[this.size]}`;
     }
-    get getSelectedMultiLabels() {
+    get getSelectedLabels() {
         return this.innerItems.filter(i => i.__selected);
     }
     onChange = (value) => {
@@ -17076,23 +17088,19 @@ class SelectMultiComponent {
     }
     writeValue(selected = []) {
         if (selected) {
-            this.innerItems = this.originItems.map((item, idx) => {
-                const findItem = selected.find(i => isEqual(i, item));
-                return { ...item, __id: item['id'] || idx, __selected: !!findItem };
-            });
+            this.innerItems = getInnerItems(this.originItems, selected);
         }
     }
-    updateValue(selected) {
-        console.log(selected);
+    updateValue(selectedItems) {
         // this.changed.emit(this.formatValue(insideValue));
         // this.modelChange.emit({value: this.formatValue(insideValue), id: this.uuid})
-        // this.onChange(getSelectedItems(this.selected, this.bindValue));
+        this.onChange(selectedItems);
         this.onTouched();
     }
     onSelectMulti(item) {
         item.__selected = !item.__selected;
         this.dropdown.updatePopup();
-        this.updateValue(getSelectedItems(cleanSelectedItems(this.innerItems.filter(item => item.__selected)), this.bindValue));
+        this.updateValue(getSelectedItems(this.innerItems, this.bindValue, true));
     }
     onOpen(event) {
         event.stopPropagation();
@@ -17119,7 +17127,7 @@ class SelectMultiComponent {
                 useExisting: forwardRef(() => SelectMultiComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedMultiLabels.length) {\r\n          <div class=\"mrx-select__input__value\">\r\n            @for (item of getSelectedMultiLabels; track item) {\r\n              {{ item[bindLabel] }}\r\n            }\r\n          </div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (getSelectedMultiLabels.length) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"false\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of innerItems; track item.__id) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelectMulti(item)\">\r\n          {{ item['label'] }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"], dependencies: [{ kind: "component", type: PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["toggle", "_toggleInner", "_updateInner"] }, { kind: "component", type: PopupItemComponent, selector: "mrx-popup-item", inputs: ["custom"], outputs: ["clicked"] }, { kind: "directive", type: PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedLabels.length) {\r\n          <div class=\"mrx-select__input__value\">\r\n            @for (item of getSelectedLabels; track item) {\r\n              {{ item[bindLabel] }}\r\n            }\r\n          </div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (getSelectedLabels.length) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"false\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of innerItems; track item.__id) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelectMulti(item)\">\r\n          {{ item['label'] }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"], dependencies: [{ kind: "component", type: PopupComponent, selector: "mrx-popup", inputs: ["closeAfterClick"], outputs: ["toggle", "_toggleInner", "_updateInner"] }, { kind: "component", type: PopupItemComponent, selector: "mrx-popup-item", inputs: ["custom"], outputs: ["clicked"] }, { kind: "directive", type: PopupTriggerDirective, selector: "[mrxPopupTrigger]", inputs: ["mrxPopupTrigger", "popupPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectMultiComponent, decorators: [{
             type: Component,
@@ -17129,7 +17137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                             useExisting: forwardRef(() => SelectMultiComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedMultiLabels.length) {\r\n          <div class=\"mrx-select__input__value\">\r\n            @for (item of getSelectedMultiLabels; track item) {\r\n              {{ item[bindLabel] }}\r\n            }\r\n          </div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (getSelectedMultiLabels.length) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"false\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of innerItems; track item.__id) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelectMulti(item)\">\r\n          {{ item['label'] }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] }]
+                    ], template: "<div class=\"mrx-select\" [class]=\"getClasses\">\r\n  <div class=\"mrx-select__wrapper\">\r\n    <div class=\"mrx-select__input\" [mrxPopupTrigger]=\"dropdown\">\r\n      <div class=\"mrx-select__input__box\">\r\n        @if (getSelectedLabels.length) {\r\n          <div class=\"mrx-select__input__value\">\r\n            @for (item of getSelectedLabels; track item) {\r\n              {{ item[bindLabel] }}\r\n            }\r\n          </div>\r\n        } @else {\r\n          <div class=\"mrx-select__input__placeholder\"></div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"mrx-select__input__controls\">\r\n        @if (getSelectedLabels.length) {\r\n          <div class=\"mrx-select__input__controls--item\" (click)=\"onClear($event)\">\r\n            <span class=\"mrx-icon icon-close icon-font-24\"></span>\r\n          </div>\r\n        }\r\n        <div class=\"mrx-select__input__controls--item\" (click)=\"onOpen($event)\">\r\n          @if (isOpen) {\r\n            <span class=\"mrx-icon icon-chevron-up icon-font-24\"></span>\r\n          } @else {\r\n            <span class=\"mrx-icon icon-chevron-down icon-font-24\"></span>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <mrx-popup #dropdown [closeAfterClick]=\"false\" (toggle)=\"togglePopup($event)\">\r\n      @for (item of innerItems; track item.__id) {\r\n        <mrx-popup-item [custom]=\"true\" (clicked)=\"onSelectMulti(item)\">\r\n          {{ item['label'] }}\r\n        </mrx-popup-item>\r\n      }\r\n    </mrx-popup>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-select__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.mrx-select__input:focus,.mrx-select__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-select__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-select__input__box{flex-grow:1}.mrx-select__input__controls{display:flex;align-items:center;gap:8px}.mrx-select__input__controls--item{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;transition:background-color .2s}.mrx-select__input__controls--item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-select.mrx-select-lg .mrx-select__input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-3) - var(--border-width-default)) var(--spacing-4)}.mrx-select.mrx-select-lg .mrx-select__input__box{min-height:24px}.mrx-select__dropdown__item{padding:8px 16px;background-color:transparent;transition:background-color .3s;cursor:pointer;font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-select__dropdown__item:hover{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], size: [{