@yoozsoft/yoozsoft-ng 5.3.5 → 7.1.1

package/fesm2022/yoozsoft-yoozsoft-ng-dropdown.mjs

@@ -1,45 +1,101 @@
-import { NgTemplateOutlet } from '@angular/common';
+import { isPlatformBrowser, NgTemplateOutlet, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, ElementRef, forwardRef, HostListener, Output, Input, Component } from '@angular/core';
+import { inject, ElementRef, PLATFORM_ID, input, output, signal, computed, effect, forwardRef, HostListener, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 
-class YsDropdownComponent {
-    /** لیست گزینه‌ها */
-    _options = [];
-    set options(value) { this._options = this.normalizeOptions(value); }
-    get options() { return this._options; }
-    optionLabel = 'label';
-    placeholder = '';
-    searchPlaceholder = '';
-    selectedMaxLength = 3;
-    selectedMaxLengthTemplate = '{length} items selected';
-    selectionSeparator = ", ";
-    /** انتخاب چندگانه یا تکی */
-    multiple = false;
-    showClear = false;
-    /** تمپلیت سفارشی برای آیتم‌ها */
-    itemTemplate;
-    /** مقدار انتخاب‌شده */
-    selected = this.multiple ? [] : null;
-    /** قابلیت جستجو */
-    searchable = false;
-    disabled = false;
-    /** رویداد خروجی هنگام تغییر انتخاب */
-    selectionChange = new EventEmitter();
-    searchTerm = '';
-    isOpen = false;
-    highlightedIndex = -1;
+class YsDropdown {
     elRef = inject(ElementRef);
-    _onChange = () => { };
-    _onTouched = () => { };
-    writeValue(obj) {
-        if (this.multiple) {
-            this.selected = obj ? [...obj] : [];
+    platformId = inject(PLATFORM_ID);
+    /** List of options */
+    options = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    /** Field of object that display as label */
+    optionLabel = input('label', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "optionLabel" }] : /* istanbul ignore next */ []));
+    placeholder = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    searchPlaceholder = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
+    selectedMaxLength = input(3, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedMaxLength" }] : /* istanbul ignore next */ []));
+    selectedMaxLengthTemplate = input('{length} items selected', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedMaxLengthTemplate" }] : /* istanbul ignore next */ []));
+    selectionSeparator = input(', ', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionSeparator" }] : /* istanbul ignore next */ []));
+    dropDownToggleIconClass = input('fa fa-chevron-down', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dropDownToggleIconClass" }] : /* istanbul ignore next */ []));
+    clearIconClass = input('fa fa-times', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "clearIconClass" }] : /* istanbul ignore next */ []));
+    multipleCheckIconClass = input('fa fa-check', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "multipleCheckIconClass" }] : /* istanbul ignore next */ []));
+    /** Multiple choice mode */
+    multiple = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+    showClear = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showClear" }] : /* istanbul ignore next */ []));
+    /** Search capability */
+    searchable = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchable" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Custom template for items */
+    itemTemplate = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
+    /** Output event when selection changes */
+    selectionChange = output();
+    searchTerm = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchTerm" }] : /* istanbul ignore next */ []));
+    isOpen = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    highlightedIndex = signal(-1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "highlightedIndex" }] : /* istanbul ignore next */ []));
+    /** Selected value */
+    selected = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    disabledState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.disabledState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    filteredOptions = computed(() => {
+        if (!this.searchable() || !this.searchTerm().trim()) {
+            return this.normalizedOptions();
         }
-        else {
-            this.selected = obj;
+        const term = this.searchTerm().toLowerCase();
+        return this.normalizedOptions().filter((opt) => opt.label.toLowerCase().includes(term));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filteredOptions" }] : /* istanbul ignore next */ []));
+    normalizedOptions = computed(() => this.normalizeOptions(this.options()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "normalizedOptions" }] : /* istanbul ignore next */ []));
+    hasSelection = computed(() => this.multiple()
+        ? Array.isArray(this.selected()) && this.selected().length > 0
+        : !!this.selected(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []));
+    selectedLabels = computed(() => {
+        if (this.multiple()) {
+            if (!Array.isArray(this.selected()))
+                return '';
+            // لیست object های انتخابی را پیدا می‌کنیم
+            const selectedItems = this.normalizedOptions().filter((o) => this.selected().includes(o.value));
+            const count = selectedItems.length;
+            // اگر بیشتر از حد مجاز باشد → متن سفارشی
+            if (count > this.selectedMaxLength()) {
+                return this.selectedMaxLengthTemplate().replace('{length}', count + '');
+            }
+            // در غیر این‌صورت لیبل‌ها را نمایش بده
+            return selectedItems.map((o) => o.label).join(this.selectionSeparator());
         }
+        const item = this.normalizedOptions().find((o) => o.value === this.selected());
+        return item?.label ?? '';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedLabels" }] : /* istanbul ignore next */ []));
+    _onChange = (_) => { };
+    _onTouched = () => { };
+    constructor() {
+        effect(() => this.selected.set(this.multiple() ? [] : null));
+    }
+    writeValue(obj) {
+        this.selected.set(this.multiple() ? (Array.isArray(obj) ? obj : []) : obj);
     }
     registerOnChange(fn) {
         this._onChange = fn;
@@ -48,201 +104,155 @@ class YsDropdownComponent {
         this._onTouched = fn;
     }
     setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
+        this.disabledState.set(isDisabled);
     }
     normalizeOptions(list) {
         if (!Array.isArray(list))
             return [];
-        return list.map(item => {
+        return list.map((item) => {
             // 1. اگر primitive بود
             if (['string', 'number', 'boolean'].includes(typeof item)) {
                 return {
                     raw: item,
                     label: String(item),
-                    value: item
+                    value: item,
+                    disabled: false,
                 };
             }
             // 2. اگر OptionItem<T> بود
-            if ('value' in item) {
+            if (item && typeof item === 'object' && 'value' in item) {
                 return {
                     raw: item,
                     label: item.label ?? String(item.value),
                     value: item.value,
-                    ...item
+                    disabled: item.disabled,
+                    ...item,
                 };
             }
             // 3. object معمولی
             return {
                 raw: item,
-                label: item[this.optionLabel] ?? JSON.stringify(item),
-                value: item
+                label: item[this.optionLabel()] ?? JSON.stringify(item),
+                value: item,
+                disabled: false,
             };
         });
     }
-    get selectedLabels() {
-        if (this.multiple) {
-            if (!Array.isArray(this.selected))
-                return '';
-            // لیست object های انتخابی را پیدا می‌کنیم
-            const selectedItems = this.options.filter(o => this.selected.includes(o.value));
-            const count = selectedItems.length;
-            // اگر بیشتر از حد مجاز باشد → متن سفارشی
-            if (count > this.selectedMaxLength) {
-                return this.selectedMaxLengthTemplate.replace('{length}', count + '');
-            }
-            // در غیر این‌صورت لیبل‌ها را نمایش بده
-            return selectedItems.map(o => o.label).join(this.selectionSeparator);
-        }
-        const item = this.options.find(o => o.value === this.selected);
-        return item?.label ?? '';
-    }
     toggleDropdown() {
-        this.isOpen = !this.isOpen;
-        if (this.isOpen) {
-            this.highlightedIndex = -1;
-        }
-    }
-    filterOptions() {
-        let list = this.options;
-        if (this.searchable && this.searchTerm.trim()) {
-            const term = this.searchTerm.toLowerCase();
-            list = this.options.filter(opt => opt[this.optionLabel].toLowerCase().includes(term));
-        }
-        // هر بار جستجو انجام شد index ریست بشه
-        this.highlightedIndex = Math.min(this.highlightedIndex, list.length - 1);
-        return list;
+        this.isOpen.update((v) => !v);
+        this.highlightedIndex.set(-1);
     }
     selectOption(option) {
         if (option.disabled)
             return;
-        const returnedValue = option.value; // مقدار نهایی برای فرم
-        if (this.multiple) {
-            const exists = this.selected?.some((x) => x === returnedValue);
-            this.selected = exists
-                ? this.selected.filter((x) => x !== returnedValue)
-                : [...(this.selected || []), returnedValue];
+        const value = option.value;
+        if (this.multiple()) {
+            this.selected.update((list) => list?.includes(value) ? list.filter((x) => x !== value) : [...(list || []), value]);
         }
         else {
-            this.selected = returnedValue;
-            this.isOpen = false;
+            this.selected.set(value);
+            this.isOpen.set(false);
         }
-        this._onChange(this.selected);
-        this.selectionChange.emit(this.selected);
+        this._onChange(this.selected());
+        this.selectionChange.emit(this.selected());
+        this._onTouched();
     }
     isSelected(option) {
-        if (this.multiple) {
-            return Array.isArray(this.selected)
-                ? this.selected.includes(option.value)
-                : false;
+        if (this.multiple()) {
+            return Array.isArray(this.selected()) ? this.selected().includes(option.value) : false;
         }
-        return this.selected === option.value;
+        return this.selected() === option.value;
     }
     clearSelection() {
-        this.selected = this.multiple ? [] : null;
-        this._onChange(this.selected);
+        this.selected.set(this.multiple() ? [] : null);
+        this._onChange(this.selected());
+        this.selectionChange.emit(this.selected());
         this._onTouched();
-        this.selectionChange.emit(this.selected);
     }
     onKeyDown(event) {
-        const filtered = this.filterOptions();
-        if (!filtered.length)
+        const list = this.filteredOptions();
+        if (!list.length)
             return;
         switch (event.key) {
             case 'ArrowDown':
                 event.preventDefault();
-                this.highlightedIndex = (this.highlightedIndex + 1) % filtered.length;
+                this.highlightedIndex.update((i) => (i + 1) % list.length);
                 this.scrollToHighlighted();
                 break;
             case 'ArrowUp':
                 event.preventDefault();
-                this.highlightedIndex = this.highlightedIndex > 0 ? this.highlightedIndex - 1 : filtered.length - 1;
+                this.highlightedIndex.update((i) => (i > 0 ? i - 1 : list.length - 1));
                 this.scrollToHighlighted();
                 break;
             case 'Enter':
                 event.preventDefault();
-                if (this.highlightedIndex >= 0 && this.highlightedIndex < filtered.length) {
-                    this.selectOption(filtered[this.highlightedIndex]);
+                if (!this.isOpen()) {
+                    this.isOpen.set(true);
+                    return;
                 }
+                const idx = this.highlightedIndex();
+                if (idx >= 0)
+                    this.selectOption(list[idx]);
+                break;
+            case 'Tab':
+                this.isOpen.set(false);
                 break;
             case 'Escape':
-                this.isOpen = false;
+                this.isOpen.set(false);
                 break;
         }
     }
     scrollToHighlighted() {
-        // تأخیر جزئی برای اطمینان از رندر کامل
-        setTimeout(() => {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        queueMicrotask(() => {
             const dropdown = this.elRef.nativeElement.querySelector('.dropdown-menu');
             const items = dropdown?.querySelectorAll('.dropdown-item');
-            const activeItem = items?.[this.highlightedIndex];
-            if (activeItem && dropdown) {
-                const itemTop = activeItem.offsetTop;
-                const itemBottom = itemTop + activeItem.offsetHeight;
-                const dropdownScrollTop = dropdown.scrollTop;
-                const dropdownHeight = dropdown.clientHeight;
-                if (itemBottom > dropdownScrollTop + dropdownHeight) {
-                    dropdown.scrollTop = itemBottom - dropdownHeight;
-                }
-                else if (itemTop < dropdownScrollTop) {
-                    dropdown.scrollTop = itemTop;
-                }
+            const activeItem = items?.[this.highlightedIndex()];
+            if (!activeItem || !dropdown)
+                return;
+            const itemTop = activeItem.offsetTop;
+            const itemBottom = itemTop + activeItem.offsetHeight;
+            const dropdownScrollTop = dropdown.scrollTop;
+            const dropdownHeight = dropdown.clientHeight;
+            if (itemBottom > dropdownScrollTop + dropdownHeight) {
+                dropdown.scrollTop = itemBottom - dropdownHeight;
+            }
+            else if (itemTop < dropdownScrollTop) {
+                dropdown.scrollTop = itemTop;
             }
         });
     }
     /** Close by clicking outside */
     onClickOutside(event) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        if (!this.isOpen())
+            return;
         const clickedInside = this.elRef.nativeElement.contains(event.target);
         if (!clickedInside) {
-            this.isOpen = false;
+            this.isOpen.set(false);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsDropdownComponent, isStandalone: true, selector: "ys-dropdown", inputs: { options: "options", optionLabel: "optionLabel", placeholder: "placeholder", searchPlaceholder: "searchPlaceholder", selectedMaxLength: "selectedMaxLength", selectedMaxLengthTemplate: "selectedMaxLengthTemplate", selectionSeparator: "selectionSeparator", multiple: "multiple", showClear: "showClear", itemTemplate: "itemTemplate", selected: "selected", searchable: "searchable", disabled: "disabled" }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: YsDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: YsDropdown, isStandalone: true, selector: "ys-dropdown", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, selectedMaxLength: { classPropertyName: "selectedMaxLength", publicName: "selectedMaxLength", isSignal: true, isRequired: false, transformFunction: null }, selectedMaxLengthTemplate: { classPropertyName: "selectedMaxLengthTemplate", publicName: "selectedMaxLengthTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectionSeparator: { classPropertyName: "selectionSeparator", publicName: "selectionSeparator", isSignal: true, isRequired: false, transformFunction: null }, dropDownToggleIconClass: { classPropertyName: "dropDownToggleIconClass", publicName: "dropDownToggleIconClass", isSignal: true, isRequired: false, transformFunction: null }, clearIconClass: { classPropertyName: "clearIconClass", publicName: "clearIconClass", isSignal: true, isRequired: false, transformFunction: null }, multipleCheckIconClass: { classPropertyName: "multipleCheckIconClass", publicName: "multipleCheckIconClass", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => YsDropdownComponent),
+                useExisting: forwardRef(() => YsDropdown),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"dropdown ys-dropdown\">\r\n    <div class=\"input-group w-100\">\r\n        <input #inputRef type=\"text\" class=\"form-control\" [value]=\"selectedLabels\" [placeholder]=\"placeholder\" readonly\r\n            (focus)=\"isOpen = true\" (keydown)=\"onKeyDown($event)\" [disabled]=\"disabled\" />\r\n\r\n        @if(showClear && (multiple ? selected?.length > 0 : selected)){\r\n        <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"clearSelection()\" [disabled]=\"disabled\">\r\n            <i class=\"fa fa-times\"></i>\r\n        </button>\r\n        }\r\n\r\n        <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\" (click)=\"toggleDropdown()\"\r\n            [disabled]=\"disabled\">\r\n            <i class=\"fa fa-chevron-down\"></i>\r\n        </button>\r\n    </div>\r\n    <div class=\"dropdown-menu w-100 overflow-auto\" [class.show]=\"isOpen\">\r\n\r\n        @if(searchable){\r\n        <div class=\"px-2\">\r\n            <input type=\"text\" class=\"form-control mb-2\" [placeholder]=\"searchPlaceholder\" [(ngModel)]=\"searchTerm\"\r\n                (keydown)=\"onKeyDown($event)\">\r\n        </div>\r\n        }\r\n\r\n        @for (option of filterOptions(); track $index) {\r\n        <div class=\"dropdown-item\" (click)=\"selectOption(option)\" [class.active]=\"isSelected(option)\"\r\n            [class.highlighted]=\"$index === highlightedIndex\">\r\n            @if(itemTemplate){\r\n            <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ option: option }\">\r\n            </ng-container>\r\n            }\r\n            @else {\r\n            @if(multiple){\r\n            <i class=\"fa fa-check text-success me-1\" [class.invisible]=\"!isSelected(option)\"></i>\r\n            }\r\n            <!-- <span>{{option[optionLabel]}}</span> -->\r\n            <span>{{option.label}}</span>\r\n            }\r\n        </div>\r\n        }\r\n    </div>\r\n</div>", styles: [".ys-dropdown .dropdown-toggle:after{display:none}.ys-dropdown .dropdown-menu{max-height:200px}.ys-dropdown .dropdown-item.highlighted{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+        ], ngImport: i0, template: "<div class=\"dropdown ys-dropdown\">\n    <div class=\"input-group w-100\">\n        <input #inputRef type=\"text\" class=\"form-control\" [value]=\"selectedLabels()\" [placeholder]=\"placeholder()\"\n            readonly (click)=\"isOpen.set(true)\" (keydown)=\"onKeyDown($event)\" [disabled]=\"isDisabled()\" />\n        <!-- (focus)=\"isOpen.set(true)\" replace with (click)=\"isOpen.set(true)\" (keydown.enter)=\"isOpen.set(true)\" -->\n\n        @if(showClear() && hasSelection()){\n        <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"clearSelection()\" [disabled]=\"isDisabled()\">\n            <i [ngClass]=\"clearIconClass()\"></i>\n        </button>\n        }\n\n        <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\" (click)=\"toggleDropdown()\"\n            [disabled]=\"isDisabled()\">\n            <i [ngClass]=\"dropDownToggleIconClass()\"></i>\n        </button>\n    </div>\n    <div class=\"dropdown-menu w-100 overflow-auto\" [class.show]=\"isOpen()\">\n\n        @if(searchable()){\n        <div class=\"px-2\">\n            <input type=\"text\" class=\"form-control mb-2\" [placeholder]=\"searchPlaceholder()\" [ngModel]=\"searchTerm()\"\n                (ngModelChange)=\"searchTerm.set($event)\" (keydown)=\"onKeyDown($event)\">\n        </div>\n        }\n\n        @for (option of filteredOptions(); track option.value) {\n        <div class=\"dropdown-item\" (click)=\"selectOption(option)\" [class.active]=\"isSelected(option)\"\n            [class.highlighted]=\"$index === highlightedIndex()\">\n\n            @if(itemTemplate()){\n            <ng-container [ngTemplateOutlet]=\"itemTemplate()\" [ngTemplateOutletContext]=\"{ option: option }\">\n            </ng-container>\n            } @else {\n            @if(multiple()){\n            <i class=\"{{multipleCheckIconClass()}} text-success me-1\" [class.invisible]=\"!isSelected(option)\"></i>\n            }\n            <!-- <span>{{option[optionLabel]}}</span> -->\n            <span>{{option.label}}</span>\n            }\n        </div>\n        }\n    </div>\n</div>", styles: [".ys-dropdown .dropdown-toggle:after{display:none}.ys-dropdown .dropdown-menu{max-height:200px}.ys-dropdown .dropdown-item.highlighted{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: YsDropdown, decorators: [{
             type: Component,
-            args: [{ selector: 'ys-dropdown', imports: [NgTemplateOutlet, FormsModule], providers: [
+            args: [{ selector: 'ys-dropdown', imports: [NgTemplateOutlet, FormsModule, NgClass], changeDetection: ChangeDetectionStrategy.Eager, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => YsDropdownComponent),
+                            useExisting: forwardRef(() => YsDropdown),
                             multi: true,
                         },
-                    ], template: "<div class=\"dropdown ys-dropdown\">\r\n    <div class=\"input-group w-100\">\r\n        <input #inputRef type=\"text\" class=\"form-control\" [value]=\"selectedLabels\" [placeholder]=\"placeholder\" readonly\r\n            (focus)=\"isOpen = true\" (keydown)=\"onKeyDown($event)\" [disabled]=\"disabled\" />\r\n\r\n        @if(showClear && (multiple ? selected?.length > 0 : selected)){\r\n        <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"clearSelection()\" [disabled]=\"disabled\">\r\n            <i class=\"fa fa-times\"></i>\r\n        </button>\r\n        }\r\n\r\n        <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\" (click)=\"toggleDropdown()\"\r\n            [disabled]=\"disabled\">\r\n            <i class=\"fa fa-chevron-down\"></i>\r\n        </button>\r\n    </div>\r\n    <div class=\"dropdown-menu w-100 overflow-auto\" [class.show]=\"isOpen\">\r\n\r\n        @if(searchable){\r\n        <div class=\"px-2\">\r\n            <input type=\"text\" class=\"form-control mb-2\" [placeholder]=\"searchPlaceholder\" [(ngModel)]=\"searchTerm\"\r\n                (keydown)=\"onKeyDown($event)\">\r\n        </div>\r\n        }\r\n\r\n        @for (option of filterOptions(); track $index) {\r\n        <div class=\"dropdown-item\" (click)=\"selectOption(option)\" [class.active]=\"isSelected(option)\"\r\n            [class.highlighted]=\"$index === highlightedIndex\">\r\n            @if(itemTemplate){\r\n            <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ option: option }\">\r\n            </ng-container>\r\n            }\r\n            @else {\r\n            @if(multiple){\r\n            <i class=\"fa fa-check text-success me-1\" [class.invisible]=\"!isSelected(option)\"></i>\r\n            }\r\n            <!-- <span>{{option[optionLabel]}}</span> -->\r\n            <span>{{option.label}}</span>\r\n            }\r\n        </div>\r\n        }\r\n    </div>\r\n</div>", styles: [".ys-dropdown .dropdown-toggle:after{display:none}.ys-dropdown .dropdown-menu{max-height:200px}.ys-dropdown .dropdown-item.highlighted{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}\n"] }]
-        }], propDecorators: { options: [{
-                type: Input
-            }], optionLabel: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], searchPlaceholder: [{
-                type: Input
-            }], selectedMaxLength: [{
-                type: Input
-            }], selectedMaxLengthTemplate: [{
-                type: Input
-            }], selectionSeparator: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], showClear: [{
-                type: Input
-            }], itemTemplate: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], searchable: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], selectionChange: [{
-                type: Output
-            }], onClickOutside: [{
+                    ], template: "<div class=\"dropdown ys-dropdown\">\n    <div class=\"input-group w-100\">\n        <input #inputRef type=\"text\" class=\"form-control\" [value]=\"selectedLabels()\" [placeholder]=\"placeholder()\"\n            readonly (click)=\"isOpen.set(true)\" (keydown)=\"onKeyDown($event)\" [disabled]=\"isDisabled()\" />\n        <!-- (focus)=\"isOpen.set(true)\" replace with (click)=\"isOpen.set(true)\" (keydown.enter)=\"isOpen.set(true)\" -->\n\n        @if(showClear() && hasSelection()){\n        <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"clearSelection()\" [disabled]=\"isDisabled()\">\n            <i [ngClass]=\"clearIconClass()\"></i>\n        </button>\n        }\n\n        <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\" (click)=\"toggleDropdown()\"\n            [disabled]=\"isDisabled()\">\n            <i [ngClass]=\"dropDownToggleIconClass()\"></i>\n        </button>\n    </div>\n    <div class=\"dropdown-menu w-100 overflow-auto\" [class.show]=\"isOpen()\">\n\n        @if(searchable()){\n        <div class=\"px-2\">\n            <input type=\"text\" class=\"form-control mb-2\" [placeholder]=\"searchPlaceholder()\" [ngModel]=\"searchTerm()\"\n                (ngModelChange)=\"searchTerm.set($event)\" (keydown)=\"onKeyDown($event)\">\n        </div>\n        }\n\n        @for (option of filteredOptions(); track option.value) {\n        <div class=\"dropdown-item\" (click)=\"selectOption(option)\" [class.active]=\"isSelected(option)\"\n            [class.highlighted]=\"$index === highlightedIndex()\">\n\n            @if(itemTemplate()){\n            <ng-container [ngTemplateOutlet]=\"itemTemplate()\" [ngTemplateOutletContext]=\"{ option: option }\">\n            </ng-container>\n            } @else {\n            @if(multiple()){\n            <i class=\"{{multipleCheckIconClass()}} text-success me-1\" [class.invisible]=\"!isSelected(option)\"></i>\n            }\n            <!-- <span>{{option[optionLabel]}}</span> -->\n            <span>{{option.label}}</span>\n            }\n        </div>\n        }\n    </div>\n</div>", styles: [".ys-dropdown .dropdown-toggle:after{display:none}.ys-dropdown .dropdown-menu{max-height:200px}.ys-dropdown .dropdown-item.highlighted{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], selectedMaxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedMaxLength", required: false }] }], selectedMaxLengthTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedMaxLengthTemplate", required: false }] }], selectionSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionSeparator", required: false }] }], dropDownToggleIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownToggleIconClass", required: false }] }], clearIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearIconClass", required: false }] }], multipleCheckIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "multipleCheckIconClass", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], onClickOutside: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
             }] } });
