@yoozsoft/yoozsoft-ng 5.3.5 → 7.1.1

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

@@ -1,54 +1,73 @@
 import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, forwardRef, Output, Input, Component } from '@angular/core';
+import { input, output, signal, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 
-class YsSelectComponent {
+class YsSelect {
     /**ُSelect element id */
-    id = 'ys-select';
-    options = [];
+    id = input('ys-select', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    options = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
     /**Name of field to display in option title */
-    optionLabel = 'label';
-    placeholder;
-    styleClass;
-    invalid = false;
-    invalidFeedback;
-    valid = false;
-    validFeedback;
+    optionLabel = input('label', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "optionLabel" }] : /* istanbul ignore next */ []));
+    placeholder = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    styleClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    invalid = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    invalidFeedback = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "invalidFeedback" }] : /* istanbul ignore next */ []));
+    valid = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valid" }] : /* istanbul ignore next */ []));
+    validFeedback = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "validFeedback" }] : /* istanbul ignore next */ []));
     /**Support multiple attribute */
-    multiple = false;
+    multiple = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
     /**Size of multiple attribute */
-    size;
+    size = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
     /**Display clear button */
-    showClear = false;
-    disabled = false;
-    selected = new EventEmitter();
-    onChange = () => { };
+    showClear = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showClear" }] : /* istanbul ignore next */ []));
+    clearIconClass = input('fa fa-times', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "clearIconClass" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    trackBy = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "trackBy" }] : /* istanbul ignore next */ []));
+    selectionChange = output();
+    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 */ []));
+    onChange = (_) => { };
     onTouched = () => { };
