nira-falcon 0.1.57 → 0.1.59

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

@@ -13,11 +13,11 @@ export class CoreMultiSelectRowComponent {
         this.onSelect.emit(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: { isSelected: "isSelected", item: "item" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n  {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6}.active{background:#ced4da}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: { isSelected: "isSelected", item: "item" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n  {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.active{background:#ced4da!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-core-multi-select-row', template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n  {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6}.active{background:#ced4da}\n"] }]
+            args: [{ selector: 'app-core-multi-select-row', template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n  {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.active{background:#ced4da!important}\n"] }]
         }], propDecorators: { isSelected: [{
                 type: Input
             }], item: [{

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

@@ -106,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  <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" }] }); }
+    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;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu li:focus{border:1px solid blue!important;outline:none}.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.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  <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"] }]
+            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;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu li:focus{border:1px solid blue!important;outline:none}.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 }, { type: i0.ElementRef }]; }, propDecorators: { titleKey: [{
                 type: Input
             }], valueKey: [{

package/fesm2022/nira-falcon.mjs

@@ -942,11 +942,11 @@ 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  <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: WarningIconComponent, selector: "warning-icon" }, { kind: "component", type: 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;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu li:focus{border:1px solid blue!important;outline:none}.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: WarningIconComponent, selector: "warning-icon" }, { kind: "component", type: 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  <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"] }]
+            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;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.dropdown .menu li:focus{border:1px solid blue!important;outline:none}.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 }, { type: i0.ElementRef }]; }, propDecorators: { titleKey: [{
                 type: Input
             }], valueKey: [{
@@ -2930,11 +2930,11 @@ class CoreMultiSelectRowComponent {
         this.onSelect.emit(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: { isSelected: "isSelected", item: "item" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n  {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6}.active{background:#ced4da}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: { isSelected: "isSelected", item: "item" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n  {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.active{background:#ced4da!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-core-multi-select-row', template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n  {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6}.active{background:#ced4da}\n"] }]
+            args: [{ selector: 'app-core-multi-select-row', template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n  {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6;box-shadow:0 1px 2px #00000021,0 4px 4px #0000001a}.active{background:#ced4da!important}\n"] }]
         }], propDecorators: { isSelected: [{
                 type: Input
             }], item: [{