@@ -255,5 +265,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { YsDropdownComponent };
+export { YsDropdown };
 //# sourceMappingURL=yoozsoft-yoozsoft-ng-dropdown.mjs.map

package/fesm2022/yoozsoft-yoozsoft-ng-dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yoozsoft-yoozsoft-ng-dropdown.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/dropdown/src/ys-dropdown/ys-dropdown.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/dropdown/src/ys-dropdown/ys-dropdown.component.html","../../../../projects/yoozsoft/yoozsoft-ng/dropdown/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/dropdown/yoozsoft-yoozsoft-ng-dropdown.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, ElementRef, EventEmitter, forwardRef, HostListener, inject, Input, Output, TemplateRef } from '@angular/core';\r\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\ninterface ItemTemplate {\r\n  raw: any;\r\n  label: string;\r\n  value: any;\r\n}\r\n\r\n@Component({\r\n  selector: 'ys-dropdown',\r\n  imports: [NgTemplateOutlet, FormsModule],\r\n  templateUrl: './ys-dropdown.component.html',\r\n  styleUrl: './ys-dropdown.component.scss',\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => YsDropdownComponent),\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class YsDropdownComponent implements ControlValueAccessor {\r\n\r\n  /** لیست گزینه‌ها */\r\n  private _options: any[] = [];\r\n  @Input()\r\n  set options(value: any[]) { this._options = this.normalizeOptions(value); }\r\n  get options() { return this._options; }\r\n\r\n  @Input() optionLabel: string = 'label';\r\n  @Input() placeholder: string = '';\r\n  @Input() searchPlaceholder: string = '';\r\n  @Input() selectedMaxLength: number = 3;\r\n  @Input() selectedMaxLengthTemplate: string = '{length} items selected';\r\n  @Input() selectionSeparator: string = \", \";\r\n\r\n  /** انتخاب چندگانه یا تکی */\r\n  @Input() multiple: boolean = false;\r\n\r\n  @Input() showClear: boolean = false;\r\n\r\n  /** تمپلیت سفارشی برای آیتم‌ها */\r\n  @Input() itemTemplate?: TemplateRef<any>;\r\n\r\n  /** مقدار انتخاب‌شده */\r\n  @Input() selected: any[] | any = this.multiple ? [] : null;\r\n\r\n  /** قابلیت جستجو */\r\n  @Input() searchable: boolean = false;\r\n\r\n  @Input() disabled: boolean = false;\r\n\r\n  /** رویداد خروجی هنگام تغییر انتخاب */\r\n  @Output() selectionChange = new EventEmitter<any>();\r\n\r\n  searchTerm = '';\r\n  isOpen = false;\r\n  highlightedIndex: number = -1;\r\n\r\n  private elRef = inject(ElementRef)\r\n\r\n  private _onChange: (value: any) => void = () => { };\r\n  private _onTouched: () => void = () => { };\r\n\r\n  writeValue(obj: any): void {\r\n    if (this.multiple) {\r\n      this.selected = obj ? [...obj] : [];\r\n    } else {\r\n      this.selected = obj;\r\n    }\r\n  }\r\n  registerOnChange(fn: any): void {\r\n    this._onChange = fn;\r\n  }\r\n  registerOnTouched(fn: any): void {\r\n    this._onTouched = fn;\r\n  }\r\n  setDisabledState?(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  private normalizeOptions(list: any[]): any[] {\r\n    if (!Array.isArray(list)) return [];\r\n\r\n    return list.map(item => {\r\n\r\n      // 1. اگر primitive بود\r\n      if (['string', 'number', 'boolean'].includes(typeof item)) {\r\n        return <ItemTemplate>{\r\n          raw: item,\r\n          label: String(item),\r\n          value: item\r\n        };\r\n      }\r\n\r\n      // 2. اگر OptionItem<T> بود\r\n      if ('value' in item) {\r\n        return <ItemTemplate>{\r\n          raw: item,\r\n          label: item.label ?? String(item.value),\r\n          value: item.value,\r\n          ...item\r\n        };\r\n      }\r\n\r\n      // 3. object معمولی\r\n      return <ItemTemplate>{\r\n        raw: item,\r\n        label: item[this.optionLabel] ?? JSON.stringify(item),\r\n        value: item\r\n      };\r\n    });\r\n  }\r\n\r\n  get selectedLabels(): string {\r\n    if (this.multiple) {\r\n      if (!Array.isArray(this.selected)) return '';\r\n\r\n      // لیست object های انتخابی را پیدا می‌کنیم\r\n      const selectedItems = this.options.filter(o =>\r\n        this.selected.includes(o.value)\r\n      );\r\n\r\n      const count = selectedItems.length;\r\n\r\n      // اگر بیشتر از حد مجاز باشد → متن سفارشی\r\n      if (count > this.selectedMaxLength) {\r\n        return this.selectedMaxLengthTemplate.replace('{length}', count + '');\r\n      }\r\n\r\n      // در غیر این‌صورت لیبل‌ها را نمایش بده\r\n      return selectedItems.map(o => o.label).join(this.selectionSeparator);\r\n    }\r\n\r\n    const item = this.options.find(o => o.value === this.selected);\r\n    return item?.label ?? '';\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.isOpen = !this.isOpen;\r\n    if (this.isOpen) {\r\n      this.highlightedIndex = -1;\r\n    }\r\n  }\r\n\r\n  filterOptions(): any[] {\r\n    let list = this.options;\r\n    if (this.searchable && this.searchTerm.trim()) {\r\n      const term = this.searchTerm.toLowerCase();\r\n      list = this.options.filter(opt =>\r\n        opt[this.optionLabel].toLowerCase().includes(term)\r\n      );\r\n    }\r\n    // هر بار جستجو انجام شد index ریست بشه\r\n    this.highlightedIndex = Math.min(this.highlightedIndex, list.length - 1);\r\n    return list;\r\n  }\r\n\r\n  selectOption(option: any) {\r\n    if (option.disabled) return;\r\n\r\n    const returnedValue = option.value;  // مقدار نهایی برای فرم\r\n\r\n    if (this.multiple) {\r\n      const exists = this.selected?.some((x: any) => x === returnedValue);\r\n      this.selected = exists\r\n        ? this.selected.filter((x: any) => x !== returnedValue)\r\n        : [...(this.selected || []), returnedValue];\r\n    } else {\r\n      this.selected = returnedValue;\r\n      this.isOpen = false;\r\n    }\r\n\r\n    this._onChange(this.selected);\r\n    this.selectionChange.emit(this.selected);\r\n  }\r\n\r\n  isSelected(option: any): boolean {\r\n    if (this.multiple) {\r\n      return Array.isArray(this.selected)\r\n        ? this.selected.includes(option.value)\r\n        : false;\r\n    }\r\n\r\n    return this.selected === option.value;\r\n  }\r\n\r\n  clearSelection() {\r\n    this.selected = this.multiple ? [] : null;\r\n    this._onChange(this.selected);\r\n    this._onTouched();\r\n    this.selectionChange.emit(this.selected);\r\n  }\r\n\r\n  onKeyDown(event: KeyboardEvent) {\r\n    const filtered = this.filterOptions();\r\n    if (!filtered.length) return;\r\n\r\n    switch (event.key) {\r\n      case 'ArrowDown':\r\n        event.preventDefault();\r\n        this.highlightedIndex = (this.highlightedIndex + 1) % filtered.length;\r\n        this.scrollToHighlighted();\r\n        break;\r\n      case 'ArrowUp':\r\n        event.preventDefault();\r\n        this.highlightedIndex = this.highlightedIndex > 0 ? this.highlightedIndex - 1 : filtered.length - 1;\r\n        this.scrollToHighlighted();\r\n        break;\r\n      case 'Enter':\r\n        event.preventDefault();\r\n        if (this.highlightedIndex >= 0 && this.highlightedIndex < filtered.length) {\r\n          this.selectOption(filtered[this.highlightedIndex]);\r\n        }\r\n        break;\r\n      case 'Escape':\r\n        this.isOpen = false;\r\n        break;\r\n    }\r\n  }\r\n\r\n  scrollToHighlighted() {\r\n    // تأخیر جزئی برای اطمینان از رندر کامل\r\n    setTimeout(() => {\r\n      const dropdown = this.elRef.nativeElement.querySelector('.dropdown-menu');\r\n      const items = dropdown?.querySelectorAll('.dropdown-item');\r\n      const activeItem = items?.[this.highlightedIndex] as HTMLElement;\r\n      if (activeItem && dropdown) {\r\n        const itemTop = activeItem.offsetTop;\r\n        const itemBottom = itemTop + activeItem.offsetHeight;\r\n        const dropdownScrollTop = dropdown.scrollTop;\r\n        const dropdownHeight = dropdown.clientHeight;\r\n\r\n        if (itemBottom > dropdownScrollTop + dropdownHeight) {\r\n          dropdown.scrollTop = itemBottom - dropdownHeight;\r\n        } else if (itemTop < dropdownScrollTop) {\r\n          dropdown.scrollTop = itemTop;\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  /** Close by clicking outside */\r\n  @HostListener('document:click', ['$event'])\r\n  onClickOutside(event: MouseEvent) {\r\n    const clickedInside = this.elRef.nativeElement.contains(event.target);\r\n    if (!clickedInside) {\r\n      this.isOpen = false;\r\n    }\r\n  }\r\n\r\n}\r\n","<div class=\"dropdown ys-dropdown\">\r\n    <div class=\"input-group w-100\">\r\n        <input #inputRef type=\"text\" class=\"form-control\" [value]=\"selectedLabels\" [placeholder]=\"placeholder\" readonly\r\n            (focus)=\"isOpen = true\" (keydown)=\"onKeyDown($event)\" [disabled]=\"disabled\" />\r\n\r\n        @if(showClear && (multiple ? selected?.length > 0 : selected)){\r\n        <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"clearSelection()\" [disabled]=\"disabled\">\r\n            <i class=\"fa fa-times\"></i>\r\n        </button>\r\n        }\r\n\r\n        <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\" (click)=\"toggleDropdown()\"\r\n            [disabled]=\"disabled\">\r\n            <i class=\"fa fa-chevron-down\"></i>\r\n        </button>\r\n    </div>\r\n    <div class=\"dropdown-menu w-100 overflow-auto\" [class.show]=\"isOpen\">\r\n\r\n        @if(searchable){\r\n        <div class=\"px-2\">\r\n            <input type=\"text\" class=\"form-control mb-2\" [placeholder]=\"searchPlaceholder\" [(ngModel)]=\"searchTerm\"\r\n                (keydown)=\"onKeyDown($event)\">\r\n        </div>\r\n        }\r\n\r\n        @for (option of filterOptions(); track $index) {\r\n        <div class=\"dropdown-item\" (click)=\"selectOption(option)\" [class.active]=\"isSelected(option)\"\r\n            [class.highlighted]=\"$index === highlightedIndex\">\r\n            @if(itemTemplate){\r\n            <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ option: option }\">\r\n            </ng-container>\r\n            }\r\n            @else {\r\n            @if(multiple){\r\n            <i class=\"fa fa-check text-success me-1\" [class.invisible]=\"!isSelected(option)\"></i>\r\n            }\r\n            <!-- <span>{{option[optionLabel]}}</span> -->\r\n            <span>{{option.label}}</span>\r\n            }\r\n        </div>\r\n        }\r\n    </div>\r\n</div>","/*\r\n * Public API Surface of ys-dropdown\r\n */\r\n\r\nexport * from './src/models';\r\nexport * from './src/ys-dropdown/ys-dropdown.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yoozsoft-yoozsoft-ng-dropdown.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/dropdown/src/ys-dropdown/ys-dropdown.ts","../../../../projects/yoozsoft/yoozsoft-ng/dropdown/src/ys-dropdown/ys-dropdown.html","../../../../projects/yoozsoft/yoozsoft-ng/dropdown/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/dropdown/yoozsoft-yoozsoft-ng-dropdown.ts"],"sourcesContent":["import { isPlatformBrowser, NgClass, NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  ElementRef,\r\n  forwardRef,\r\n  HostListener,\r\n  inject,\r\n  input,\r\n  output,\r\n  PLATFORM_ID,\r\n  signal,\r\n  TemplateRef,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\ninterface ItemTemplate {\r\n  raw: unknown;\r\n  label: string;\r\n  value: unknown;\r\n  disabled: boolean;\r\n}\r\n\r\n@Component({\r\n  selector: 'ys-dropdown',\r\n  imports: [NgTemplateOutlet, FormsModule, NgClass],\r\n  templateUrl: './ys-dropdown.html',\r\n  styleUrl: './ys-dropdown.scss',\r\n  changeDetection: ChangeDetectionStrategy.Eager,\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => YsDropdown),\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class YsDropdown implements ControlValueAccessor {\r\n  private elRef = inject(ElementRef);\r\n  private platformId = inject(PLATFORM_ID);\r\n\r\n  /** List of options */\r\n  options = input<any[]>([]);\r\n  /** Field of object that display as label */\r\n  optionLabel = input<string>('label');\r\n  placeholder = input<string>('');\r\n  searchPlaceholder = input<string>('');\r\n  selectedMaxLength = input<number>(3);\r\n  selectedMaxLengthTemplate = input<string>('{length} items selected');\r\n  selectionSeparator = input<string>(', ');\r\n  dropDownToggleIconClass = input<string>('fa fa-chevron-down');\r\n  clearIconClass = input<string>('fa fa-times');\r\n  multipleCheckIconClass = input<string>('fa fa-check');\r\n\r\n  /** Multiple choice mode */\r\n  multiple = input<boolean>(false);\r\n  showClear = input<boolean>(false);\r\n\r\n  /** Search capability */\r\n  searchable = input<boolean>(false);\r\n\r\n  disabled = input<boolean>(false);\r\n\r\n  /** Custom template for items */\r\n  itemTemplate = input<TemplateRef<any>>();\r\n\r\n  /** Output event when selection changes */\r\n  selectionChange = output<unknown | unknown[] | null>();\r\n\r\n  searchTerm = signal<string>('');\r\n  isOpen = signal<boolean>(false);\r\n  highlightedIndex = signal<number>(-1);\r\n  /** Selected value */\r\n  selected = signal<any[] | any>(null);\r\n\r\n  private disabledState = signal(false);\r\n  readonly isDisabled = computed(() => this.disabled() || this.disabledState());\r\n\r\n  readonly filteredOptions = computed<ItemTemplate[]>(() => {\r\n    if (!this.searchable() || !this.searchTerm().trim()) {\r\n      return this.normalizedOptions();\r\n    }\r\n\r\n    const term = this.searchTerm().toLowerCase();\r\n\r\n    return this.normalizedOptions().filter((opt) => opt.label.toLowerCase().includes(term));\r\n  });\r\n\r\n  readonly normalizedOptions = computed(() => this.normalizeOptions(this.options()));\r\n\r\n  readonly hasSelection = computed(() =>\r\n    this.multiple()\r\n      ? Array.isArray(this.selected()) && this.selected().length > 0\r\n      : !!this.selected(),\r\n  );\r\n\r\n  readonly selectedLabels = computed(() => {\r\n    if (this.multiple()) {\r\n      if (!Array.isArray(this.selected())) return '';\r\n\r\n      // لیست object های انتخابی را پیدا می‌کنیم\r\n      const selectedItems = this.normalizedOptions().filter((o) =>\r\n        this.selected().includes(o.value),\r\n      );\r\n\r\n      const count = selectedItems.length;\r\n\r\n      // اگر بیشتر از حد مجاز باشد → متن سفارشی\r\n      if (count > this.selectedMaxLength()) {\r\n        return this.selectedMaxLengthTemplate().replace('{length}', count + '');\r\n      }\r\n\r\n      // در غیر این‌صورت لیبل‌ها را نمایش بده\r\n      return selectedItems.map((o) => o.label).join(this.selectionSeparator());\r\n    }\r\n\r\n    const item = this.normalizedOptions().find((o) => o.value === this.selected());\r\n    return item?.label ?? '';\r\n  });\r\n\r\n  private _onChange = (_: unknown) => {};\r\n  private _onTouched: () => void = () => {};\r\n\r\n  constructor() {\r\n    effect(() => this.selected.set(this.multiple() ? [] : null));\r\n  }\r\n\r\n  writeValue(obj: any): void {\r\n    this.selected.set(this.multiple() ? (Array.isArray(obj) ? obj : []) : obj);\r\n  }\r\n  registerOnChange(fn: any): void {\r\n    this._onChange = fn;\r\n  }\r\n  registerOnTouched(fn: any): void {\r\n    this._onTouched = fn;\r\n  }\r\n  setDisabledState?(isDisabled: boolean): void {\r\n    this.disabledState.set(isDisabled);\r\n  }\r\n\r\n  private normalizeOptions(list: any[]): ItemTemplate[] {\r\n    if (!Array.isArray(list)) return [];\r\n\r\n    return list.map((item) => {\r\n      // 1. اگر primitive بود\r\n      if (['string', 'number', 'boolean'].includes(typeof item)) {\r\n        return <ItemTemplate>{\r\n          raw: item,\r\n          label: String(item),\r\n          value: item,\r\n          disabled: false,\r\n        };\r\n      }\r\n\r\n      // 2. اگر OptionItem<T> بود\r\n      if (item && typeof item === 'object' && 'value' in item) {\r\n        return <ItemTemplate>{\r\n          raw: item,\r\n          label: item.label ?? String(item.value),\r\n          value: item.value,\r\n          disabled: item.disabled,\r\n          ...item,\r\n        };\r\n      }\r\n\r\n      // 3. object معمولی\r\n      return <ItemTemplate>{\r\n        raw: item,\r\n        label: item[this.optionLabel()] ?? JSON.stringify(item),\r\n        value: item,\r\n        disabled: false,\r\n      };\r\n    });\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.isOpen.update((v) => !v);\r\n    this.highlightedIndex.set(-1);\r\n  }\r\n\r\n  selectOption(option: ItemTemplate) {\r\n    if (option.disabled) return;\r\n\r\n    const value = option.value;\r\n\r\n    if (this.multiple()) {\r\n      this.selected.update((list: any[]) =>\r\n        list?.includes(value) ? list.filter((x) => x !== value) : [...(list || []), value],\r\n      );\r\n    } else {\r\n      this.selected.set(value);\r\n      this.isOpen.set(false);\r\n    }\r\n\r\n    this._onChange(this.selected());\r\n    this.selectionChange.emit(this.selected());\r\n    this._onTouched();\r\n  }\r\n\r\n  isSelected(option: any): boolean {\r\n    if (this.multiple()) {\r\n      return Array.isArray(this.selected()) ? this.selected().includes(option.value) : false;\r\n    }\r\n\r\n    return this.selected() === option.value;\r\n  }\r\n\r\n  clearSelection() {\r\n    this.selected.set(this.multiple() ? [] : null);\r\n    this._onChange(this.selected());\r\n    this.selectionChange.emit(this.selected());\r\n    this._onTouched();\r\n  }\r\n\r\n  onKeyDown(event: KeyboardEvent) {\r\n    const list = this.filteredOptions();\r\n    if (!list.length) return;\r\n\r\n    switch (event.key) {\r\n      case 'ArrowDown':\r\n        event.preventDefault();\r\n        this.highlightedIndex.update((i) => (i + 1) % list.length);\r\n        this.scrollToHighlighted();\r\n        break;\r\n\r\n      case 'ArrowUp':\r\n        event.preventDefault();\r\n        this.highlightedIndex.update((i) => (i > 0 ? i - 1 : list.length - 1));\r\n        this.scrollToHighlighted();\r\n        break;\r\n\r\n      case 'Enter':\r\n        event.preventDefault();\r\n\r\n        if (!this.isOpen()) {\r\n          this.isOpen.set(true);\r\n          return;\r\n        }\r\n\r\n        const idx = this.highlightedIndex();\r\n        if (idx >= 0) this.selectOption(list[idx]);\r\n        break;\r\n\r\n      case 'Tab':\r\n        this.isOpen.set(false);\r\n        break;\r\n\r\n      case 'Escape':\r\n        this.isOpen.set(false);\r\n        break;\r\n    }\r\n  }\r\n\r\n  scrollToHighlighted() {\r\n    if (!isPlatformBrowser(this.platformId)) return;\r\n\r\n    queueMicrotask(() => {\r\n      const dropdown = this.elRef.nativeElement.querySelector('.dropdown-menu');\r\n      const items = dropdown?.querySelectorAll('.dropdown-item');\r\n      const activeItem = items?.[this.highlightedIndex()] as HTMLElement;\r\n\r\n      if (!activeItem || !dropdown) return;\r\n\r\n      const itemTop = activeItem.offsetTop;\r\n      const itemBottom = itemTop + activeItem.offsetHeight;\r\n      const dropdownScrollTop = dropdown.scrollTop;\r\n      const dropdownHeight = dropdown.clientHeight;\r\n\r\n      if (itemBottom > dropdownScrollTop + dropdownHeight) {\r\n        dropdown.scrollTop = itemBottom - dropdownHeight;\r\n      } else if (itemTop < dropdownScrollTop) {\r\n        dropdown.scrollTop = itemTop;\r\n      }\r\n    });\r\n  }\r\n\r\n  /** Close by clicking outside */\r\n  @HostListener('document:click', ['$event'])\r\n  onClickOutside(event: MouseEvent) {\r\n    if (!isPlatformBrowser(this.platformId)) return;\r\n\r\n    if (!this.isOpen()) return;\r\n\r\n    const clickedInside = this.elRef.nativeElement.contains(event.target);\r\n    if (!clickedInside) {\r\n      this.isOpen.set(false);\r\n    }\r\n  }\r\n}\r\n","<div class=\"dropdown ys-dropdown\">\n    <div class=\"input-group w-100\">\n        <input #inputRef type=\"text\" class=\"form-control\" [value]=\"selectedLabels()\" [placeholder]=\"placeholder()\"\n            readonly (click)=\"isOpen.set(true)\" (keydown)=\"onKeyDown($event)\" [disabled]=\"isDisabled()\" />\n        <!-- (focus)=\"isOpen.set(true)\" replace with (click)=\"isOpen.set(true)\" (keydown.enter)=\"isOpen.set(true)\" -->\n\n        @if(showClear() && hasSelection()){\n        <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"clearSelection()\" [disabled]=\"isDisabled()\">\n            <i [ngClass]=\"clearIconClass()\"></i>\n        </button>\n        }\n\n        <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\" (click)=\"toggleDropdown()\"\n            [disabled]=\"isDisabled()\">\n            <i [ngClass]=\"dropDownToggleIconClass()\"></i>\n        </button>\n    </div>\n    <div class=\"dropdown-menu w-100 overflow-auto\" [class.show]=\"isOpen()\">\n\n        @if(searchable()){\n        <div class=\"px-2\">\n            <input type=\"text\" class=\"form-control mb-2\" [placeholder]=\"searchPlaceholder()\" [ngModel]=\"searchTerm()\"\n                (ngModelChange)=\"searchTerm.set($event)\" (keydown)=\"onKeyDown($event)\">\n        </div>\n        }\n\n        @for (option of filteredOptions(); track option.value) {\n        <div class=\"dropdown-item\" (click)=\"selectOption(option)\" [class.active]=\"isSelected(option)\"\n            [class.highlighted]=\"$index === highlightedIndex()\">\n\n            @if(itemTemplate()){\n            <ng-container [ngTemplateOutlet]=\"itemTemplate()\" [ngTemplateOutletContext]=\"{ option: option }\">\n            </ng-container>\n            } @else {\n            @if(multiple()){\n            <i class=\"{{multipleCheckIconClass()}} text-success me-1\" [class.invisible]=\"!isSelected(option)\"></i>\n            }\n            <!-- <span>{{option[optionLabel]}}</span> -->\n            <span>{{option.label}}</span>\n            }\n        </div>\n        }\n    </div>\n</div>","/*\r\n * Public API Surface of ys-dropdown\r\n */\r\n\r\nexport * from './src/models';\r\nexport * from './src/ys-dropdown/ys-dropdown';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}