nira-falcon 0.1.20 → 0.1.21

package/fesm2022/nira-falcon.mjs

@@ -2332,157 +2332,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-class CoreMulliteSelectRowComponent {
-    constructor() {
-        this.onSelect = new EventEmitter();
-        this._isSelected = false;
-    }
-    set isSelected(value) {
-        this._isSelected = value;
-    }
-    onItemSelect() {
-        this._isSelected = !this._isSelected;
-        this.onSelect.emit(this._isSelected);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMulliteSelectRowComponent, selector: "app-core-mulite-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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-core-mulite-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"] }]
-        }], propDecorators: { isSelected: [{
-                type: Input
-            }], item: [{
-                type: Input
-            }], onSelect: [{
-                type: Output
-            }] } });
-
-class CoreMulliteSelectComponent {
-    set titleKey(data) {
-        this._titleKey = data;
-        this.hasTitleKey = true;
-        this.init();
-    }
-    set valueKey(data) {
-        this._valueKey = data;
-        this.hasValueKey = true;
-        this.init();
-    }
-    set items(data) {
-        this._items = data;
-        this.hasItems = true;
-        this.init();
-    }
-    set defaultValue(data) {
-        this._defaultValue = data;
-        this.hasDefaultValue = true;
-        this.init();
-    }
-    get isSelectedItems() {
-        return Object.keys(this.selectedItems).length > 0 ? true : false;
-    }
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.selectedItems = [];
-        this.newItems = [];
-        this.isOpenMenu = false;
-        this._items = [];
-        this._defaultValue = [];
-        this.initCounter = 0;
-        this.hasTitleKey = false;
-        this.hasValueKey = false;
-        this.hasItems = false;
-        this.hasDefaultValue = false;
-        this.text = '';
-        this.label = '';
-        this.onItemSelected = new EventEmitter();
-        this.inputFormControl = new FormControl('', []);
-    }
-    init() {
-        if (this.hasTitleKey &&
-            this.hasValueKey &&
-            this.hasItems &&
-            this.hasDefaultValue) {
-            this.newItems = this.changeItemsType(this._items);
-        }
-    }
-    ngOnInit() {
-        if (this._defaultValue.length == 0)
-            return;
-        this._defaultValue.forEach((item1, index) => {
-            const value = this.newItems.find((item) => item.value === item1);
-            if (value) {
-                this.selectedItems[value.value] = value;
-            }
-        });
-    }
-    ngAfterViewInit() {
-        this.showText();
-        this.cdr.detectChanges();
-    }
-    onItemSelect(selectedItem, isFromUi) {
-        if (this.selectedItems[selectedItem.value]) {
-            delete this.selectedItems[selectedItem.value];
-        }
-        else {
-            this.selectedItems[selectedItem.value] = selectedItem;
-        }
-        this.showText();
-        this.onItemSelected.emit(this.selectedItems);
-    }
-    showText() {
-        let text = '';
-        const items = Object.values(this.selectedItems);
-        items.forEach((item1, index) => {
-            if (index < items.length - 1) {
-                text = item1.title + ' , ' + text;
-            }
-            else {
-                text = text + item1.title;
-            }
-        });
-        this.text = text;
-        this.inputFormControl.setValue(this.text);
-    }
-    changeItemsType(items) {
-        return items.map((item) => {
-            return {
-                title: item[this._titleKey],
-                value: item[this._valueKey],
-            };
-        });
-    }
-    openMenuClick() {
-        this.isOpenMenu = !this.isOpenMenu;
-    }
-    focusOut() {
-        this.isOpenMenu = false;
-        this.inputFormControl.markAsTouched();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMulliteSelectComponent, selector: "core-mulite-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue", label: "label", 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 h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      class=\"text-content\"\r\n      [ngClass]=\"[\r\n        label.length > 0 && !isSelectedItems ? 'placeholder' : 'text-value'\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-mulite-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-mulite-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:var(--default-mullite-select-background-color);color:var(--default-mullite-select-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid var(--default-mullite-select-border-color);border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:var(--default-mullite-select-background-hover-color)}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .text-value{padding-inline:12px;font-size:14px;color:var(--default-mullite-select-value-text-color);-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-mullite-select-placeholder-top-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-mullite-select-placeholder-top-text-color)}.dropdown .select .caret{fill:var(--default-mullite-select-icon-fill-color);-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-mullite-select-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border:1px solid var(--default-mullite-select-selected-border-color)}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-mullite-select-menu-background-color);border:1px solid var(--default-mullite-select-menu-border-color);box-shadow:0 .5em 1em var(--default-mullite-select-menu-box-shadow-color);border-radius:.5em;color:var(--default-mullite-select-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-mullite-select-menu-item-background-hover-color)}.dropdown .menu .active{background:var(--default-mullite-select-menu-item-selected-background-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-mullite-select-validation-error-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-mullite-select-validation-error-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: CoreMulliteSelectRowComponent, selector: "app-core-mulite-select-row", inputs: ["isSelected", "item"], outputs: ["onSelect"] }, { kind: "component", type: ArrowDownIconComponent, selector: "arrow-down-icon" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'core-mulite-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 h-6\"\r\n      [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n    ></arrow-down-icon>\r\n\r\n    <span\r\n      class=\"text-content\"\r\n      [ngClass]=\"[\r\n        label.length > 0 && !isSelectedItems ? 'placeholder' : 'text-value'\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-mulite-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-mulite-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:var(--default-mullite-select-background-color);color:var(--default-mullite-select-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid var(--default-mullite-select-border-color);border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:var(--default-mullite-select-background-hover-color)}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .text-value{padding-inline:12px;font-size:14px;color:var(--default-mullite-select-value-text-color);-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-mullite-select-placeholder-top-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-mullite-select-placeholder-top-text-color)}.dropdown .select .caret{fill:var(--default-mullite-select-icon-fill-color);-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-mullite-select-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border:1px solid var(--default-mullite-select-selected-border-color)}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-mullite-select-menu-background-color);border:1px solid var(--default-mullite-select-menu-border-color);box-shadow:0 .5em 1em var(--default-mullite-select-menu-box-shadow-color);border-radius:.5em;color:var(--default-mullite-select-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-mullite-select-menu-item-background-hover-color)}.dropdown .menu .active{background:var(--default-mullite-select-menu-item-selected-background-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-mullite-select-validation-error-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-mullite-select-validation-error-color)!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
-                type: Input
-            }], valueKey: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], defaultValue: [{
-                type: Input,
-                args: [{ required: true }]
-            }], label: [{
-                type: Input
-            }], onItemSelected: [{
-                type: Output
-            }], inputFormControl: [{
-                type: Input
-            }] } });
-
 class DetailViewerManagerDirective {
     constructor(el, niraModalService, viewContainerRef, componentFactoryResolver) {
         this.el = el;
@@ -2639,6 +2488,170 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class CoreMultiSelectRowComponent {
+    constructor() {
+        this.onSelect = new EventEmitter();
+        this._isSelected = false;
+    }
+    set isSelected(value) {
+        this._isSelected = value;
+    }
+    onItemSelect() {
+        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"] }] }); }
+}
+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"] }]
+        }], propDecorators: { isSelected: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], onSelect: [{
+                type: Output
+            }] } });
+
+class CoreMultiSelectComponent {
+    set titleKey(data) {
+        this._titleKey = data;
+        this.hasTitleKey = true;
+        this.init();
+    }
+    set valueKey(data) {
+        this._valueKey = data;
+        this.hasValueKey = true;
+        this.init();
+    }
+    set items(data) {
+        this._items = data;
+        this.hasItems = true;
+        this.init();
+    }
+    set defaultValue(data) {
+        this._defaultValue = data;
+        this.hasDefaultValue = true;
+        this.init();
+    }
+    get isSelectedItems() {
+        return Object.keys(this.selectedItems).length > 0 ? true : false;
+    }
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.selectedItems = [];
+        this.newItems = [];
+        this.isOpenMenu = false;
+        this._items = [];
+        this._defaultValue = [];
+        this.initCounter = 0;
+        this.hasTitleKey = false;
+        this.hasValueKey = false;
+        this.hasItems = false;
+        this.hasDefaultValue = false;
+        this.text = '';
+        this.label = '';
+        this.singleSelectItems = [];
+        this.onItemSelected = new EventEmitter();
+        this.inputFormControl = new FormControl('', []);
+    }
+    init() {
+        if (this.hasTitleKey &&
+            this.hasValueKey &&
+            this.hasItems &&
+            this.hasDefaultValue) {
+            this.newItems = this.changeItemsType(this._items);
+        }
+    }
+    ngOnInit() {
+        if (this._defaultValue.length == 0)
+            return;
+        this._defaultValue.forEach((item1, index) => {
+            const value = this.newItems.find((item) => item.value === item1);
+            if (value) {
+                this.selectedItems[value.value] = value;
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.showText();
+        this.cdr.detectChanges();
+    }
+    onItemSelect(selectedItem, isFromUi) {
+        if (this.selectedItems[selectedItem.value]) {
+            delete this.selectedItems[selectedItem.value];
+        }
+        else {
+            let flag = false;
+            Object.keys(this.selectedItems).forEach((item) => {
+                if (this.singleSelectItems.find((data) => data == item)) {
+                    flag = true;
+                    return;
+                }
+            });
+            if (Object.keys(this.selectedItems).length > 0 &&
+                this.singleSelectItems.find((data) => data == selectedItem.value)) {
+            }
+            else if (!flag)
+                this.selectedItems[selectedItem.value] = selectedItem;
+        }
+        this.showText();
+        this.onItemSelected.emit(this.selectedItems);
+    }
+    showText() {
+        let text = '';
+        const items = Object.values(this.selectedItems);
+        items.forEach((item1, index) => {
+            if (index < items.length - 1) {
+                text = item1.title + ' , ' + text;
+            }
+            else {
+                text = text + item1.title;
+            }
+        });
+        this.text = text;
+        this.inputFormControl.setValue(this.text);
+    }
+    changeItemsType(items) {
+        return items.map((item) => {
+            return {
+                title: item[this._titleKey],
+                value: item[this._valueKey],
+            };
+        });
+    }
+    openMenuClick() {
+        this.isOpenMenu = !this.isOpenMenu;
+    }
+    focusOut() {
+        this.isOpenMenu = false;
+        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\"\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: CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: ["isSelected", "item"], outputs: ["onSelect"] }, { kind: "component", type: 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\"\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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
+                type: Input
+            }], valueKey: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input,
+                args: [{ required: true }]
+            }], label: [{
+                type: Input
+            }], singleSelectItems: [{
+                type: Input
+            }], onItemSelected: [{
+                type: Output
+            }], inputFormControl: [{
+                type: Input
+            }] } });
+
 class FalconLibModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FalconLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FalconLibModule, declarations: [CoreAutoCompleteComponent,
@@ -2671,8 +2684,6 @@ class FalconLibModule {
             TimePickerModalComponent,
             CoreTextareaComponent,
             CoreTimePickerComponent,
-            CoreMulliteSelectComponent,
-            CoreMulliteSelectRowComponent,
             CoreNumberComponent,
             PersianDigitsPipe,
             FormControlPipe,
@@ -2691,6 +2702,8 @@ class FalconLibModule {
             SortSolidIconComponent,
             SortUpIconComponent,
             PelakIconComponent,
+            CoreMultiSelectComponent,
+            CoreMultiSelectRowComponent,
             TableDetailViewerManagerDirective,
             DetailViewerManagerDirective,
             CoreTableStatusActiveColumnComponent,
@@ -2711,10 +2724,10 @@ class FalconLibModule {
             CoreInputComponent,
             CoreSpinnerComponent,
             CoreSwitchComponent,
+            CoreMultiSelectComponent,
             CoreTableComponent,
             CoreBtnComponent,
             CoreTimePickerComponent,
-            CoreMulliteSelectComponent,
             CoreNumberComponent,
             CoreConfirmDialogComponent,
             PersianDigitsPipe,
@@ -2765,8 +2778,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TimePickerModalComponent,
                         CoreTextareaComponent,
                         CoreTimePickerComponent,
-                        CoreMulliteSelectComponent,
-                        CoreMulliteSelectRowComponent,
                         CoreNumberComponent,
                         PersianDigitsPipe,
                         FormControlPipe,
@@ -2785,6 +2796,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         SortSolidIconComponent,
                         SortUpIconComponent,
                         PelakIconComponent,
+                        CoreMultiSelectComponent,
+                        CoreMultiSelectRowComponent,
                         TableDetailViewerManagerDirective,
                         DetailViewerManagerDirective,
                         CoreTableStatusActiveColumnComponent,
@@ -2811,10 +2824,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CoreInputComponent,
                         CoreSpinnerComponent,
                         CoreSwitchComponent,
+                        CoreMultiSelectComponent,
                         CoreTableComponent,
                         CoreBtnComponent,
                         CoreTimePickerComponent,
-                        CoreMulliteSelectComponent,
                         CoreNumberComponent,
                         CoreConfirmDialogComponent,
                         PersianDigitsPipe,
@@ -2846,5 +2859,5 @@ var DetailViewers;
  * Generated bundle index. Do not edit.
  */
 
-export { CoreAutoCompleteComponent, CoreBtnComponent, CoreCardComponent, CoreCheckboxComponent, CoreConfirmDialogComponent, CoreDatePickerComponent, CoreInputComponent, CoreMulliteSelectComponent, CoreNumberComponent, CorePageTitleComponent, CoreRadioButtonsComponent, CoreSearchBoxComponent, CoreSelectComponent, CoreSpinnerComponent, CoreSwitchComponent, CoreTableComponent, CoreTimePickerComponent, DetailViewers, DigitGroupPipe, FalconLibModule, FormControlPipe, PersianDigitsPipe, PriceFormatPipe, ShamsiDatePipe, TimeFormatPipe, WeightPipe };
+export { CoreAutoCompleteComponent, CoreBtnComponent, CoreCardComponent, CoreCheckboxComponent, CoreConfirmDialogComponent, CoreDatePickerComponent, CoreInputComponent, CoreMultiSelectComponent, CoreNumberComponent, CorePageTitleComponent, CoreRadioButtonsComponent, CoreSearchBoxComponent, CoreSelectComponent, CoreSpinnerComponent, CoreSwitchComponent, CoreTableComponent, CoreTimePickerComponent, DetailViewers, DigitGroupPipe, FalconLibModule, FormControlPipe, PersianDigitsPipe, PriceFormatPipe, ShamsiDatePipe, TimeFormatPipe, WeightPipe };
 //# sourceMappingURL=nira-falcon.mjs.map