nira-falcon 0.1.55 → 0.1.57

package/esm2022/lib/core-auto-complete/core-auto-complete.component.mjs

@@ -61,11 +61,11 @@ export class CoreAutoCompleteComponent {
         this.filterItems = this.items.filter((item) => !item.title.indexOf(value));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreAutoCompleteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreAutoCompleteComponent, selector: "core-auto-complete", inputs: { label: "label", titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"dropdown\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{ 'select-clicked': isOpenMenu }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <input\r\n      class=\"selected\"\r\n      [placeholder]=\"label\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"onChanged($event)\"\r\n      (focusout)=\"focusOut()\"\r\n    />\r\n    <span\r\n      class=\"material-symbols-outlined caret\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    >\r\n      expand_more\r\n    </span>\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <li\r\n      *ngFor=\"let item of _items\"\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;border:2px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:13px;-webkit-user-select:none;user-select:none}.dropdown .select:hover,.dropdown .select:hover .selected{background:#fbfbfb}.dropdown .select .selected{width:100%;font-size:13px;outline:none;border:none;-webkit-user-select:none;user-select:none}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select-clicked{border:2px #4f6883 solid;box-shadow:0 0 .8em #888}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:42px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:3}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreAutoCompleteComponent, selector: "core-auto-complete", inputs: { label: "label", titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"dropdown\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{ 'select-clicked': isOpenMenu }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <input\r\n      class=\"selected\"\r\n      [placeholder]=\"label\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"onChanged($event)\"\r\n      (focusout)=\"focusOut()\"\r\n    />\r\n    <span\r\n      class=\"material-symbols-outlined caret\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    >\r\n      expand_more\r\n    </span>\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <li\r\n      *ngFor=\"let item of _items\"\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;border:2px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:13px;-webkit-user-select:none;user-select:none}.dropdown .select:hover,.dropdown .select:hover .selected{background:#fbfbfb}.dropdown .select .selected{width:100%;font-size:13px;outline:none;border:none;-webkit-user-select:none;user-select:none}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select-clicked{border:2px #4f6883 solid;box-shadow:0 0 .8em #888}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:42px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:3}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu .active{background:#ced4da!important}.dropdown .menu-open{display:block;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreAutoCompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-auto-complete', template: "<div class=\"dropdown\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{ 'select-clicked': isOpenMenu }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <input\r\n      class=\"selected\"\r\n      [placeholder]=\"label\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"onChanged($event)\"\r\n      (focusout)=\"focusOut()\"\r\n    />\r\n    <span\r\n      class=\"material-symbols-outlined caret\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    >\r\n      expand_more\r\n    </span>\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <li\r\n      *ngFor=\"let item of _items\"\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;border:2px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:13px;-webkit-user-select:none;user-select:none}.dropdown .select:hover,.dropdown .select:hover .selected{background:#fbfbfb}.dropdown .select .selected{width:100%;font-size:13px;outline:none;border:none;-webkit-user-select:none;user-select:none}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select-clicked{border:2px #4f6883 solid;box-shadow:0 0 .8em #888}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:42px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:3}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}\n"] }]