-    value;
+    value = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     writeValue(obj) {
-        if (!this.multiple && this.placeholder && !obj) {
-            this.value = null;
-            this.onChange(this.value);
+        if (!this.multiple() && this.placeholder() && !obj) {
+            this.value.set(null);
             return;
         }
-        if (this.multiple && !obj) {
-            this.multiple ? this.value = [] : this.value = null;
-            this.onChange(this.value);
+        if (this.multiple() && !obj) {
+            this.value.set(this.multiple() ? [] : null);
             return;
         }
-        if (!this.multiple && obj && Array.isArray(obj)) {
+        if (!this.multiple() && obj && Array.isArray(obj)) {
             if (obj.length) {
-                this.value = obj[0];
+                this.value.set(obj[0]);
             }
             else {
-                this.value = null;
+                this.value.set(null);
             }
-            this.onChange(this.value);
             return;
         }
-        this.value = obj;
+        this.value.set(obj);
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -57,67 +76,46 @@ class YsSelectComponent {
         this.onTouched = fn;
     }
     setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
+        this.disabledState.set(isDisabled);
     }
-    onModelChange(option) {
-        this.onChange(option);
-        this.onTouched(option);
-        this.selected.emit(option);
+    onModelChange(value) {
+        this.value.set(value);
+        this.onChange(value);
+        this.onTouched();
+        this.selectionChange.emit(value);
     }
     clearValue() {
-        this.multiple ? this.value = [] : this.value = null;
-        this.onModelChange(this.value);
+        this.value.set(this.multiple() ? [] : null);
+        this.onModelChange(this.value());
     }
-    isObject(item) {
-        return typeof item == 'object';
+    getLabel(item) {
+        if (item && typeof item === 'object') {
+            return item[this.optionLabel()];
+        }
+        return String(item);
+    }
+    trackItem(item) {
+        return this.trackBy()?.(item) ?? item;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsSelectComponent, isStandalone: true, selector: "ys-select", inputs: { id: "id", options: "options", optionLabel: "optionLabel", placeholder: "placeholder", styleClass: "styleClass", invalid: "invalid", invalidFeedback: "invalidFeedback", valid: "valid", validFeedback: "validFeedback", multiple: "multiple", size: "size", showClear: "showClear", disabled: "disabled" }, outputs: { selected: "selected" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: YsSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: YsSelect, isStandalone: true, selector: "ys-select", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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 }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, invalidFeedback: { classPropertyName: "invalidFeedback", publicName: "invalidFeedback", isSignal: true, isRequired: false, transformFunction: null }, valid: { classPropertyName: "valid", publicName: "valid", isSignal: true, isRequired: false, transformFunction: null }, validFeedback: { classPropertyName: "validFeedback", publicName: "validFeedback", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, clearIconClass: { classPropertyName: "clearIconClass", publicName: "clearIconClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => YsSelectComponent),
-                multi: true
-            }
-        ], ngImport: i0, template: "<div class=\"ys-select\" [ngClass]=\"{'input-group': showClear, 'is-valid': valid, 'is-invalid': invalid}\">\r\n\r\n  @if (!multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\" class=\"d-none\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track $index; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\"\r\n    [multiple]=\"multiple\" [size]=\"size\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track $index; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (showClear) {\r\n  <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\" (click)=\"clearValue()\"\r\n    [disabled]=\"disabled\">\r\n    <span class=\"fa fa-times\"></span>\r\n  </button>\r\n  }\r\n</div>\r\n\r\n@if(valid && validFeedback){\r\n<div class=\"valid-feedback\">{{validFeedback}}</div>\r\n}\r\n@if(invalid && invalidFeedback){\r\n<div class=\"invalid-feedback\">{{invalidFeedback}}</div>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { 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"] }] });
+                useExisting: forwardRef(() => YsSelect),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"ys-select\" [ngClass]=\"{'input-group': showClear(), 'is-valid': valid(), 'is-invalid': invalid()}\">\n\n    @if (!multiple()) {\n    <select [id]=\"id()\" class=\"form-select\" [class]=\"styleClass()\"\n        [ngClass]=\"{'is-valid': valid(), 'is-invalid': invalid()}\" aria-label=\"Select option\" [ngModel]=\"value()\"\n        (ngModelChange)=\"onModelChange($event)\" [disabled]=\"isDisabled()\">\n\n        @if (placeholder()) {\n        <option disabled [ngValue]=\"null\" class=\"d-none\">\n            {{ placeholder() }}\n        </option>\n        }\n\n        @for (item of options(); track trackItem(item); let i = $index) {\n        <option [ngValue]=\"item\">\n            <!-- [selected]=\" i === 0 && !placeholder() \" -->\n            {{ getLabel(item) }}\n        </option>\n        }\n\n    </select>\n    }\n\n    @if (multiple()) {\n    <select [id]=\"id()\" class=\"form-select\" [class]=\"styleClass()\"\n        [ngClass]=\"{'is-valid': valid(), 'is-invalid': invalid()}\" aria-label=\"Select option\" [ngModel]=\"value()\"\n        (ngModelChange)=\"onModelChange($event)\" [disabled]=\"isDisabled()\" [multiple]=\"multiple()\" [size]=\"size()\">\n\n        <!-- @if (placeholder()) {\n    <option selected disabled [ngValue]=\"null\">\n      {{placeholder()}}\n    </option>\n    } -->\n\n        @for (item of options(); track trackItem(item); let i = $index) {\n        <option [ngValue]=\"item\">\n            <!-- [selected]=\" i === 0 && !placeholder() \" -->\n            {{ getLabel(item) }}\n        </option>\n        }\n\n    </select>\n    }\n\n    @if (showClear()) {\n    <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\" (click)=\"clearValue()\"\n        [disabled]=\"isDisabled()\">\n        <span [ngClass]=\"clearIconClass()\"></span>\n    </button>\n    }\n\n</div>\n\n@if(valid() && validFeedback()){\n\n<div class=\"valid-feedback\">{{validFeedback()}}</div>\n\n}\n\n@if(invalid() && invalidFeedback()){\n\n<div class=\"invalid-feedback\">{{invalidFeedback()}}</div>\n\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple]:not([ngNoCva])[formControlName],select[multiple]:not([ngNoCva])[formControl],select[multiple]:not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { 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: YsSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: YsSelect, decorators: [{
             type: Component,
-            args: [{ selector: 'ys-select', imports: [FormsModule, NgClass], providers: [
+            args: [{ selector: 'ys-select', imports: [FormsModule, NgClass], changeDetection: ChangeDetectionStrategy.Eager, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => YsSelectComponent),
-                            multi: true
-                        }
-                    ], template: "<div class=\"ys-select\" [ngClass]=\"{'input-group': showClear, 'is-valid': valid, 'is-invalid': invalid}\">\r\n\r\n  @if (!multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\" class=\"d-none\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track $index; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\"\r\n    [multiple]=\"multiple\" [size]=\"size\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track $index; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (showClear) {\r\n  <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\" (click)=\"clearValue()\"\r\n    [disabled]=\"disabled\">\r\n    <span class=\"fa fa-times\"></span>\r\n  </button>\r\n  }\r\n</div>\r\n\r\n@if(valid && validFeedback){\r\n<div class=\"valid-feedback\">{{validFeedback}}</div>\r\n}\r\n@if(invalid && invalidFeedback){\r\n<div class=\"invalid-feedback\">{{invalidFeedback}}</div>\r\n}" }]
-        }], propDecorators: { id: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], optionLabel: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], styleClass: [{
-                type: Input
-            }], invalid: [{
-                type: Input
-            }], invalidFeedback: [{
-                type: Input
-            }], valid: [{
-                type: Input
-            }], validFeedback: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], showClear: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], selected: [{
-                type: Output
-            }] } });
+                            useExisting: forwardRef(() => YsSelect),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"ys-select\" [ngClass]=\"{'input-group': showClear(), 'is-valid': valid(), 'is-invalid': invalid()}\">\n\n    @if (!multiple()) {\n    <select [id]=\"id()\" class=\"form-select\" [class]=\"styleClass()\"\n        [ngClass]=\"{'is-valid': valid(), 'is-invalid': invalid()}\" aria-label=\"Select option\" [ngModel]=\"value()\"\n        (ngModelChange)=\"onModelChange($event)\" [disabled]=\"isDisabled()\">\n\n        @if (placeholder()) {\n        <option disabled [ngValue]=\"null\" class=\"d-none\">\n            {{ placeholder() }}\n        </option>\n        }\n\n        @for (item of options(); track trackItem(item); let i = $index) {\n        <option [ngValue]=\"item\">\n            <!-- [selected]=\" i === 0 && !placeholder() \" -->\n            {{ getLabel(item) }}\n        </option>\n        }\n\n    </select>\n    }\n\n    @if (multiple()) {\n    <select [id]=\"id()\" class=\"form-select\" [class]=\"styleClass()\"\n        [ngClass]=\"{'is-valid': valid(), 'is-invalid': invalid()}\" aria-label=\"Select option\" [ngModel]=\"value()\"\n        (ngModelChange)=\"onModelChange($event)\" [disabled]=\"isDisabled()\" [multiple]=\"multiple()\" [size]=\"size()\">\n\n        <!-- @if (placeholder()) {\n    <option selected disabled [ngValue]=\"null\">\n      {{placeholder()}}\n    </option>\n    } -->\n\n        @for (item of options(); track trackItem(item); let i = $index) {\n        <option [ngValue]=\"item\">\n            <!-- [selected]=\" i === 0 && !placeholder() \" -->\n            {{ getLabel(item) }}\n        </option>\n        }\n\n    </select>\n    }\n\n    @if (showClear()) {\n    <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\" (click)=\"clearValue()\"\n        [disabled]=\"isDisabled()\">\n        <span [ngClass]=\"clearIconClass()\"></span>\n    </button>\n    }\n\n</div>\n\n@if(valid() && validFeedback()){\n\n<div class=\"valid-feedback\">{{validFeedback()}}</div>\n\n}\n\n@if(invalid() && invalidFeedback()){\n\n<div class=\"invalid-feedback\">{{invalidFeedback()}}</div>\n\n}" }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], 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 }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], invalidFeedback: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidFeedback", required: false }] }], valid: [{ type: i0.Input, args: [{ isSignal: true, alias: "valid", required: false }] }], validFeedback: [{ type: i0.Input, args: [{ isSignal: true, alias: "validFeedback", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], clearIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearIconClass", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], trackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackBy", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }] } });
 
 /*
  * Public API Surface of ys-select
@@ -127,5 +125,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { YsSelectComponent };
+export { YsSelect };
 //# sourceMappingURL=yoozsoft-yoozsoft-ng-select.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"yoozsoft-yoozsoft-ng-select.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/select/src/ys-select/ys-select.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/select/src/ys-select/ys-select.component.html","../../../../projects/yoozsoft/yoozsoft-ng/select/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/select/yoozsoft-yoozsoft-ng-select.ts"],"sourcesContent":["\r\nimport { NgClass } from '@angular/common';\r\nimport { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';\r\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'ys-select',\r\n  imports: [FormsModule, NgClass],\r\n  templateUrl: './ys-select.component.html',\r\n  styleUrl: './ys-select.component.scss',\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => YsSelectComponent),\r\n      multi: true\r\n    }\r\n  ]\r\n})\r\nexport class YsSelectComponent implements ControlValueAccessor {\r\n\r\n  /**ُSelect element id */\r\n  @Input() id: string = 'ys-select';\r\n  @Input() options: any[] = [];\r\n  /**Name of field to display in option title */\r\n  @Input() optionLabel: string = 'label';\r\n  @Input() placeholder?: string;\r\n  @Input() styleClass?: string;\r\n  @Input() invalid?: boolean = false;\r\n  @Input() invalidFeedback?: string;\r\n  @Input() valid?: boolean = false;\r\n  @Input() validFeedback?: string;\r\n  /**Support multiple attribute */\r\n  @Input() multiple?: boolean = false;\r\n  /**Size of multiple attribute */\r\n  @Input() size?: number;\r\n  /**Display clear button */\r\n  @Input() showClear?: boolean = false;\r\n\r\n  @Input() disabled: boolean = false;\r\n  @Output() selected: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n  onChange: any = () => { }\r\n  onTouched: any = () => { }\r\n\r\n  value?: any;\r\n\r\n  writeValue(obj: any): void {\r\n    if (!this.multiple && this.placeholder && !obj) {\r\n      this.value = null;\r\n      this.onChange(this.value);\r\n      return;\r\n    }\r\n\r\n    if (this.multiple && !obj) {\r\n      this.multiple ? this.value = [] : this.value = null;\r\n      this.onChange(this.value);\r\n      return;\r\n    }\r\n\r\n    if (!this.multiple && obj && Array.isArray(obj)) {\r\n      if (obj.length) {\r\n        this.value = obj[0];\r\n      }\r\n      else {\r\n        this.value = null;\r\n      }\r\n      this.onChange(this.value);\r\n      return;\r\n    }\r\n\r\n    this.value = 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.disabled = isDisabled;\r\n  }\r\n\r\n  onModelChange(option: any) {\r\n    this.onChange(option);\r\n    this.onTouched(option);\r\n    this.selected.emit(option);\r\n  }\r\n\r\n  clearValue() {\r\n    this.multiple ? this.value = [] : this.value = null;\r\n    this.onModelChange(this.value);\r\n  }\r\n\r\n  isObject(item: any) {\r\n    return typeof item == 'object';\r\n  }\r\n\r\n}\r\n","<div class=\"ys-select\" [ngClass]=\"{'input-group': showClear, 'is-valid': valid, 'is-invalid': invalid}\">\r\n\r\n  @if (!multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\" class=\"d-none\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track $index; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\"\r\n    [multiple]=\"multiple\" [size]=\"size\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track $index; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (showClear) {\r\n  <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\" (click)=\"clearValue()\"\r\n    [disabled]=\"disabled\">\r\n    <span class=\"fa fa-times\"></span>\r\n  </button>\r\n  }\r\n</div>\r\n\r\n@if(valid && validFeedback){\r\n<div class=\"valid-feedback\">{{validFeedback}}</div>\r\n}\r\n@if(invalid && invalidFeedback){\r\n<div class=\"invalid-feedback\">{{invalidFeedback}}</div>\r\n}","/*\r\n * Public API Surface of ys-select\r\n */\r\n\r\nexport * from './src/ys-select/ys-select.component';\r\n\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-select.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/select/src/ys-select/ys-select.ts","../../../../projects/yoozsoft/yoozsoft-ng/select/src/ys-select/ys-select.html","../../../../projects/yoozsoft/yoozsoft-ng/select/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/select/yoozsoft-yoozsoft-ng-select.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport {\r\n  Component,\r\n  computed,\r\n  forwardRef,\r\n  input,\r\n  output,\r\n  signal,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'ys-select',\r\n  imports: [FormsModule, NgClass],\r\n  templateUrl: './ys-select.html',\r\n  styleUrl: './ys-select.scss',\r\n  changeDetection: ChangeDetectionStrategy.Eager,\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => YsSelect),\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class YsSelect<T = any> implements ControlValueAccessor {\r\n  /**ُSelect element id */\r\n  id = input('ys-select');\r\n  options = input<T[]>([]);\r\n  /**Name of field to display in option title */\r\n  optionLabel = input('label');\r\n  placeholder = input<string>();\r\n  styleClass = input<string>('');\r\n  invalid = input<boolean>(false);\r\n  invalidFeedback = input<string>();\r\n  valid = input(false);\r\n  validFeedback = input<string>();\r\n  /**Support multiple attribute */\r\n  multiple = input(false);\r\n  /**Size of multiple attribute */\r\n  size = input<number>();\r\n  /**Display clear button */\r\n  showClear = input(false);\r\n  clearIconClass = input('fa fa-times');\r\n\r\n  disabled = input(false);\r\n\r\n  trackBy = input<(item: any) => unknown>();\r\n\r\n  selectionChange = output<any>();\r\n\r\n  private disabledState = signal(false);\r\n\r\n  readonly isDisabled = computed(() => this.disabled() || this.disabledState());\r\n\r\n  private onChange = (_: unknown) => {};\r\n  private onTouched = () => {};\r\n\r\n  value = signal<T | T[] | null>(null);\r\n\r\n  writeValue(obj: any): void {\r\n    if (!this.multiple() && this.placeholder() && !obj) {\r\n      this.value.set(null);\r\n      return;\r\n    }\r\n\r\n    if (this.multiple() && !obj) {\r\n      this.value.set(this.multiple() ? [] : null);\r\n      return;\r\n    }\r\n\r\n    if (!this.multiple() && obj && Array.isArray(obj)) {\r\n      if (obj.length) {\r\n        this.value.set(obj[0]);\r\n      } else {\r\n        this.value.set(null);\r\n      }\r\n      return;\r\n    }\r\n\r\n    this.value.set(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  onModelChange(value: T | T[] | null) {\r\n    this.value.set(value);\r\n\r\n    this.onChange(value);\r\n    this.onTouched();\r\n\r\n    this.selectionChange.emit(value);\r\n  }\r\n\r\n  clearValue() {\r\n    this.value.set(this.multiple() ? [] : null);\r\n    this.onModelChange(this.value());\r\n  }\r\n\r\n  getLabel(item: any): string {\r\n    if (item && typeof item === 'object') {\r\n      return item[this.optionLabel()];\r\n    }\r\n\r\n    return String(item);\r\n  }\r\n\r\n  trackItem(item: any) {\r\n    return this.trackBy()?.(item) ?? item;\r\n  }\r\n}\r\n","<div class=\"ys-select\" [ngClass]=\"{'input-group': showClear(), 'is-valid': valid(), 'is-invalid': invalid()}\">\n\n    @if (!multiple()) {\n    <select [id]=\"id()\" class=\"form-select\" [class]=\"styleClass()\"\n        [ngClass]=\"{'is-valid': valid(), 'is-invalid': invalid()}\" aria-label=\"Select option\" [ngModel]=\"value()\"\n        (ngModelChange)=\"onModelChange($event)\" [disabled]=\"isDisabled()\">\n\n        @if (placeholder()) {\n        <option disabled [ngValue]=\"null\" class=\"d-none\">\n            {{ placeholder() }}\n        </option>\n        }\n\n        @for (item of options(); track trackItem(item); let i = $index) {\n        <option [ngValue]=\"item\">\n            <!-- [selected]=\" i === 0 && !placeholder() \" -->\n            {{ getLabel(item) }}\n        </option>\n        }\n\n    </select>\n    }\n\n    @if (multiple()) {\n    <select [id]=\"id()\" class=\"form-select\" [class]=\"styleClass()\"\n        [ngClass]=\"{'is-valid': valid(), 'is-invalid': invalid()}\" aria-label=\"Select option\" [ngModel]=\"value()\"\n        (ngModelChange)=\"onModelChange($event)\" [disabled]=\"isDisabled()\" [multiple]=\"multiple()\" [size]=\"size()\">\n\n        <!-- @if (placeholder()) {\n    <option selected disabled [ngValue]=\"null\">\n      {{placeholder()}}\n    </option>\n    } -->\n\n        @for (item of options(); track trackItem(item); let i = $index) {\n        <option [ngValue]=\"item\">\n            <!-- [selected]=\" i === 0 && !placeholder() \" -->\n            {{ getLabel(item) }}\n        </option>\n        }\n\n    </select>\n    }\n\n    @if (showClear()) {\n    <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\" (click)=\"clearValue()\"\n        [disabled]=\"isDisabled()\">\n        <span [ngClass]=\"clearIconClass()\"></span>\n    </button>\n    }\n\n</div>\n\n@if(valid() && validFeedback()){\n\n<div class=\"valid-feedback\">{{validFeedback()}}</div>\n\n}\n\n@if(invalid() && invalidFeedback()){\n\n<div class=\"invalid-feedback\">{{invalidFeedback()}}</div>\n\n}","/*\r\n * Public API Surface of ys-select\r\n */\r\n\r\nexport * from './src/ys-select/ys-select';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}