+            args: [{ selector: 'core-auto-complete', template: "<div class=\"dropdown\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{ 'select-clicked': isOpenMenu }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <input\r\n      class=\"selected\"\r\n      [placeholder]=\"label\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"onChanged($event)\"\r\n      (focusout)=\"focusOut()\"\r\n    />\r\n    <span\r\n      class=\"material-symbols-outlined caret\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    >\r\n      expand_more\r\n    </span>\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <li\r\n      *ngFor=\"let item of _items\"\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;border:2px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:13px;-webkit-user-select:none;user-select:none}.dropdown .select:hover,.dropdown .select:hover .selected{background:#fbfbfb}.dropdown .select .selected{width:100%;font-size:13px;outline:none;border:none;-webkit-user-select:none;user-select:none}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select-clicked{border:2px #4f6883 solid;box-shadow:0 0 .8em #888}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:42px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:3}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu .active{background:#ced4da!important}.dropdown .menu-open{display:block;opacity:1}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
                 type: Input
             }], titleKey: [{

package/esm2022/lib/core-multi-select/core-multi-select.component.mjs

@@ -124,11 +124,11 @@ export class CoreMultiSelectComponent {
         this.inputFormControl.markAsTouched();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectComponent, selector: "core-multi-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue", label: "label", singleSelectItems: "singleSelectItems", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      selectError: inputFormControl.touched && inputFormControl.errors\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      class=\"text-content text-right\"\r\n      [ngClass]=\"[\r\n        label.length > 0 && !isSelectedItems ? 'placeholder' : 'selected'\r\n      ]\"\r\n      >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <app-core-multi-select-row\r\n      *ngFor=\"let item of newItems\"\r\n      [item]=\"item\"\r\n      [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n      (onSelect)=\"onItemSelect(item, true)\"\r\n    >\r\n    </app-core-multi-select-row>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: ["isSelected", "item"], outputs: ["onSelect"] }, { kind: "component", type: i3.ArrowDownIconComponent, selector: "arrow-down-icon" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectComponent, selector: "core-multi-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue", label: "label", singleSelectItems: "singleSelectItems", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      selectError: inputFormControl.touched && inputFormControl.errors\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      class=\"text-content text-right\"\r\n      [ngClass]=\"[\r\n        label.length > 0 && !isSelectedItems ? 'placeholder' : 'selected'\r\n      ]\"\r\n      >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <app-core-multi-select-row\r\n      *ngFor=\"let item of newItems\"\r\n      [item]=\"item\"\r\n      [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n      (onSelect)=\"onItemSelect(item, true)\"\r\n    >\r\n    </app-core-multi-select-row>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu .active{background:#ced4da!important}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: ["isSelected", "item"], outputs: ["onSelect"] }, { kind: "component", type: i3.ArrowDownIconComponent, selector: "arrow-down-icon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-multi-select', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      selectError: inputFormControl.touched && inputFormControl.errors\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      class=\"text-content text-right\"\r\n      [ngClass]=\"[\r\n        label.length > 0 && !isSelectedItems ? 'placeholder' : 'selected'\r\n      ]\"\r\n      >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <app-core-multi-select-row\r\n      *ngFor=\"let item of newItems\"\r\n      [item]=\"item\"\r\n      [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n      (onSelect)=\"onItemSelect(item, true)\"\r\n    >\r\n    </app-core-multi-select-row>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
+            args: [{ selector: 'core-multi-select', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      selectError: inputFormControl.touched && inputFormControl.errors\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      class=\"text-content text-right\"\r\n      [ngClass]=\"[\r\n        label.length > 0 && !isSelectedItems ? 'placeholder' : 'selected'\r\n      ]\"\r\n      >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <app-core-multi-select-row\r\n      *ngFor=\"let item of newItems\"\r\n      [item]=\"item\"\r\n      [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n      (onSelect)=\"onItemSelect(item, true)\"\r\n    >\r\n    </app-core-multi-select-row>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu .active{background:#ced4da!important}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
                 type: Input
             }], valueKey: [{

package/esm2022/lib/core-select/core-select.component.mjs

@@ -3,7 +3,8 @@ import { FormControl } from '@angular/forms';
 import { environment } from '../../environments/environment';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "../../svg-icon/arrow-down-icon/arrow-down-icon.component";
+import * as i2 from "../../svg-icon/warning-icon/warning-icon.component";
+import * as i3 from "../../svg-icon/arrow-down-icon/arrow-down-icon.component";
 export class CoreSelectComponent {
     set items(data) {
         this._items = data;
@@ -105,11 +106,11 @@ export class CoreSelectComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSelectComponent, selector: "core-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", size: "size", canHighlightBackground: "canHighlightBackground", items: "items", defaultValue: "defaultValue", label: "label", disabled: "disabled", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, viewQueries: [{ propertyName: "focusableElements", predicate: ["focusable"], descendants: true }], ngImport: i0, template: "<div class=\"dropdown\" (focusout)=\"focusOut($event)\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      'highlight-background':\r\n        canHighlightBackground &&\r\n        (selectedItem | json) === ({} | json) &&\r\n        !(inputFormControl.touched && inputFormControl.errors),\r\n      selectError: inputFormControl.touched && inputFormControl.errors ,\r\n      'disable-selector': disabled,\r\n\r\n    }\"\r\n    tabindex=\"0\"\r\n    (keypress)=\"onEnterPress($event)\"\r\n    (click)=\"openMenuClick(false)\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul\r\n    class=\"menu dropdown\"\r\n    (keydown)=\"handleKey($event)\"\r\n    [ngClass]=\"{ 'menu-open': isOpenMenu }\"\r\n  >\r\n    <li\r\n      *ngFor=\"let item of newItems\"\r\n      class=\"dropdown-item\"\r\n      #focusable\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n      (keypress)=\"dropdownItemKeypress($event, item)\"\r\n      tabindex=\"0\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select:focus{border:1px solid blue!important;outline:none}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu li:focus{border:1px solid blue!important;outline:none}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSelectComponent, selector: "core-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", size: "size", canHighlightBackground: "canHighlightBackground", items: "items", defaultValue: "defaultValue", label: "label", disabled: "disabled", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, viewQueries: [{ propertyName: "focusableElements", predicate: ["focusable"], descendants: true }], ngImport: i0, template: "<div class=\"dropdown\" (focusout)=\"focusOut($event)\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      'highlight-background':\r\n        canHighlightBackground &&\r\n        (selectedItem | json) === ({} | json) &&\r\n        !(inputFormControl.touched && inputFormControl.errors),\r\n      selectError: inputFormControl.touched && inputFormControl.errors ,\r\n      'disable-selector': disabled,\r\n\r\n    }\"\r\n    tabindex=\"0\"\r\n    (keypress)=\"onEnterPress($event)\"\r\n    (click)=\"openMenuClick(false)\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"no-data\"\r\n    *ngIf=\"newItems.length === 0\"\r\n    [ngClass]=\"{ 'menu-open': isOpenMenu }\"\r\n  >\r\n    <warning-icon class=\"icon-color inline-block w-6\"></warning-icon>\r\n    <b class=\"content block\">\u0645\u0648\u0631\u062F\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F</b>\r\n  </div>\r\n  <ul\r\n    class=\"menu dropdown\"\r\n    (keydown)=\"handleKey($event)\"\r\n    [ngClass]=\"{ 'menu-open': isOpenMenu }\"\r\n  >\r\n    <li\r\n      *ngFor=\"let item of newItems\"\r\n      class=\"dropdown-item\"\r\n      #focusable\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n      (keypress)=\"dropdownItemKeypress($event, item)\"\r\n      tabindex=\"0\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select:focus{border:1px solid blue!important;outline:none}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .no-data{display:flex!important;justify-content:center;align-items:center;font-size:small;flex-direction:column;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;transition:0,2s;z-index:10;height:120px;overflow:auto}.dropdown .no-data .icon-color{fill:var(--default-table-warning-icon-color)}.dropdown .no-data .content{color:var(--default-table-warning-color)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu li:focus{border:1px solid blue!important;outline:none}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WarningIconComponent, selector: "warning-icon" }, { kind: "component", type: i3.ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-select', template: "<div class=\"dropdown\" (focusout)=\"focusOut($event)\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      'highlight-background':\r\n        canHighlightBackground &&\r\n        (selectedItem | json) === ({} | json) &&\r\n        !(inputFormControl.touched && inputFormControl.errors),\r\n      selectError: inputFormControl.touched && inputFormControl.errors ,\r\n      'disable-selector': disabled,\r\n\r\n    }\"\r\n    tabindex=\"0\"\r\n    (keypress)=\"onEnterPress($event)\"\r\n    (click)=\"openMenuClick(false)\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul\r\n    class=\"menu dropdown\"\r\n    (keydown)=\"handleKey($event)\"\r\n    [ngClass]=\"{ 'menu-open': isOpenMenu }\"\r\n  >\r\n    <li\r\n      *ngFor=\"let item of newItems\"\r\n      class=\"dropdown-item\"\r\n      #focusable\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n      (keypress)=\"dropdownItemKeypress($event, item)\"\r\n      tabindex=\"0\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select:focus{border:1px solid blue!important;outline:none}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu li:focus{border:1px solid blue!important;outline:none}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
+            args: [{ selector: 'core-select', template: "<div class=\"dropdown\" (focusout)=\"focusOut($event)\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      'highlight-background':\r\n        canHighlightBackground &&\r\n        (selectedItem | json) === ({} | json) &&\r\n        !(inputFormControl.touched && inputFormControl.errors),\r\n      selectError: inputFormControl.touched && inputFormControl.errors ,\r\n      'disable-selector': disabled,\r\n\r\n    }\"\r\n    tabindex=\"0\"\r\n    (keypress)=\"onEnterPress($event)\"\r\n    (click)=\"openMenuClick(false)\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"no-data\"\r\n    *ngIf=\"newItems.length === 0\"\r\n    [ngClass]=\"{ 'menu-open': isOpenMenu }\"\r\n  >\r\n    <warning-icon class=\"icon-color inline-block w-6\"></warning-icon>\r\n    <b class=\"content block\">\u0645\u0648\u0631\u062F\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F</b>\r\n  </div>\r\n  <ul\r\n    class=\"menu dropdown\"\r\n    (keydown)=\"handleKey($event)\"\r\n    [ngClass]=\"{ 'menu-open': isOpenMenu }\"\r\n  >\r\n    <li\r\n      *ngFor=\"let item of newItems\"\r\n      class=\"dropdown-item\"\r\n      #focusable\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n      (keypress)=\"dropdownItemKeypress($event, item)\"\r\n      tabindex=\"0\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select:focus{border:1px solid blue!important;outline:none}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .no-data{display:flex!important;justify-content:center;align-items:center;font-size:small;flex-direction:column;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;transition:0,2s;z-index:10;height:120px;overflow:auto}.dropdown .no-data .icon-color{fill:var(--default-table-warning-icon-color)}.dropdown .no-data .content{color:var(--default-table-warning-color)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu li:focus{border:1px solid blue!important;outline:none}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { titleKey: [{
                 type: Input
             }], valueKey: [{
@@ -134,4 +135,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: ViewChildren,
                 args: ['focusable']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtc2VsZWN0L2NvcmUtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXNlbGVjdC9jb3JlLXNlbGVjdC1mYWxjb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFFTixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7OztBQVU3RCxNQUFNLE9BQU8sbUJBQW1CO0lBWTlCLElBQWEsS0FBSyxDQUFDLElBQVM7UUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUNELElBQWEsWUFBWSxDQUFDLElBQU87UUFDL0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7UUFDMUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQVFELFlBQW9CLEdBQXNCLEVBQVUsS0FBaUI7UUFBakQsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFBVSxVQUFLLEdBQUwsS0FBSyxDQUFZO1FBMUJyRSxpQkFBWSxHQUFnQixFQUFpQixDQUFDO1FBRzlDLGFBQVEsR0FBa0IsRUFBRSxDQUFDO1FBQzdCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsV0FBTSxHQUFRLEVBQUUsQ0FBQztRQUlSLFNBQUksR0FBVyxPQUFPLENBQUM7UUFDdkIsMkJBQXNCLEdBQUcs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QUFhLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLEVBQ3REO1lBQ0EsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ3ZDO0lBQ0gsQ0FBQzsrR0FuSFUsbUJBQW1CO21HQUFuQixtQkFBbUIsdWJDdEJoQywwK0RBa0VBOzs0RkQ1Q2EsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7aUlBWWQsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxzQkFBc0I7c0JBQTlCLEtBQUs7Z0JBQ08sS0FBSztzQkFBakIsS0FBSztnQkFJTyxZQUFZO3NCQUF4QixLQUFLO2dCQUlHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0UsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNxQixpQkFBaUI7c0JBQTNDLFlBQVk7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbiAgUXVlcnlMaXN0LFxyXG4gIFZpZXdDaGlsZHJlbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IGVudmlyb25tZW50IH0gZnJvbSAnLi4vLi4vZW52aXJvbm1lbnRzL2Vudmlyb25tZW50JztcclxudHlwZSBNZW51SXRlbTxUPiA9IHtcclxuICB0aXRsZTogVDtcclxuICB2YWx1ZTogVDtcclxufTtcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb3JlLXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtc2VsZWN0JyArIGVudmlyb25tZW50LnRlbXBOYW1lLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtc2VsZWN0JyArIGVudmlyb25tZW50LnN0eWxlTmFtZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlU2VsZWN0Q29tcG9uZW50PFQ+IHtcclxuICBzZWxlY3RlZEl0ZW06IE1lbnVJdGVtPFQ+ID0ge30gYXMgTWVudUl0ZW08VD47XHJcbiAgdGl0bGVLZXlPYmplY3QhOiBrZXlvZiBzdHJpbmcgfCBudW1iZXI7XHJcbiAgdmFsdWVLZXlPYmplY3QhOiBrZXlvZiBzdHJpbmcgfCBudW1iZXI7XHJcbiAgbmV3SXRlbXM6IE1lbnVJdGVtPFQ+W10gPSBbXTtcclxuICBpc09wZW5NZW51ID0gZmFsc2U7XHJcbiAgX2l0ZW1zOiBhbnkgPSBbXTtcclxuICBfZGVmYXVsdFZhbHVlITogVDtcclxuICBASW5wdXQoKSB0aXRsZUtleSE6IHN0cmluZztcclxuICBASW5wdXQoKSB2YWx1ZUtleSE6IHN0cmluZztcclxuICBASW5wdXQoKSBzaXplOiBzdHJpbmcgPSAnc21hbGwnO1xyXG4gIEBJbnB1dCgpIGNhbkhpZ2hsaWdodEJhY2tncm91bmQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZXQgaXRlbXMoZGF0YTogYW55KSB7XHJcbiAgICB0aGlzLl9pdGVtcyA9IGRhdGE7XHJcbiAgICB0aGlzLmluaXQoKTtcclxuICB9XHJcbiAgQElucHV0KCkgc2V0IGRlZmF1bHRWYWx1ZShkYXRhOiBUKSB7XHJcbiAgICB0aGlzLl9kZWZhdWx0VmFsdWUgPSBkYXRhO1xyXG4gICAgdGhpcy5pbml0KCk7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBvbkl0ZW1TZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBJbnB1dCgpIGlucHV0Rm9ybUNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnLCBbXSk7XHJcbiAgQFZpZXdDaGlsZHJlbignZm9jdXNhYmxlJykgZm9jdXNhYmxlRWxlbWVudHMhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XHJcbiAgY3VycmVudEluZGV4ID0gMDtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGVsUmVmOiBFbGVtZW50UmVmKSB7fVxyXG4gIGluaXQoKSB7XHJcbiAgICB0eXBlIE9iamVjdEtleSA9ICh0eXBlb2YgdGhpcy5faXRlbXMpWzBdO1xyXG4gICAgdGhpcy50aXRsZUtleU9iamVjdCA9IHRoaXMudGl0bGVLZXkgYXMgT2JqZWN0S2V5O1xyXG4gICAgdGhpcy52YWx1ZUtleU9iamVjdCA9IHRoaXMudmFsdWVLZXkgYXMgT2JqZWN0S2V5O1xyXG4gICAgdGhpcy5uZXdJdGVtcyA9IHRoaXMuY2hhbmdlSXRlbXNUeXBlKHRoaXMuX2l0ZW1zKTtcclxuICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5zZXRWYWx1ZSh0aGlzLl9kZWZhdWx0VmFsdWUpO1xyXG4gICAgdGhpcy5vbkl0ZW1TZWxlY3QoXHJcbiAgICAgIHRoaXMubmV3SXRlbXMuZmluZCgoaXRlbSkgPT4gaXRlbS52YWx1ZSA9PSB0aGlzLl9kZWZhdWx0VmFsdWUpLFxyXG4gICAgICBmYWxzZVxyXG4gICAgKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmluaXQoKTtcclxuICB9XHJcblxyXG4gIGNoYW5nZUl0ZW1zVHlwZShpdGVtczogYW55W10pOiBNZW51SXRlbTxUPltdIHtcclxuICAgIHJldHVybiBpdGVtcy5tYXAoKGl0ZW0pID0+IHtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICB0aXRsZTogaXRlbVt0aGlzLnRpdGxlS2V5T2JqZWN0XSxcclxuICAgICAgICB2YWx1ZTogaXRlbVt0aGlzLnZhbHVlS2V5T2JqZWN0XSxcclxuICAgICAgfTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgb3Blbk1lbnVDbGljayhjYW5Gb2N1czogYm9vbGVhbikge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcclxuICAgIHRoaXMuaXNPcGVuTWVudSA9ICF0aGlzLmlzT3Blbk1lbnU7XHJcbiAgICBpZiAodGhpcy5pc09wZW5NZW51ICYmIGNhbkZvY3VzKSB7XHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmZvY3VzYWJsZUVsZW1lbnRzLnRvQXJyYXkoKTtcclxuICAgICAgICBlbGVtZW50WzBdLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcclxuICAgICAgfSwgNTApO1xyXG4gICAgfVxyXG4gIH1cclxuICBoYW5kbGVLZXkoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcclxuICAgIGNvbnN0IGVsZW1lbnRzID0gdGhpcy5mb2N1c2FibGVFbGVtZW50cy50b0FycmF5KCk7XHJcblxyXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcclxuICAgICAgdGhpcy5jdXJyZW50SW5kZXggPSAodGhpcy5jdXJyZW50SW5kZXggKyAxKSAlIGVsZW1lbnRzLmxlbmd0aDtcclxuICAgICAgZWxlbWVudHNbdGhpcy5jdXJyZW50SW5kZXhdLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcclxuICAgICAgdGhpcy5jdXJyZW50SW5kZXggPVxyXG4gICAgICAgICh0aGlzLmN1cnJlbnRJbmRleCAtIDEgKyBlbGVtZW50cy5sZW5ndGgpICUgZWxlbWVudHMubGVuZ3RoO1xyXG4gICAgICBlbGVtZW50c1t0aGlzLmN1cnJlbnRJbmRleF0ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZHJvcGRvd25JdGVtS2V5cHJlc3MoZXZlbnQ6IGFueSwgaXRlbTogYW55KSB7XHJcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XHJcbiAgICAgIHRoaXMub25JdGVtU2VsZWN0KGl0ZW0sIHRydWUpO1xyXG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnKSB7XHJcbiAgICAgIHRoaXMuaXNPcGVuTWVudSA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25JdGVtU2VsZWN0KHNlbGVjdGVkSXRlbTogTWVudUl0ZW08VD4gfCB1bmRlZmluZWQsIGlzRnJvbVVpOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICBpZiAoaXNGcm9tVWkpIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5tYXJrQXNUb3VjaGVkKCk7XHJcbiAgICB0aGlzLmlzT3Blbk1lbnUgPSBmYWxzZTtcclxuICAgIGlmICghc2VsZWN0ZWRJdGVtKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0ge30gYXMgTWVudUl0ZW08VD47XHJcbiAgICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5yZXNldCgpO1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IHNlbGVjdGVkSXRlbTtcclxuICAgIGNvbnN0IG1haW5JdGVtID0gdGhpcy5faXRlbXMuZmluZChcclxuICAgICAgKGl0ZW06IGFueSkgPT4gaXRlbVt0aGlzLnZhbHVlS2V5T2JqZWN0XSA9PT0gc2VsZWN0ZWRJdGVtLnZhbHVlXHJcbiAgICApO1xyXG4gICAgdGhpcy5pbnB1dEZvcm1Db250cm9sLnNldFZhbHVlKHNlbGVjdGVkSXRlbS52YWx1ZSk7XHJcbiAgICB0aGlzLm9uSXRlbVNlbGVjdGVkLmVtaXQobWFpbkl0ZW0pO1xyXG4gIH1cclxuICBvbkVudGVyUHJlc3MoZTogYW55KSB7XHJcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcclxuICAgICAgdGhpcy5vcGVuTWVudUNsaWNrKHRydWUpO1xyXG4gICAgfVxyXG4gIH1cclxuICBmb2N1c091dChldmVudDogRm9jdXNFdmVudCkge1xyXG4gICAgY29uc3QgbmV4dEZvY3VzZWRFbGVtZW50ID0gZXZlbnQucmVsYXRlZFRhcmdldCBhcyBIVE1MRWxlbWVudDtcclxuXHJcbiAgICBpZiAoXHJcbiAgICAgICFuZXh0Rm9jdXNlZEVsZW1lbnQgfHxcclxuICAgICAgIXRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhuZXh0Rm9jdXNlZEVsZW1lbnQpXHJcbiAgICApIHtcclxuICAgICAgdGhpcy5pc09wZW5NZW51ID0gZmFsc2U7XHJcbiAgICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5tYXJrQXNUb3VjaGVkKCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkcm9wZG93blwiIChmb2N1c291dCk9XCJmb2N1c091dCgkZXZlbnQpXCI+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJzZWxlY3RcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAnc2VsZWN0LWNsaWNrZWQnOiBpc09wZW5NZW51LFxyXG4gICAgICAnaGlnaGxpZ2h0LWJhY2tncm91bmQnOlxyXG4gICAgICAgIGNhbkhpZ2hsaWdodEJhY2tncm91bmQgJiZcclxuICAgICAgICAoc2VsZWN0ZWRJdGVtIHwganNvbikgPT09ICh7fSB8IGpzb24pICYmXHJcbiAgICAgICAgIShpbnB1dEZvcm1Db250cm9sLnRvdWNoZWQgJiYgaW5wdXRGb3JtQ29udHJvbC5lcnJvcnMpLFxyXG4gICAgICBzZWxlY3RFcnJvcjogaW5wdXRGb3JtQ29udHJvbC50b3VjaGVkICYmIGlucHV0Rm9ybUNvbnRyb2wuZXJyb3JzICxcclxuICAgICAgJ2Rpc2FibGUtc2VsZWN0b3InOiBkaXNhYmxlZCxcclxuXHJcbiAgICB9XCJcclxuICAgIHRhYmluZGV4PVwiMFwiXHJcbiAgICAoa2V5cHJlc3MpPVwib25FbnRlclByZXNzKCRldmVudClcIlxyXG4gICAgKGNsaWNrKT1cIm9wZW5NZW51Q2xpY2soZmFsc2UpXCJcclxuICA+XHJcbiAgICA8c3BhblxyXG4gICAgICBjbGFzcz1cInBsYWNlaG9sZGVyLXRvcFwiXHJcbiAgICAgICpuZ0lmPVwiKHNlbGVjdGVkSXRlbSB8IGpzb24pICE9ICh7fSB8IGpzb24pXCJcclxuICAgICAgPnt7IGxhYmVsIH19PC9zcGFuXHJcbiAgICA+XHJcbiAgICA8YXJyb3ctZG93bi1pY29uXHJcbiAgICAgIGNsYXNzPVwiY2FyZXQgZmlsbC1zZWNvbmRhcnktdGV4dC1jb2xvciBoLTZcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7ICdjYXJldC1yb3RhdGUnOiBpc09wZW5NZW51IH1cIlxyXG4gICAgPjwvYXJyb3ctZG93bi1pY29uPlxyXG5cclxuICAgIDxzcGFuXHJcbiAgICAgIFtuZ0NsYXNzXT1cIltcclxuICAgICAgICBsYWJlbC5sZW5ndGggPiAwICYmIChzZWxlY3RlZEl0ZW0gfCBqc29uKSA9PSAoe30gfCBqc29uKVxyXG4gICAgICAgICAgPyAncGxhY2Vob2xkZXInXHJcbiAgICAgICAgICA6ICdzZWxlY3RlZCdcclxuICAgICAgXVwiXHJcbiAgICAgID57e1xyXG4gICAgICAgIGxhYmVsLmxlbmd0aCA+IDAgJiYgKHNlbGVjdGVkSXRlbSB8IGpzb24pID09ICh7fSB8IGpzb24pXHJcbiAgICAgICAgICA/IGxhYmVsXHJcbiAgICAgICAgICA6IHNlbGVjdGVkSXRlbS50aXRsZVxyXG4gICAgICB9fTwvc3BhblxyXG4gICAgPlxyXG4gIDwvZGl2PlxyXG4gIDx1bFxyXG4gICAgY2xhc3M9XCJtZW51IGRyb3Bkb3duXCJcclxuICAgIChrZXlkb3duKT1cImhhbmRsZUtleSgkZXZlbnQpXCJcclxuICAgIFtuZ0NsYXNzXT1cInsgJ21lbnUtb3Blbic6IGlzT3Blbk1lbnUgfVwiXHJcbiAgPlxyXG4gICAgPGxpXHJcbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIG5ld0l0ZW1zXCJcclxuICAgICAgY2xhc3M9XCJkcm9wZG93bi1pdGVtXCJcclxuICAgICAgI2ZvY3VzYWJsZVxyXG4gICAgICBbbmdDbGFzc109XCJ7IGFjdGl2ZTogaXRlbSA9PSBzZWxlY3RlZEl0ZW0gfVwiXHJcbiAgICAgIChjbGljayk9XCJvbkl0ZW1TZWxlY3QoaXRlbSwgdHJ1ZSlcIlxyXG4gICAgICAoa2V5cHJlc3MpPVwiZHJvcGRvd25JdGVtS2V5cHJlc3MoJGV2ZW50LCBpdGVtKVwiXHJcbiAgICAgIHRhYmluZGV4PVwiMFwiXHJcbiAgICA+XHJcbiAgICAgIHt7IGl0ZW0udGl0bGUgfX1cclxuICAgIDwvbGk+XHJcbiAgPC91bD5cclxuICA8ZGl2IGNsYXNzPVwibGFiZWwtZXJyb3Igb3ZlcmZsb3ctaGlkZGVuXCI+XHJcbiAgICA8c3BhblxyXG4gICAgICAqbmdJZj1cIlxyXG4gICAgICAgaW5wdXRGb3JtQ29udHJvbC50b3VjaGVkICAmJlxyXG4gICAgICBpbnB1dEZvcm1Db250cm9sLmVycm9ycz8uWydyZXF1aXJlZCddXCJcclxuICAgICAgPtin24zZhiDZgduM2YTYryDYrtin2YTbjCDYp9iz2Ko8L3NwYW5cclxuICAgID5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtc2VsZWN0L2NvcmUtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXNlbGVjdC9jb3JlLXNlbGVjdC1mYWxjb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFFTixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7QUFVN0QsTUFBTSxPQUFPLG1CQUFtQjtJQVk5QixJQUFhLEtBQUssQ0FBQyxJQUFTO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNkLENBQUM7SUFDRCxJQUFhLFlBQVksQ0FBQyxJQUFPO1FBQy9CLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1FBQzFCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNkLENBQUM7SUFRRCxZQUFvQixHQUFzQixFQUFVLEtBQWlCO1FBQWpELFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQTFCckUsaUJBQVksR0FBZ0IsRUFBaUIsQ0FBQztRQUc5QyxhQUFRLEdBQWtCLEVBQUUsQ0FBQztRQUM3QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFdBQU0sR0FBUSxFQUFFLENBQUM7UUFJUixTQUFJLEdBQVcsT0FBTyxDQUFDO1FBQ3ZCLDJCQUFzQixHQUFH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YUFBYSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxFQUN0RDtZQUNBLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN2QztJQUNILENBQUM7K0dBbkhVLG1CQUFtQjttR0FBbkIsbUJBQW1CLHViQ3RCaEMsb3pFQTBFQTs7NEZEcERhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxhQUFhO2lJQVlkLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBSU8sWUFBWTtzQkFBeEIsS0FBSztnQkFJRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNFLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDcUIsaUJBQWlCO3NCQUEzQyxZQUFZO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBWaWV3Q2hpbGRyZW4sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBlbnZpcm9ubWVudCB9IGZyb20gJy4uLy4uL2Vudmlyb25tZW50cy9lbnZpcm9ubWVudCc7XHJcbnR5cGUgTWVudUl0ZW08VD4gPSB7XHJcbiAgdGl0bGU6IFQ7XHJcbiAgdmFsdWU6IFQ7XHJcbn07XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1zZWxlY3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXNlbGVjdCcgKyBlbnZpcm9ubWVudC50ZW1wTmFtZSxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLXNlbGVjdCcgKyBlbnZpcm9ubWVudC5zdHlsZU5hbWVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZVNlbGVjdENvbXBvbmVudDxUPiB7XHJcbiAgc2VsZWN0ZWRJdGVtOiBNZW51SXRlbTxUPiA9IHt9IGFzIE1lbnVJdGVtPFQ+O1xyXG4gIHRpdGxlS2V5T2JqZWN0IToga2V5b2Ygc3RyaW5nIHwgbnVtYmVyO1xyXG4gIHZhbHVlS2V5T2JqZWN0IToga2V5b2Ygc3RyaW5nIHwgbnVtYmVyO1xyXG4gIG5ld0l0ZW1zOiBNZW51SXRlbTxUPltdID0gW107XHJcbiAgaXNPcGVuTWVudSA9IGZhbHNlO1xyXG4gIF9pdGVtczogYW55ID0gW107XHJcbiAgX2RlZmF1bHRWYWx1ZSE6IFQ7XHJcbiAgQElucHV0KCkgdGl0bGVLZXkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdmFsdWVLZXkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nID0gJ3NtYWxsJztcclxuICBASW5wdXQoKSBjYW5IaWdobGlnaHRCYWNrZ3JvdW5kID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2V0IGl0ZW1zKGRhdGE6IGFueSkge1xyXG4gICAgdGhpcy5faXRlbXMgPSBkYXRhO1xyXG4gICAgdGhpcy5pbml0KCk7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIHNldCBkZWZhdWx0VmFsdWUoZGF0YTogVCkge1xyXG4gICAgdGhpcy5fZGVmYXVsdFZhbHVlID0gZGF0YTtcclxuICAgIHRoaXMuaW5pdCgpO1xyXG4gIH1cclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgb25JdGVtU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBASW5wdXQoKSBpbnB1dEZvcm1Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJywgW10pO1xyXG4gIEBWaWV3Q2hpbGRyZW4oJ2ZvY3VzYWJsZScpIGZvY3VzYWJsZUVsZW1lbnRzITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xyXG4gIGN1cnJlbnRJbmRleCA9IDA7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZiwgcHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZikge31cclxuICBpbml0KCkge1xyXG4gICAgdHlwZSBPYmplY3RLZXkgPSAodHlwZW9mIHRoaXMuX2l0ZW1zKVswXTtcclxuICAgIHRoaXMudGl0bGVLZXlPYmplY3QgPSB0aGlzLnRpdGxlS2V5IGFzIE9iamVjdEtleTtcclxuICAgIHRoaXMudmFsdWVLZXlPYmplY3QgPSB0aGlzLnZhbHVlS2V5IGFzIE9iamVjdEtleTtcclxuICAgIHRoaXMubmV3SXRlbXMgPSB0aGlzLmNoYW5nZUl0ZW1zVHlwZSh0aGlzLl9pdGVtcyk7XHJcbiAgICB0aGlzLmlucHV0Rm9ybUNvbnRyb2wuc2V0VmFsdWUodGhpcy5fZGVmYXVsdFZhbHVlKTtcclxuICAgIHRoaXMub25JdGVtU2VsZWN0KFxyXG4gICAgICB0aGlzLm5ld0l0ZW1zLmZpbmQoKGl0ZW0pID0+IGl0ZW0udmFsdWUgPT0gdGhpcy5fZGVmYXVsdFZhbHVlKSxcclxuICAgICAgZmFsc2VcclxuICAgICk7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbml0KCk7XHJcbiAgfVxyXG5cclxuICBjaGFuZ2VJdGVtc1R5cGUoaXRlbXM6IGFueVtdKTogTWVudUl0ZW08VD5bXSB7XHJcbiAgICByZXR1cm4gaXRlbXMubWFwKChpdGVtKSA9PiB7XHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgdGl0bGU6IGl0ZW1bdGhpcy50aXRsZUtleU9iamVjdF0sXHJcbiAgICAgICAgdmFsdWU6IGl0ZW1bdGhpcy52YWx1ZUtleU9iamVjdF0sXHJcbiAgICAgIH07XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG9wZW5NZW51Q2xpY2soY2FuRm9jdXM6IGJvb2xlYW4pIHtcclxuICAgIGlmICh0aGlzLmRpc2FibGVkKSByZXR1cm47XHJcbiAgICB0aGlzLmlzT3Blbk1lbnUgPSAhdGhpcy5pc09wZW5NZW51O1xyXG4gICAgaWYgKHRoaXMuaXNPcGVuTWVudSAmJiBjYW5Gb2N1cykge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5mb2N1c2FibGVFbGVtZW50cy50b0FycmF5KCk7XHJcbiAgICAgICAgZWxlbWVudFswXS5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgICAgIH0sIDUwKTtcclxuICAgIH1cclxuICB9XHJcbiAgaGFuZGxlS2V5KGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XHJcbiAgICBjb25zdCBlbGVtZW50cyA9IHRoaXMuZm9jdXNhYmxlRWxlbWVudHMudG9BcnJheSgpO1xyXG5cclxuICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudEluZGV4ID0gKHRoaXMuY3VycmVudEluZGV4ICsgMSkgJSBlbGVtZW50cy5sZW5ndGg7XHJcbiAgICAgIGVsZW1lbnRzW3RoaXMuY3VycmVudEluZGV4XS5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93VXAnKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudEluZGV4ID1cclxuICAgICAgICAodGhpcy5jdXJyZW50SW5kZXggLSAxICsgZWxlbWVudHMubGVuZ3RoKSAlIGVsZW1lbnRzLmxlbmd0aDtcclxuICAgICAgZWxlbWVudHNbdGhpcy5jdXJyZW50SW5kZXhdLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGRyb3Bkb3duSXRlbUtleXByZXNzKGV2ZW50OiBhbnksIGl0ZW06IGFueSkge1xyXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xyXG4gICAgICB0aGlzLm9uSXRlbVNlbGVjdChpdGVtLCB0cnVlKTtcclxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJykge1xyXG4gICAgICB0aGlzLmlzT3Blbk1lbnUgPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uSXRlbVNlbGVjdChzZWxlY3RlZEl0ZW06IE1lbnVJdGVtPFQ+IHwgdW5kZWZpbmVkLCBpc0Zyb21VaTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgaWYgKGlzRnJvbVVpKSB0aGlzLmlucHV0Rm9ybUNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xyXG4gICAgdGhpcy5pc09wZW5NZW51ID0gZmFsc2U7XHJcbiAgICBpZiAoIXNlbGVjdGVkSXRlbSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IHt9IGFzIE1lbnVJdGVtPFQ+O1xyXG4gICAgICB0aGlzLmlucHV0Rm9ybUNvbnRyb2wucmVzZXQoKTtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSBzZWxlY3RlZEl0ZW07XHJcbiAgICBjb25zdCBtYWluSXRlbSA9IHRoaXMuX2l0ZW1zLmZpbmQoXHJcbiAgICAgIChpdGVtOiBhbnkpID0+IGl0ZW1bdGhpcy52YWx1ZUtleU9iamVjdF0gPT09IHNlbGVjdGVkSXRlbS52YWx1ZVxyXG4gICAgKTtcclxuICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5zZXRWYWx1ZShzZWxlY3RlZEl0ZW0udmFsdWUpO1xyXG4gICAgdGhpcy5vbkl0ZW1TZWxlY3RlZC5lbWl0KG1haW5JdGVtKTtcclxuICB9XHJcbiAgb25FbnRlclByZXNzKGU6IGFueSkge1xyXG4gICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XHJcbiAgICAgIHRoaXMub3Blbk1lbnVDbGljayh0cnVlKTtcclxuICAgIH1cclxuICB9XHJcbiAgZm9jdXNPdXQoZXZlbnQ6IEZvY3VzRXZlbnQpIHtcclxuICAgIGNvbnN0IG5leHRGb2N1c2VkRWxlbWVudCA9IGV2ZW50LnJlbGF0ZWRUYXJnZXQgYXMgSFRNTEVsZW1lbnQ7XHJcblxyXG4gICAgaWYgKFxyXG4gICAgICAhbmV4dEZvY3VzZWRFbGVtZW50IHx8XHJcbiAgICAgICF0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMobmV4dEZvY3VzZWRFbGVtZW50KVxyXG4gICAgKSB7XHJcbiAgICAgIHRoaXMuaXNPcGVuTWVudSA9IGZhbHNlO1xyXG4gICAgICB0aGlzLmlucHV0Rm9ybUNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZHJvcGRvd25cIiAoZm9jdXNvdXQpPVwiZm9jdXNPdXQoJGV2ZW50KVwiPlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwic2VsZWN0XCJcclxuICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgJ3NlbGVjdC1jbGlja2VkJzogaXNPcGVuTWVudSxcclxuICAgICAgJ2hpZ2hsaWdodC1iYWNrZ3JvdW5kJzpcclxuICAgICAgICBjYW5IaWdobGlnaHRCYWNrZ3JvdW5kICYmXHJcbiAgICAgICAgKHNlbGVjdGVkSXRlbSB8IGpzb24pID09PSAoe30gfCBqc29uKSAmJlxyXG4gICAgICAgICEoaW5wdXRGb3JtQ29udHJvbC50b3VjaGVkICYmIGlucHV0Rm9ybUNvbnRyb2wuZXJyb3JzKSxcclxuICAgICAgc2VsZWN0RXJyb3I6IGlucHV0Rm9ybUNvbnRyb2wudG91Y2hlZCAmJiBpbnB1dEZvcm1Db250cm9sLmVycm9ycyAsXHJcbiAgICAgICdkaXNhYmxlLXNlbGVjdG9yJzogZGlzYWJsZWQsXHJcblxyXG4gICAgfVwiXHJcbiAgICB0YWJpbmRleD1cIjBcIlxyXG4gICAgKGtleXByZXNzKT1cIm9uRW50ZXJQcmVzcygkZXZlbnQpXCJcclxuICAgIChjbGljayk9XCJvcGVuTWVudUNsaWNrKGZhbHNlKVwiXHJcbiAgPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJwbGFjZWhvbGRlci10b3BcIlxyXG4gICAgICAqbmdJZj1cIihzZWxlY3RlZEl0ZW0gfCBqc29uKSAhPSAoe30gfCBqc29uKVwiXHJcbiAgICAgID57eyBsYWJlbCB9fTwvc3BhblxyXG4gICAgPlxyXG4gICAgPGFycm93LWRvd24taWNvblxyXG4gICAgICBjbGFzcz1cImNhcmV0IGZpbGwtc2Vjb25kYXJ5LXRleHQtY29sb3IgaC02XCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnY2FyZXQtcm90YXRlJzogaXNPcGVuTWVudSB9XCJcclxuICAgID48L2Fycm93LWRvd24taWNvbj5cclxuXHJcbiAgICA8c3BhblxyXG4gICAgICBbbmdDbGFzc109XCJbXHJcbiAgICAgICAgbGFiZWwubGVuZ3RoID4gMCAmJiAoc2VsZWN0ZWRJdGVtIHwganNvbikgPT0gKHt9IHwganNvbilcclxuICAgICAgICAgID8gJ3BsYWNlaG9sZGVyJ1xyXG4gICAgICAgICAgOiAnc2VsZWN0ZWQnXHJcbiAgICAgIF1cIlxyXG4gICAgICA+e3tcclxuICAgICAgICBsYWJlbC5sZW5ndGggPiAwICYmIChzZWxlY3RlZEl0ZW0gfCBqc29uKSA9PSAoe30gfCBqc29uKVxyXG4gICAgICAgICAgPyBsYWJlbFxyXG4gICAgICAgICAgOiBzZWxlY3RlZEl0ZW0udGl0bGVcclxuICAgICAgfX08L3NwYW5cclxuICAgID5cclxuICA8L2Rpdj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cIm5vLWRhdGFcIlxyXG4gICAgKm5nSWY9XCJuZXdJdGVtcy5sZW5ndGggPT09IDBcIlxyXG4gICAgW25nQ2xhc3NdPVwieyAnbWVudS1vcGVuJzogaXNPcGVuTWVudSB9XCJcclxuICA+XHJcbiAgICA8d2FybmluZy1pY29uIGNsYXNzPVwiaWNvbi1jb2xvciBpbmxpbmUtYmxvY2sgdy02XCI+PC93YXJuaW5nLWljb24+XHJcbiAgICA8YiBjbGFzcz1cImNvbnRlbnQgYmxvY2tcIj7ZhdmI2LHYr9uMINuM2KfZgdiqINmG2LTYrzwvYj5cclxuICA8L2Rpdj5cclxuICA8dWxcclxuICAgIGNsYXNzPVwibWVudSBkcm9wZG93blwiXHJcbiAgICAoa2V5ZG93bik9XCJoYW5kbGVLZXkoJGV2ZW50KVwiXHJcbiAgICBbbmdDbGFzc109XCJ7ICdtZW51LW9wZW4nOiBpc09wZW5NZW51IH1cIlxyXG4gID5cclxuICAgIDxsaVxyXG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBuZXdJdGVtc1wiXHJcbiAgICAgIGNsYXNzPVwiZHJvcGRvd24taXRlbVwiXHJcbiAgICAgICNmb2N1c2FibGVcclxuICAgICAgW25nQ2xhc3NdPVwieyBhY3RpdmU6IGl0ZW0gPT0gc2VsZWN0ZWRJdGVtIH1cIlxyXG4gICAgICAoY2xpY2spPVwib25JdGVtU2VsZWN0KGl0ZW0sIHRydWUpXCJcclxuICAgICAgKGtleXByZXNzKT1cImRyb3Bkb3duSXRlbUtleXByZXNzKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICB0YWJpbmRleD1cIjBcIlxyXG4gICAgPlxyXG4gICAgICB7eyBpdGVtLnRpdGxlIH19XHJcbiAgICA8L2xpPlxyXG4gIDwvdWw+XHJcbiAgPGRpdiBjbGFzcz1cImxhYmVsLWVycm9yIG92ZXJmbG93LWhpZGRlblwiPlxyXG4gICAgPHNwYW5cclxuICAgICAgKm5nSWY9XCJcclxuICAgICAgIGlucHV0Rm9ybUNvbnRyb2wudG91Y2hlZCAgJiZcclxuICAgICAgaW5wdXRGb3JtQ29udHJvbC5lcnJvcnM/LlsncmVxdWlyZWQnXVwiXHJcbiAgICAgID7Yp9uM2YYg2YHbjNmE2K8g2K7Yp9mE24wg2KfYs9iqPC9zcGFuXHJcbiAgICA+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/core-select-search/core-select-search.component.mjs

@@ -91,11 +91,11 @@ export class CoreSelectSearchComponent {
         this.changeSearchText();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectSearchComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSelectSearchComponent, selector: "core-select-search", inputs: { titleKey: "titleKey", valueKey: "valueKey", size: "size", canHighlightBackground: "canHighlightBackground", items: "items", defaultValue: "defaultValue", label: "label", disabled: "disabled", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut($event)\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      'highlight-background':\r\n        canHighlightBackground &&\r\n        (selectedItem | json) === ({} | json) &&\r\n        !(inputFormControl.touched && inputFormControl.errors),\r\n      selectError: inputFormControl.touched && inputFormControl.errors ,\r\n      'disable-selector': disabled,\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <div\r\n      class=\"grid grid-cols-12 h-11 items-center pe-5 ps-5 bg-white shadow-md\"\r\n    >\r\n      <input\r\n        placeholder=\"\u062C\u0633\u062A\u062C\u0648 \"\r\n        class=\"col-span-11 bg-transparent focus:outline-none min-h-9\"\r\n        [(ngModel)]=\"searchText\"\r\n        (keyup)=\"changeSearchText()\"\r\n      />\r\n      <span class=\"md:h-7 flex justify-center\">\r\n        <search-icon\r\n          class=\"transform scale-x-[-1] fill-icon-color hover:fill-primary-color hover:cursor-pointer\"\r\n        >\r\n        </search-icon\r\n      ></span>\r\n    </div>\r\n    <li\r\n      *ngFor=\"let item of filteredItems | async\"\r\n      [ngClass]=\"{ active: item.value === selectedItem.value }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SearchIconComponent, selector: "search-icon" }, { kind: "component", type: i4.ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSelectSearchComponent, selector: "core-select-search", inputs: { titleKey: "titleKey", valueKey: "valueKey", size: "size", canHighlightBackground: "canHighlightBackground", items: "items", defaultValue: "defaultValue", label: "label", disabled: "disabled", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut($event)\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      'highlight-background':\r\n        canHighlightBackground &&\r\n        (selectedItem | json) === ({} | json) &&\r\n        !(inputFormControl.touched && inputFormControl.errors),\r\n      selectError: inputFormControl.touched && inputFormControl.errors ,\r\n      'disable-selector': disabled,\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <div\r\n      class=\"grid grid-cols-12 h-11 items-center pe-5 ps-5 bg-white shadow-md\"\r\n    >\r\n      <input\r\n        placeholder=\"\u062C\u0633\u062A\u062C\u0648 \"\r\n        class=\"col-span-11 bg-transparent focus:outline-none min-h-9\"\r\n        [(ngModel)]=\"searchText\"\r\n        (keyup)=\"changeSearchText()\"\r\n      />\r\n      <span class=\"md:h-7 flex justify-center\">\r\n        <search-icon\r\n          class=\"transform scale-x-[-1] fill-icon-color hover:fill-primary-color hover:cursor-pointer\"\r\n        >\r\n        </search-icon\r\n      ></span>\r\n    </div>\r\n    <li\r\n      *ngFor=\"let item of filteredItems | async\"\r\n      [ngClass]=\"{ active: item.value === selectedItem.value }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu .active{background:#ced4da!important}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SearchIconComponent, selector: "search-icon" }, { kind: "component", type: i4.ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-select-search', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut($event)\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      'highlight-background':\r\n        canHighlightBackground &&\r\n        (selectedItem | json) === ({} | json) &&\r\n        !(inputFormControl.touched && inputFormControl.errors),\r\n      selectError: inputFormControl.touched && inputFormControl.errors ,\r\n      'disable-selector': disabled,\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <div\r\n      class=\"grid grid-cols-12 h-11 items-center pe-5 ps-5 bg-white shadow-md\"\r\n    >\r\n      <input\r\n        placeholder=\"\u062C\u0633\u062A\u062C\u0648 \"\r\n        class=\"col-span-11 bg-transparent focus:outline-none min-h-9\"\r\n        [(ngModel)]=\"searchText\"\r\n        (keyup)=\"changeSearchText()\"\r\n      />\r\n      <span class=\"md:h-7 flex justify-center\">\r\n        <search-icon\r\n          class=\"transform scale-x-[-1] fill-icon-color hover:fill-primary-color hover:cursor-pointer\"\r\n        >\r\n        </search-icon\r\n      ></span>\r\n    </div>\r\n    <li\r\n      *ngFor=\"let item of filteredItems | async\"\r\n      [ngClass]=\"{ active: item.value === selectedItem.value }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
+            args: [{ selector: 'core-select-search', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut($event)\">\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      'highlight-background':\r\n        canHighlightBackground &&\r\n        (selectedItem | json) === ({} | json) &&\r\n        !(inputFormControl.touched && inputFormControl.errors),\r\n      selectError: inputFormControl.touched && inputFormControl.errors ,\r\n      'disable-selector': disabled,\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <div\r\n      class=\"grid grid-cols-12 h-11 items-center pe-5 ps-5 bg-white shadow-md\"\r\n    >\r\n      <input\r\n        placeholder=\"\u062C\u0633\u062A\u062C\u0648 \"\r\n        class=\"col-span-11 bg-transparent focus:outline-none min-h-9\"\r\n        [(ngModel)]=\"searchText\"\r\n        (keyup)=\"changeSearchText()\"\r\n      />\r\n      <span class=\"md:h-7 flex justify-center\">\r\n        <search-icon\r\n          class=\"transform scale-x-[-1] fill-icon-color hover:fill-primary-color hover:cursor-pointer\"\r\n        >\r\n        </search-icon\r\n      ></span>\r\n    </div>\r\n    <li\r\n      *ngFor=\"let item of filteredItems | async\"\r\n      [ngClass]=\"{ active: item.value === selectedItem.value }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n  <div class=\"label-error overflow-hidden\">\r\n    <span\r\n      *ngIf=\"\r\n       inputFormControl.touched  &&\r\n      inputFormControl.errors?.['required']\"\r\n      >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu .active{background:#ced4da!important}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { titleKey: [{
                 type: Input
             }], valueKey: [{

package/esm2022/lib/core-table/core-column-selector/core-column-selector.component.mjs

@@ -79,11 +79,11 @@ export class CoreColumnSelectorComponent {
         this.onItemSelected.emit('');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: { items: "items", titleKey: "titleKey", valueKey: "valueKey", label: "label", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n  <close-icon\r\n    *ngIf=\"selectedItem.title\"\r\n    (click)=\"removedText()\"\r\n    class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n  ></close-icon>\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      selectError: inputFormControl.touched && inputFormControl.errors\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <li\r\n      *ngFor=\"let item of newItems\"\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:calc(100% - 34px);min-width:120px}.dropdown .select{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border-bottom:1px solid var(--default-table-column-input-border-color);padding-block:3px;padding-inline-start:12px;outline:0;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:focus{border-bottom:1px solid #96bdf2}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border-bottom:1px solid #96bdf2}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CloseIconComponent, selector: "close-icon" }, { kind: "component", type: i3.ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: { items: "items", titleKey: "titleKey", valueKey: "valueKey", label: "label", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n  <close-icon\r\n    *ngIf=\"selectedItem.title\"\r\n    (click)=\"removedText()\"\r\n    class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n  ></close-icon>\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      selectError: inputFormControl.touched && inputFormControl.errors\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <li\r\n      *ngFor=\"let item of newItems\"\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:calc(100% - 34px);min-width:120px}.dropdown .select{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border-bottom:1px solid var(--default-table-column-input-border-color);padding-block:3px;padding-inline-start:12px;outline:0;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:focus{border-bottom:1px solid #96bdf2}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border-bottom:1px solid #96bdf2}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:var(--default-selector-menu-item-hover-color);box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)!important}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CloseIconComponent, selector: "close-icon" }, { kind: "component", type: i3.ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-column-selector', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n  <close-icon\r\n    *ngIf=\"selectedItem.title\"\r\n    (click)=\"removedText()\"\r\n    class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n  ></close-icon>\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      selectError: inputFormControl.touched && inputFormControl.errors\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <li\r\n      *ngFor=\"let item of newItems\"\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:calc(100% - 34px);min-width:120px}.dropdown .select{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border-bottom:1px solid var(--default-table-column-input-border-color);padding-block:3px;padding-inline-start:12px;outline:0;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:focus{border-bottom:1px solid #96bdf2}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border-bottom:1px solid #96bdf2}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"] }]
+            args: [{ selector: 'core-column-selector', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n  <close-icon\r\n    *ngIf=\"selectedItem.title\"\r\n    (click)=\"removedText()\"\r\n    class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n  ></close-icon>\r\n  <div\r\n    class=\"select\"\r\n    [ngClass]=\"{\r\n      'select-clicked': isOpenMenu,\r\n      selectError: inputFormControl.touched && inputFormControl.errors\r\n    }\"\r\n    (click)=\"openMenuClick()\"\r\n  >\r\n    <span\r\n      class=\"placeholder-top\"\r\n      *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n      >{{ label }}</span\r\n    >\r\n    <arrow-down-icon\r\n      class=\"caret fill-secondary-text-color h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      [ngClass]=\"[\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? 'placeholder'\r\n          : 'selected'\r\n      ]\"\r\n      >{{\r\n        label.length > 0 && (selectedItem | json) == ({} | json)\r\n          ? label\r\n          : selectedItem.title\r\n      }}</span\r\n    >\r\n  </div>\r\n  <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n    <li\r\n      *ngFor=\"let item of newItems\"\r\n      [ngClass]=\"{ active: item == selectedItem }\"\r\n      (click)=\"onItemSelect(item, true)\"\r\n    >\r\n      {{ item.title }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:calc(100% - 34px);min-width:120px}.dropdown .select{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border-bottom:1px solid var(--default-table-column-input-border-color);padding-block:3px;padding-inline-start:12px;outline:0;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:focus{border-bottom:1px solid #96bdf2}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border-bottom:1px solid #96bdf2}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:var(--default-selector-menu-item-hover-color);box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)!important}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
                 type: Input
             }], titleKey: [{