@sdcorejs/angular 19.0.0-rc.1

package/fesm2022/sdcorejs-angular-forms-autocomplete.mjs

@@ -0,0 +1,454 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, contentChild, inject, ChangeDetectorRef, input, computed, booleanAttribute, model, output, EventEmitter, signal, effect, untracked, Output, ChangeDetectionStrategy, Component } from '@angular/core';
+import { toObservable } from '@angular/core/rxjs-interop';
+import * as i2 from '@angular/forms';
+import { NgForm, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i5 from '@angular/material/autocomplete';
+import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i6 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i7 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i4 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { SdView } from '@sdcorejs/angular/components/view';
+import { SdItemDefDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
+import { SdLabel } from '@sdcorejs/angular/forms/label';
+import { SD_FORM_CONFIGURATION, sdFormControlState, SdFormControl, HandleSdCustomValidator, SdInlineErrorValidator } from '@sdcorejs/angular/forms/models';
+import { I18nService } from '@sdcorejs/angular/i18n';
+import { sdIsEmpty, sdSerializeDataValue } from '@sdcorejs/angular/utilities/data-state';
+import { ArrayUtilities } from '@sdcorejs/angular/utilities/extensions';
+import { Utilities } from '@sdcorejs/utils/fns';
+import { Subscription, combineLatest, timer, of, defer, from } from 'rxjs';
+import { tap, map, startWith, debounce, switchMap, catchError } from 'rxjs/operators';
+import * as uuid from 'uuid';
+
+/* eslint-disable @angular-eslint/component-class-suffix */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @angular-eslint/no-input-rename */
+class SdAutocompleteErrotStateMatcher {
+    formControl;
+    constructor(formControl) {
+        this.formControl = formControl;
+    }
+    isErrorState(control, form) {
+        const isSubmitted = form && form.submitted;
+        return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));
+    }
+}
+class SdAutocomplete {
+    id = `I${uuid.v4()}`;
+    // ==========================================
+    // 1. SIGNAL QUERIES
+    // ==========================================
+    inputRef = viewChild('input');
+    autocompleteTrigger = viewChild(MatAutocompleteTrigger);
+    sdLabelTemplate = contentChild('sdLabel');
+    sdValueTemplate = contentChild('sdValue');
+    itemDef = contentChild(SdItemDefDefDirective);
+    sdViewDef = contentChild(SdViewDefDirective);
+    // ==========================================
+    // 2. INJECTS
+    // ==========================================
+    ref = inject(ChangeDetectorRef);
+    formConfig = inject(SD_FORM_CONFIGURATION, { optional: true });
+    #i18n = inject(I18nService);
+    // ==========================================
+    // 3. SIGNAL INPUTS & MODEL
+    // ==========================================
+    autoIdInput = input(undefined, { alias: 'autoId' });
+    autoId = computed(() => (this.autoIdInput() ? `forms-autocomplete-${this.autoIdInput()}` : undefined));
+    // E2E data-* attributes
+    #state = sdFormControlState(computed(() => this.formControl));
+    dataDisabled = computed(() => (this.#state().disabled ? 'true' : 'false'));
+    dataInvalid = computed(() => (this.#state().invalid ? 'true' : 'false'));
+    dataEmpty = computed(() => (sdIsEmpty(this.#state().value) ? 'true' : 'false'));
+    dataValue = computed(() => sdSerializeDataValue(this.#state().value));
+    dataLoading = computed(() => (this.loading() ? 'true' : 'false'));
+    dataRequired = computed(() => (this.required() ? 'true' : 'false'));
+    dataErrorMessage = computed(() => {
+        void this.#state();
+        const msg = this.errorMessage();
+        return msg && msg.length > 0 ? msg : null;
+    });
+    name = input(uuid.v4());
+    size = input('md');
+    // Ghi (TransformT): any (để không bị lỗi typing khi cha truyền vào)
+    form = input(undefined, {
+        transform: (val) => {
+            if (!val)
+                return undefined;
+            // Nếu cha truyền vào NgForm (template-driven) -> Bóc lấy FormGroup bên trong
+            if (val instanceof NgForm)
+                return val.form;
+            // Nếu cha truyền sẵn FormGroup (reactive) -> Lấy luôn
+            if (val instanceof FormGroup)
+                return val;
+            // Fallback an toàn phòng trường hợp cha truyền 1 object chứa form
+            if (val?.form instanceof FormGroup)
+                return val.form;
+            return undefined;
+        },
+    });
+    label = input();
+    helperText = input();
+    placeholder = input();
+    valueField = input();
+    displayField = input();
+    disabledField = input('');
+    limit = input(100);
+    cacheChecksum = input();
+    hyperlink = input();
+    items = input();
+    hideInlineError = input(false, { transform: booleanAttribute });
+    addable = input(false, { transform: booleanAttribute });
+    required = input(false, { transform: booleanAttribute });
+    disabled = input(false, { transform: booleanAttribute });
+    viewed = input(false, { transform: booleanAttribute });
+    validator = input();
+    inlineError = input();
+    /**
+     * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
+     */
+    errorMessage = computed(() => {
+        void this.#state();
+        const errors = this.formControl.errors;
+        if (!errors)
+            return undefined;
+        if (errors['required'])
+            return this.#i18n.t('core.form.autocomplete.required');
+        if (errors['customValidator'])
+            return errors['customValidator'];
+        if (errors['inlineError'])
+            return this.inlineError();
+        return undefined;
+    });
+    appearanceInput = input(undefined, { alias: 'appearance' });
+    appearance = computed(() => this.appearanceInput() ?? this.formConfig?.appearance ?? 'outline');
+    valueModel = model(undefined, { alias: 'model' });
+    // ==========================================
+    // 4. SIGNAL OUTPUTS
+    // ==========================================
+    sdChange = output();
+    sdSelection = output();
+    sdAdd = new EventEmitter();
+    // ==========================================
+    // 5. INTERNAL STATE & STREAMS
+    // ==========================================
+    loading = signal(false);
+    isFocused = false;
+    isTyping = signal(false);
+    inputControl = new SdFormControl();
+    formControl = new SdFormControl();
+    matcher = new SdAutocompleteErrotStateMatcher(this.formControl);
+    #cache = {};
+    #item = {};
+    #subscription = new Subscription();
+    // RXJS STREAMS
+    #items$ = toObservable(this.items);
+    #valueModel$ = toObservable(this.valueModel);
+    // PUBLIC SIGNALS (Render View)
+    filteredItems = signal([]);
+    selected = signal(null);
+    display = signal('');
+    controlPlaceHolder = signal('');
+    normalizedValue = computed(() => this.valueModel());
+    // ==========================================
+    // [NEW]: Hàm đọc thuộc tính lồng nhau (a.b.c)
+    // ==========================================
+    getNestedValue = (obj, path) => {
+        if (!path || obj == null)
+            return obj;
+        const keys = path.split('.');
+        let result = obj;
+        for (const key of keys) {
+            if (result == null)
+                return undefined;
+            result = result[key];
+        }
+        return result;
+    };
+    constructor() {
+        effect(() => {
+            const val = this.normalizedValue();
+            untracked(() => {
+                if (this.formControl.value !== val) {
+                    this.formControl.setValue(val, { emitEvent: false });
+                }
+            });
+        });
+        effect(() => {
+            if (this.disabled()) {
+                this.inputControl.disable({ emitEvent: false });
+                this.formControl.disable({ emitEvent: false });
+            }
+            else {
+                this.inputControl.enable({ emitEvent: false });
+                this.formControl.enable({ emitEvent: false });
+            }
+        });
+        effect(() => {
+            const req = this.required();
+            const val = this.validator();
+            const inl = this.inlineError();
+            untracked(() => this.#updateValidator(req, val, inl));
+        });
+    }
+    ngOnInit() {
+        this.#subscription.add(this.formControl.valueChanges.subscribe(val => {
+            if (this.valueModel() !== val) {
+                this.valueModel.set(val);
+            }
+        }));
+        this.#subscription.add(this.inputControl.touchChanges.subscribe(() => {
+            this.formControl.markAsTouched();
+            this.ref.markForCheck();
+        }));
+        this.#subscription.add(this.formControl.sdChanges.subscribe(() => this.ref.markForCheck()));
+        this.#subscription.add(this.inputControl.sdChanges.subscribe(() => this.ref.markForCheck()));
+        this.#subscription.add(this.inputControl.valueChanges.subscribe(() => this.isTyping.set(true)));
+        const cleanItems$ = this.#items$.pipe(tap(() => {
+            this.#cache = {};
+        }), map(items => {
+            if (!items)
+                return [];
+            if (Array.isArray(items))
+                return items.filter(e => e !== null && e !== undefined);
+            return items;
+        }));
+        const filteredItems$ = combineLatest([
+            cleanItems$,
+            this.inputControl.valueChanges.pipe(startWith(''), debounce(() => timer(typeof this.items() === 'function' ? 500 : 0))),
+        ]).pipe(tap(() => this.isTyping.set(false)), switchMap(([items, searchText]) => {
+            const sText = searchText || '';
+            if (typeof items !== 'function') {
+                // [UPDATED]: Hỗ trợ search lồng nhau (nested) local
+                const filtered = items.filter((e) => {
+                    const v = String(this.getNestedValue(e, this.valueField()) || '').toLowerCase();
+                    const d = String(this.getNestedValue(e, this.displayField()) || '').toLowerCase();
+                    const q = sText.toLowerCase();
+                    return v.includes(q) || d.includes(q);
+                });
+                return of(ArrayUtilities.paging(filtered, this.limit()));
+            }
+            const key = Utilities.hash({
+                checksum: this.cacheChecksum() || null,
+                searchText: sText,
+            });
+            if (this.#cache[key] !== undefined) {
+                return of(this.#cache[key]);
+            }
+            this.loading.set(true);
+            let obs;
+            const func = items({ type: 'SEARCH', searchText: sText });
+            if (func instanceof Promise)
+                obs = defer(() => from(func));
+            else
+                obs = func;
+            return obs.pipe(map(data => {
+                this.#cache[key] = data || [];
+                // [UPDATED]: Lưu cache #item theo nested value
+                (this.#cache[key] || []).forEach((e) => {
+                    const valKey = this.getNestedValue(e, this.valueField());
+                    if (valKey != null) {
+                        this.#item[valKey] = e;
+                    }
+                });
+                return this.#cache[key];
+            }), catchError(() => of([])));
+        }), tap(() => this.loading.set(false)));
+        const selected$ = combineLatest([cleanItems$, this.#valueModel$]).pipe(switchMap(([items, val]) => {
+            const vField = this.valueField();
+            const dField = this.displayField();
+            if (!vField)
+                return of(val);
+            if (val || val === 0) {
+                if (typeof items === 'function') {
+                    if (this.#item[val])
+                        return of(this.#item[val]);
+                    this.loading.set(true);
+                    let obs;
+                    const func = items({ type: 'VALUE', value: val });
+                    if (func instanceof Promise)
+                        obs = defer(() => from(func));
+                    else
+                        obs = func;
+                    return obs.pipe(map(data => {
+                        // [UPDATED]: Lưu cache #item theo nested value
+                        (data || []).forEach((e) => {
+                            const valKey = this.getNestedValue(e, vField);
+                            if (valKey != null) {
+                                this.#item[valKey] = e;
+                            }
+                        });
+                        return this.#item[val] || { [vField]: val, [dField]: val };
+                    }), catchError(() => of({ [vField]: val, [dField]: val })));
+                }
+                // [UPDATED]: Tìm local theo nested field
+                return of(items.find((e) => this.getNestedValue(e, vField) === val));
+            }
+            return of('');
+        }), tap(() => this.loading.set(false)));
+        const controlPlaceHolder$ = selected$.pipe(map((item) => {
+            // [UPDATED]: Đọc PlaceHolder bằng getNestedValue
+            const dispVal = this.getNestedValue(item, this.displayField());
+            return dispVal ?? item ?? this.placeholder() ?? (this.appearance() ? this.label() : '');
+        }));
+        const display$ = selected$.pipe(map((item) => {
+            // [UPDATED]: Đọc Display bằng getNestedValue
+            const dField = this.displayField();
+            if (dField && typeof item === 'object' && !!item) {
+                return this.getNestedValue(item, dField) ?? '';
+            }
+            if (typeof item === 'string' || typeof item === 'number') {
+                return item.toString();
+            }
+            return '';
+        }));
+        this.#subscription.add(filteredItems$.subscribe(val => {
+            this.filteredItems.set(val || []);
+            this.ref.markForCheck();
+        }));
+        this.#subscription.add(selected$.subscribe(val => {
+            this.selected.set(val);
+            this.ref.markForCheck();
+        }));
+        this.#subscription.add(controlPlaceHolder$.subscribe(val => {
+            this.controlPlaceHolder.set(val || '');
+            this.ref.markForCheck();
+        }));
+        this.#subscription.add(display$.subscribe(val => {
+            this.display.set(val || '');
+            this.ref.markForCheck();
+        }));
+    }
+    ngAfterViewInit() {
+        const formGroup = this.form();
+        formGroup?.addControl(this.name(), this.formControl);
+    }
+    ngOnDestroy() {
+        this.#subscription.unsubscribe();
+        const formGroup = this.form();
+        formGroup?.removeControl(this.name());
+        this.#cache = {};
+        this.#item = {};
+    }
+    onSelect = (item) => {
+        if (!item)
+            return;
+        const vField = this.valueField();
+        const dField = this.displayField();
+        if (typeof item === 'string' || typeof item === 'number') {
+            if (this.formControl.value !== item) {
+                this.formControl.setValue(item, { emitEvent: false });
+                this.valueModel.set(item);
+                this.sdChange.emit(item);
+                this.sdSelection.emit({ values: [item], selectedItems: [item], value: item, selectedItem: item });
+            }
+        }
+        else if (vField && dField) {
+            // [UPDATED]: Lấy giá trị val = getNestedValue(item, vField)
+            const val = this.getNestedValue(item, vField) ?? null;
+            if (this.formControl.value !== val) {
+                this.formControl.setValue(val, { emitEvent: false });
+                this.valueModel.set(val);
+                this.sdChange.emit(val);
+                this.sdSelection.emit({ values: [val], selectedItems: [item], value: val, selectedItem: item });
+            }
+        }
+        this.inputControl.setValue('', { emitEvent: false });
+    };
+    onFocus = () => {
+        this.isFocused = true;
+        this.filteredItems.set([]);
+        if (typeof this.items() === 'function') {
+            this.loading.set(true);
+        }
+        this.inputControl.setValue('', { emitEvent: true });
+    };
+    onBlur = () => {
+        this.isFocused = false;
+        this.inputControl.setValue('', { emitEvent: false });
+    };
+    onClick = () => {
+        if (this.sdViewDef()?.templateRef) {
+            if (!this.formControl.disabled && !this.isFocused) {
+                this.focus();
+            }
+        }
+    };
+    blur = () => {
+        this.inputRef()?.nativeElement?.blur();
+    };
+    focus = () => {
+        this.isFocused = true;
+        setTimeout(() => {
+            this.autocompleteTrigger()?.openPanel();
+            this.inputRef()?.nativeElement?.focus();
+        }, 100);
+    };
+    clear = ($event) => {
+        $event?.stopPropagation();
+        this.filteredItems.set([]);
+        this.inputControl?.setValue('');
+        if (this.valueModel()) {
+            this.formControl.setValue(null, { emitEvent: false });
+            this.valueModel.set(null);
+            this.sdChange.emit(null);
+            this.sdSelection.emit({ values: [null], selectedItems: [], value: null, selectedItem: null });
+        }
+    };
+    onAdd = ($event) => {
+        $event.stopPropagation();
+        $event?.preventDefault();
+        this.sdAdd.emit();
+    };
+    reValidate = () => {
+        this.inputControl.updateValueAndValidity({ emitEvent: true });
+    };
+    #updateValidator = (req, val, inl) => {
+        const validators = [];
+        const asyncValidators = [];
+        if (req)
+            validators.push(Validators.required);
+        if (val)
+            asyncValidators.push(HandleSdCustomValidator(val));
+        if (inl)
+            validators.push(SdInlineErrorValidator);
+        this.formControl.setValidators(validators.length ? validators : null);
+        this.formControl.setAsyncValidators(asyncValidators.length ? asyncValidators : null);
+        this.formControl.updateValueAndValidity({ emitEvent: false });
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdAutocomplete, isStandalone: true, selector: "sd-autocomplete", inputs: { autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, displayField: { classPropertyName: "displayField", publicName: "displayField", isSignal: true, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: true, isRequired: false, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null }, cacheChecksum: { classPropertyName: "cacheChecksum", publicName: "cacheChecksum", isSignal: true, isRequired: false, transformFunction: null }, hyperlink: { classPropertyName: "hyperlink", publicName: "hyperlink", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, hideInlineError: { classPropertyName: "hideInlineError", publicName: "hideInlineError", isSignal: true, isRequired: false, transformFunction: null }, addable: { classPropertyName: "addable", publicName: "addable", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, viewed: { classPropertyName: "viewed", publicName: "viewed", isSignal: true, isRequired: false, transformFunction: null }, validator: { classPropertyName: "validator", publicName: "validator", isSignal: true, isRequired: false, transformFunction: null }, inlineError: { classPropertyName: "inlineError", publicName: "inlineError", isSignal: true, isRequired: false, transformFunction: null }, appearanceInput: { classPropertyName: "appearanceInput", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, valueModel: { classPropertyName: "valueModel", publicName: "model", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueModel: "modelChange", sdChange: "sdChange", sdSelection: "sdSelection", sdAdd: "sdAdd" }, host: { properties: { "class.sd-has-label": "!!label()", "class.sd-viewed": "viewed()" } }, queries: [{ propertyName: "sdLabelTemplate", first: true, predicate: ["sdLabel"], descendants: true, isSignal: true }, { propertyName: "sdValueTemplate", first: true, predicate: ["sdValue"], descendants: true, isSignal: true }, { propertyName: "itemDef", first: true, predicate: SdItemDefDefDirective, descendants: true, isSignal: true }, { propertyName: "sdViewDef", first: true, predicate: SdViewDefDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "@let lbl = label();\n@let app = appearance();\n@let hideErr = hideInlineError();\n@let errMsg = errorMessage();\n@let viewDef = sdViewDef();\n@let hText = helperText();\n@let req = required();\n@let dField = displayField();\n@let disField = disabledField();\n@let iDefTpl = itemDef()?.templateRef;\n@let isLoad = loading();\n@let nVal = $any(normalizedValue());\n\n@if (viewed()) {\n  <sd-view\n    [label]=\"lbl\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"nVal\"\n    [display]=\"display()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"sdValueTemplate()\">\n  </sd-view>\n} @else {\n  @if (!app) {\n    <ng-content select=\"[sdLabel]\">\n      @if (lbl) {\n        <sd-label [label]=\"lbl\" [required]=\"req\"></sd-label>\n      }\n    </ng-content>\n  }\n\n  <div\n    class=\"d-flex align-items-center\"\n    [class.sd-view]=\"viewDef?.templateRef\"\n    [class.c-focused]=\"isFocused\"\n    [class.c-disabled]=\"formControl.disabled\"\n    (click)=\"onClick()\"\n    aria-hidden=\"true\">\n    @if (viewDef?.templateRef && !autocompleteTrigger()?.panelOpen && !isFocused) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          viewDef!.templateRef;\n          context: {\n            value: nVal,\n            selectedItem: selected(),\n          }\n        \">\n      </ng-container>\n    } @else {\n      <mat-form-field\n        [class.sd-md]=\"size() === 'md'\"\n        [class.sd-sm]=\"size() === 'sm'\"\n        [class.hide-inline-error]=\"hideErr\"\n        [floatLabel]=\"nVal ? 'always' : 'auto'\"\n        [appearance]=\"app || 'outline'\">\n        @if (app && lbl) {\n          <mat-label style=\"display: inline-block\">\n            <div style=\"display: flex; align-items: center; gap: 4px\">\n              <span>{{ lbl }}</span>\n              @if (hText) {\n                <mat-icon [matTooltip]=\"hText\" matTooltipPosition=\"below\">info_outline</mat-icon>\n              }\n            </div>\n          </mat-label>\n        }\n\n        <input\n          [id]=\"id\"\n          [formControl]=\"inputControl\"\n          [placeholder]=\"controlPlaceHolder() || ''\"\n          [class.c-selected]=\"nVal\"\n          [matAutocomplete]=\"auto\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n          matInput\n          [autocomplete]=\"id\"\n          autocorrect=\"off\"\n          [errorStateMatcher]=\"matcher\"\n          [required]=\"req\"\n          #input\n          #autocompleteTrigger=\"matAutocompleteTrigger\"\n          [attr.data-autoId]=\"autoId()\"\n          [attr.data-disabled]=\"dataDisabled()\"\n          [attr.data-invalid]=\"dataInvalid()\"\n          [attr.data-empty]=\"dataEmpty()\"\n          [attr.data-value]=\"dataValue()\"\n          [attr.data-loading]=\"dataLoading()\"\n          [attr.data-required]=\"dataRequired()\"\n          [attr.data-error-message]=\"dataErrorMessage()\"\n          aria-hidden=\"true\" />\n\n        @if (!isLoad && nVal && !inputControl.disabled) {\n          <button type=\"button\" class=\"sd-clear-btn\" matSuffix (click)=\"clear($event)\" title=\"X\u00F3a\" aria-label=\"X\u00F3a\">\n            <mat-icon>close</mat-icon>\n          </button>\n        } @else if (isLoad) {\n          <mat-spinner [diameter]=\"20\" matSuffix></mat-spinner>\n        } @else {\n          <mat-icon class=\"cursor-pointer sd-suffix-icon\" matSuffix>search</mat-icon>\n        }\n\n        <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onSelect($event.option.value)\" class=\"sd-autocomplete-panel\">\n          @let itemsList = filteredItems();\n\n          @if (itemsList?.length) {\n            @for (item of itemsList; track $index) {\n              <mat-option\n                [value]=\"item\"\n                matTooltipPosition=\"above\"\n                [matTooltip]=\"dField ? getNestedValue(item, dField) : item\"\n                [disabled]=\"disField ? getNestedValue(item, disField) : false\">\n                @if (iDefTpl) {\n                  <ng-container *ngTemplateOutlet=\"iDefTpl ?? null; context: { item: item }\"> </ng-container>\n                } @else {\n                  {{ dField ? getNestedValue(item, dField) : item }}\n                }\n              </mat-option>\n            }\n          } @else if (!itemsList?.length && inputControl.value && !isTyping() && !isLoad) {}\n\n          @if (addable() && sdAdd.observed) {\n            <mat-option class=\"sd__option--add\" (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\n              <div (click)=\"onAdd($event)\">\n                <mat-icon class=\"mr-1\">add</mat-icon>\n                {{ 'New item' }}\n              </div>\n            </mat-option>\n          }\n        </mat-autocomplete>\n\n        @if (hideErr && errMsg && formControl.touched) {\n          <mat-icon matSuffix class=\"sd-error-icon\" [matTooltip]=\"errMsg\" matTooltipPosition=\"above\"> error </mat-icon>\n        }\n\n        @if (!hideErr && errMsg && formControl.touched) {\n          <mat-error>{{ errMsg }}</mat-error>\n        }\n      </mat-form-field>\n    }\n  </div>\n}\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}:host{display:block}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}:host ::ng-deep .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-text-field-wrapper{background:var(--sd-black100)}:host ::ng-deep .mat-mdc-form-field input.c-selected::placeholder{color:#000;opacity:1}:host ::ng-deep .mat-mdc-form-field input.c-selected:-ms-input-placeholder{color:#000}:host ::ng-deep .mat-mdc-form-field input.c-selected::-ms-input-placeholder{color:#000}:host ::ng-deep .mat-mdc-form-field input.mat-mdc-input-element:disabled{color:var(--sd-black400)!important}:host ::ng-deep .mat-mdc-form-field input.mat-mdc-input-element:disabled.c-selected::placeholder{color:var(--sd-black400)!important}:host ::ng-deep .mat-mdc-form-field input.mat-mdc-input-element:disabled.c-selected:-ms-input-placeholder{color:var(--sd-black400)!important}:host ::ng-deep .mat-mdc-form-field input.mat-mdc-input-element:disabled.c-selected::-ms-input-placeholder{color:var(--sd-black400)!important}:host ::ng-deep .mat-mdc-form-field .mat-mdc-placeholder-required{color:var(--sd-error)}:host ::ng-deep .mat-mdc-form-field:hover .icon-copy{opacity:1}:host ::ng-deep .mat-mdc-form-field .icon-copy{cursor:pointer;width:.9em;height:.9em;fill:#00000080;transition:opacity .2s linear;opacity:0}::ng-deep .sd-autocomplete-panel .mat-mdc-option{min-height:36px!important;padding:8px 12px!important}::ng-deep .sd-autocomplete-panel .mdc-list-item__primary-text{font-size:14px!important;line-height:normal}::ng-deep .sd-autocomplete-panel .mat-pseudo-checkbox{transform:scale(.75);margin-right:8px!important}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd__option--add{position:sticky;bottom:0;background-color:#fff;z-index:10;color:#000000de;cursor:pointer!important}.c-loading-icon{position:absolute;right:5px;top:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: SdLabel, selector: "sd-label", inputs: ["label", "description", "required", "helperText"] }, { kind: "component", type: SdView, selector: "sd-view", inputs: ["label", "value", "display", "hyperlink", "labelTemplate", "valueTemplate", "selectedItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdAutocomplete, decorators: [{
+            type: Component,
+            args: [{ selector: 'sd-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: { '[class.sd-has-label]': '!!label()', '[class.sd-viewed]': 'viewed()' }, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        MatTooltipModule,
+                        MatFormFieldModule,
+                        MatAutocompleteModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        SdLabel,
+                        SdView,
+                    ], template: "@let lbl = label();\n@let app = appearance();\n@let hideErr = hideInlineError();\n@let errMsg = errorMessage();\n@let viewDef = sdViewDef();\n@let hText = helperText();\n@let req = required();\n@let dField = displayField();\n@let disField = disabledField();\n@let iDefTpl = itemDef()?.templateRef;\n@let isLoad = loading();\n@let nVal = $any(normalizedValue());\n\n@if (viewed()) {\n  <sd-view\n    [label]=\"lbl\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"nVal\"\n    [display]=\"display()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"sdValueTemplate()\">\n  </sd-view>\n} @else {\n  @if (!app) {\n    <ng-content select=\"[sdLabel]\">\n      @if (lbl) {\n        <sd-label [label]=\"lbl\" [required]=\"req\"></sd-label>\n      }\n    </ng-content>\n  }\n\n  <div\n    class=\"d-flex align-items-center\"\n    [class.sd-view]=\"viewDef?.templateRef\"\n    [class.c-focused]=\"isFocused\"\n    [class.c-disabled]=\"formControl.disabled\"\n    (click)=\"onClick()\"\n    aria-hidden=\"true\">\n    @if (viewDef?.templateRef && !autocompleteTrigger()?.panelOpen && !isFocused) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          viewDef!.templateRef;\n          context: {\n            value: nVal,\n            selectedItem: selected(),\n          }\n        \">\n      </ng-container>\n    } @else {\n      <mat-form-field\n        [class.sd-md]=\"size() === 'md'\"\n        [class.sd-sm]=\"size() === 'sm'\"\n        [class.hide-inline-error]=\"hideErr\"\n        [floatLabel]=\"nVal ? 'always' : 'auto'\"\n        [appearance]=\"app || 'outline'\">\n        @if (app && lbl) {\n          <mat-label style=\"display: inline-block\">\n            <div style=\"display: flex; align-items: center; gap: 4px\">\n              <span>{{ lbl }}</span>\n              @if (hText) {\n                <mat-icon [matTooltip]=\"hText\" matTooltipPosition=\"below\">info_outline</mat-icon>\n              }\n            </div>\n          </mat-label>\n        }\n\n        <input\n          [id]=\"id\"\n          [formControl]=\"inputControl\"\n          [placeholder]=\"controlPlaceHolder() || ''\"\n          [class.c-selected]=\"nVal\"\n          [matAutocomplete]=\"auto\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n          matInput\n          [autocomplete]=\"id\"\n          autocorrect=\"off\"\n          [errorStateMatcher]=\"matcher\"\n          [required]=\"req\"\n          #input\n          #autocompleteTrigger=\"matAutocompleteTrigger\"\n          [attr.data-autoId]=\"autoId()\"\n          [attr.data-disabled]=\"dataDisabled()\"\n          [attr.data-invalid]=\"dataInvalid()\"\n          [attr.data-empty]=\"dataEmpty()\"\n          [attr.data-value]=\"dataValue()\"\n          [attr.data-loading]=\"dataLoading()\"\n          [attr.data-required]=\"dataRequired()\"\n          [attr.data-error-message]=\"dataErrorMessage()\"\n          aria-hidden=\"true\" />\n\n        @if (!isLoad && nVal && !inputControl.disabled) {\n          <button type=\"button\" class=\"sd-clear-btn\" matSuffix (click)=\"clear($event)\" title=\"X\u00F3a\" aria-label=\"X\u00F3a\">\n            <mat-icon>close</mat-icon>\n          </button>\n        } @else if (isLoad) {\n          <mat-spinner [diameter]=\"20\" matSuffix></mat-spinner>\n        } @else {\n          <mat-icon class=\"cursor-pointer sd-suffix-icon\" matSuffix>search</mat-icon>\n        }\n\n        <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onSelect($event.option.value)\" class=\"sd-autocomplete-panel\">\n          @let itemsList = filteredItems();\n\n          @if (itemsList?.length) {\n            @for (item of itemsList; track $index) {\n              <mat-option\n                [value]=\"item\"\n                matTooltipPosition=\"above\"\n                [matTooltip]=\"dField ? getNestedValue(item, dField) : item\"\n                [disabled]=\"disField ? getNestedValue(item, disField) : false\">\n                @if (iDefTpl) {\n                  <ng-container *ngTemplateOutlet=\"iDefTpl ?? null; context: { item: item }\"> </ng-container>\n                } @else {\n                  {{ dField ? getNestedValue(item, dField) : item }}\n                }\n              </mat-option>\n            }\n          } @else if (!itemsList?.length && inputControl.value && !isTyping() && !isLoad) {}\n\n          @if (addable() && sdAdd.observed) {\n            <mat-option class=\"sd__option--add\" (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\n              <div (click)=\"onAdd($event)\">\n                <mat-icon class=\"mr-1\">add</mat-icon>\n                {{ 'New item' }}\n              </div>\n            </mat-option>\n          }\n        </mat-autocomplete>\n\n        @if (hideErr && errMsg && formControl.touched) {\n          <mat-icon matSuffix class=\"sd-error-icon\" [matTooltip]=\"errMsg\" matTooltipPosition=\"above\"> error </mat-icon>\n        }\n\n        @if (!hideErr && errMsg && formControl.touched) {\n          <mat-error>{{ errMsg }}</mat-error>\n        }\n      </mat-form-field>\n    }\n  </div>\n}\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}:host{display:block}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}:host ::ng-deep .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-text-field-wrapper{background:var(--sd-black100)}:host ::ng-deep .mat-mdc-form-field input.c-selected::placeholder{color:#000;opacity:1}:host ::ng-deep .mat-mdc-form-field input.c-selected:-ms-input-placeholder{color:#000}:host ::ng-deep .mat-mdc-form-field input.c-selected::-ms-input-placeholder{color:#000}:host ::ng-deep .mat-mdc-form-field input.mat-mdc-input-element:disabled{color:var(--sd-black400)!important}:host ::ng-deep .mat-mdc-form-field input.mat-mdc-input-element:disabled.c-selected::placeholder{color:var(--sd-black400)!important}:host ::ng-deep .mat-mdc-form-field input.mat-mdc-input-element:disabled.c-selected:-ms-input-placeholder{color:var(--sd-black400)!important}:host ::ng-deep .mat-mdc-form-field input.mat-mdc-input-element:disabled.c-selected::-ms-input-placeholder{color:var(--sd-black400)!important}:host ::ng-deep .mat-mdc-form-field .mat-mdc-placeholder-required{color:var(--sd-error)}:host ::ng-deep .mat-mdc-form-field:hover .icon-copy{opacity:1}:host ::ng-deep .mat-mdc-form-field .icon-copy{cursor:pointer;width:.9em;height:.9em;fill:#00000080;transition:opacity .2s linear;opacity:0}::ng-deep .sd-autocomplete-panel .mat-mdc-option{min-height:36px!important;padding:8px 12px!important}::ng-deep .sd-autocomplete-panel .mdc-list-item__primary-text{font-size:14px!important;line-height:normal}::ng-deep .sd-autocomplete-panel .mat-pseudo-checkbox{transform:scale(.75);margin-right:8px!important}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd__option--add{position:sticky;bottom:0;background-color:#fff;z-index:10;color:#000000de;cursor:pointer!important}.c-loading-icon{position:absolute;right:5px;top:5px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { sdAdd: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdAutocomplete };
+//# sourceMappingURL=sdcorejs-angular-forms-autocomplete.mjs.map

package/fesm2022/sdcorejs-angular-forms-autocomplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdcorejs-angular-forms-autocomplete.mjs","sources":["../../../projects/sdcorejs-angular/forms/autocomplete/src/autocomplete.component.ts","../../../projects/sdcorejs-angular/forms/autocomplete/src/autocomplete.component.html","../../../projects/sdcorejs-angular/forms/autocomplete/sdcorejs-angular-forms-autocomplete.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/component-class-suffix */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @angular-eslint/no-input-rename */\nimport { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  OnDestroy,\n  OnInit,\n  Output,\n  TemplateRef,\n  booleanAttribute,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport {\n  AsyncValidatorFn,\n  FormControl,\n  FormGroup,\n  FormGroupDirective,\n  FormsModule,\n  NgForm,\n  ReactiveFormsModule,\n  ValidatorFn,\n  Validators,\n} from '@angular/forms';\nimport { MatAutocompleteModule, MatAutocompleteTrigger } from '@angular/material/autocomplete';\nimport { ErrorStateMatcher } from '@angular/material/core';\nimport { MatFormFieldAppearance, MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SdView } from '@sdcorejs/angular/components/view';\nimport { SdItemDefDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';\nimport { SdLabel } from '@sdcorejs/angular/forms/label';\nimport {\n  HandleSdCustomValidator,\n  SD_FORM_CONFIGURATION,\n  SdCustomValidator,\n  SdFormControl,\n  SdInlineErrorValidator,\n  SdSearch,\n  SdSelectionData,\n  sdFormControlState,\n} from '@sdcorejs/angular/forms/models';\nimport { I18nService } from '@sdcorejs/angular/i18n';\nimport { sdSerializeDataValue, sdIsEmpty } from '@sdcorejs/angular/utilities/data-state';\nimport { ArrayUtilities } from '@sdcorejs/angular/utilities/extensions';\nimport { Size } from '@sdcorejs/utils/models';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { Observable, Subscription, combineLatest, defer, from, of, timer } from 'rxjs';\nimport { catchError, debounce, map, startWith, switchMap, tap } from 'rxjs/operators';\nimport * as uuid from 'uuid';\n\nclass SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {\n  constructor(private formControl: FormControl) {}\n  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n    const isSubmitted = form && form.submitted;\n    return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\n  }\n}\n\n@Component({\n  selector: 'sd-autocomplete',\n  templateUrl: './autocomplete.component.html',\n  styleUrls: ['./autocomplete.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: { '[class.sd-has-label]': '!!label()', '[class.sd-viewed]': 'viewed()' },\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatTooltipModule,\n    MatFormFieldModule,\n    MatAutocompleteModule,\n    MatIconModule,\n    MatProgressSpinnerModule,\n    SdLabel,\n    SdView,\n  ],\n})\nexport class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewInit {\n  id = `I${uuid.v4()}`;\n\n  // ==========================================\n  // 1. SIGNAL QUERIES\n  // ==========================================\n  inputRef = viewChild<ElementRef<HTMLInputElement>>('input');\n  autocompleteTrigger = viewChild(MatAutocompleteTrigger);\n\n  sdLabelTemplate = contentChild<TemplateRef<any>>('sdLabel');\n  sdValueTemplate = contentChild<TemplateRef<any>>('sdValue');\n  itemDef = contentChild(SdItemDefDefDirective);\n  sdViewDef = contentChild(SdViewDefDirective);\n\n  // ==========================================\n  // 2. INJECTS\n  // ==========================================\n  private ref = inject(ChangeDetectorRef);\n  private formConfig = inject(SD_FORM_CONFIGURATION, { optional: true });\n  readonly #i18n = inject(I18nService);\n\n  // ==========================================\n  // 3. SIGNAL INPUTS & MODEL\n  // ==========================================\n  autoIdInput = input<string | undefined | null>(undefined, { alias: 'autoId' });\n  autoId = computed(() => (this.autoIdInput() ? `forms-autocomplete-${this.autoIdInput()}` : undefined));\n\n  // E2E data-* attributes\n  readonly #state = sdFormControlState(computed(() => this.formControl));\n  readonly dataDisabled = computed(() => (this.#state().disabled ? 'true' : 'false'));\n  readonly dataInvalid = computed(() => (this.#state().invalid ? 'true' : 'false'));\n  readonly dataEmpty = computed(() => (sdIsEmpty(this.#state().value) ? 'true' : 'false'));\n  readonly dataValue = computed(() => sdSerializeDataValue(this.#state().value));\n  readonly dataLoading = computed(() => (this.loading() ? 'true' : 'false'));\n\n  readonly dataRequired = computed(() => (this.required() ? 'true' : 'false'));\n  readonly dataErrorMessage = computed(() => {\n    void this.#state();\n    const msg = this.errorMessage();\n    return msg && msg.length > 0 ? msg : null;\n  });\n\n  name = input<string>(uuid.v4());\n\n  size = input<Size>('md');\n  // Ghi (TransformT): any (để không bị lỗi typing khi cha truyền vào)\n  form = input<FormGroup | undefined, any>(undefined, {\n    transform: (val: any): FormGroup | undefined => {\n      if (!val) return undefined;\n      // Nếu cha truyền vào NgForm (template-driven) -> Bóc lấy FormGroup bên trong\n      if (val instanceof NgForm) return val.form;\n      // Nếu cha truyền sẵn FormGroup (reactive) -> Lấy luôn\n      if (val instanceof FormGroup) return val;\n      // Fallback an toàn phòng trường hợp cha truyền 1 object chứa form\n      if (val?.form instanceof FormGroup) return val.form;\n      return undefined;\n    },\n  });\n  label = input<string | undefined>();\n  helperText = input<string | undefined>();\n  placeholder = input<string | undefined>();\n\n  valueField = input<string | undefined>();\n  displayField = input<string | undefined>();\n  disabledField = input<string>('');\n  limit = input<number>(100);\n  cacheChecksum = input<any>();\n  hyperlink = input<string | null | undefined>();\n\n  items = input<undefined | null | T[] | SdSearch<T>>();\n\n  hideInlineError = input(false, { transform: booleanAttribute });\n  addable = input(false, { transform: booleanAttribute });\n  required = input(false, { transform: booleanAttribute });\n  disabled = input(false, { transform: booleanAttribute });\n  viewed = input(false, { transform: booleanAttribute });\n\n  validator = input<SdCustomValidator | undefined>();\n  inlineError = input<string | undefined>();\n\n  /**\n   * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.\n   */\n  readonly errorMessage = computed<string | undefined>(() => {\n    void this.#state();\n    const errors = this.formControl.errors;\n    if (!errors) return undefined;\n\n    if (errors['required']) return this.#i18n.t('core.form.autocomplete.required');\n    if (errors['customValidator']) return errors['customValidator'] as string;\n    if (errors['inlineError']) return this.inlineError();\n    return undefined;\n  });\n\n  appearanceInput = input<MatFormFieldAppearance | undefined>(undefined, { alias: 'appearance' });\n  appearance = computed(() => this.appearanceInput() ?? this.formConfig?.appearance ?? 'outline');\n\n  valueModel = model<string | number | undefined | null>(undefined, { alias: 'model' });\n\n  // ==========================================\n  // 4. SIGNAL OUTPUTS\n  // ==========================================\n  sdChange = output<string | number | null>();\n  sdSelection = output<SdSelectionData>();\n  @Output() sdAdd = new EventEmitter<void>();\n\n  // ==========================================\n  // 5. INTERNAL STATE & STREAMS\n  // ==========================================\n  loading = signal(false);\n  isFocused = false;\n  isTyping = signal(false);\n\n  inputControl = new SdFormControl();\n  formControl = new SdFormControl();\n  matcher = new SdAutocompleteErrotStateMatcher(this.formControl);\n\n  #cache: Record<string, T[]> = {};\n  #item: Record<string, T> = {};\n  #subscription = new Subscription();\n\n  // RXJS STREAMS\n  #items$ = toObservable(this.items);\n  #valueModel$ = toObservable(this.valueModel);\n\n  // PUBLIC SIGNALS (Render View)\n  filteredItems = signal<any[]>([]);\n  selected = signal<any>(null);\n  display = signal<string>('');\n  controlPlaceHolder = signal<string>('');\n\n  normalizedValue = computed(() => this.valueModel());\n\n  // ==========================================\n  // [NEW]: Hàm đọc thuộc tính lồng nhau (a.b.c)\n  // ==========================================\n  getNestedValue = (obj: any, path: string | undefined): any => {\n    if (!path || obj == null) return obj;\n    const keys = path.split('.');\n    let result = obj;\n    for (const key of keys) {\n      if (result == null) return undefined;\n      result = result[key];\n    }\n    return result;\n  };\n\n  constructor() {\n    effect(() => {\n      const val = this.normalizedValue();\n      untracked(() => {\n        if (this.formControl.value !== val) {\n          this.formControl.setValue(val, { emitEvent: false });\n        }\n      });\n    });\n\n    effect(() => {\n      if (this.disabled()) {\n        this.inputControl.disable({ emitEvent: false });\n        this.formControl.disable({ emitEvent: false });\n      } else {\n        this.inputControl.enable({ emitEvent: false });\n        this.formControl.enable({ emitEvent: false });\n      }\n    });\n\n    effect(() => {\n      const req = this.required();\n      const val = this.validator();\n      const inl = this.inlineError();\n      untracked(() => this.#updateValidator(req, val, inl));\n    });\n  }\n\n  ngOnInit() {\n    this.#subscription.add(\n      this.formControl.valueChanges.subscribe(val => {\n        if (this.valueModel() !== val) {\n          this.valueModel.set(val);\n        }\n      })\n    );\n\n    this.#subscription.add(\n      this.inputControl.touchChanges.subscribe(() => {\n        this.formControl.markAsTouched();\n        this.ref.markForCheck();\n      })\n    );\n    this.#subscription.add(this.formControl.sdChanges.subscribe(() => this.ref.markForCheck()));\n    this.#subscription.add(this.inputControl.sdChanges.subscribe(() => this.ref.markForCheck()));\n    \n    this.#subscription.add(\n      this.inputControl.valueChanges.subscribe(() => this.isTyping.set(true))\n    );\n\n    const cleanItems$ = this.#items$.pipe(\n      tap(() => {\n        this.#cache = {};\n      }), \n      map(items => {\n        if (!items) return [];\n        if (Array.isArray(items)) return items.filter(e => e !== null && e !== undefined);\n        return items;\n      })\n    );\n\n    const filteredItems$ = combineLatest([\n      cleanItems$,\n      this.inputControl.valueChanges.pipe(\n        startWith(''),\n        debounce(() => timer(typeof this.items() === 'function' ? 500 : 0))\n      ),\n    ]).pipe(\n      tap(() => this.isTyping.set(false)),\n      switchMap(([items, searchText]) => {\n        const sText = searchText || '';\n        \n        if (typeof items !== 'function') {\n          // [UPDATED]: Hỗ trợ search lồng nhau (nested) local\n          const filtered = items.filter((e: any) => {\n            const v = String(this.getNestedValue(e, this.valueField()) || '').toLowerCase();\n            const d = String(this.getNestedValue(e, this.displayField()) || '').toLowerCase();\n            const q = sText.toLowerCase();\n            return v.includes(q) || d.includes(q);\n          });\n          return of(ArrayUtilities.paging(filtered, this.limit()));\n        }\n        \n        const key = Utilities.hash({\n          checksum: this.cacheChecksum() || null,\n          searchText: sText,\n        });\n\n        if (this.#cache[key] !== undefined) {\n          return of(this.#cache[key]);\n        }\n\n        this.loading.set(true); \n\n        let obs: Observable<T[]>;\n        const func = items({ type: 'SEARCH', searchText: sText });\n        if (func instanceof Promise) obs = defer(() => from(func));\n        else obs = func;\n\n        return obs.pipe(\n          map(data => {\n            this.#cache[key] = data || [];\n            // [UPDATED]: Lưu cache #item theo nested value\n            (this.#cache[key] || []).forEach((e: any) => {\n              const valKey = this.getNestedValue(e, this.valueField());\n              if (valKey != null) {\n                this.#item[valKey] = e;\n              }\n            });\n            return this.#cache[key];\n          }),\n          catchError(() => of([])) \n        );\n      }),\n      tap(() => this.loading.set(false)) \n    );\n\n    const selected$ = combineLatest([cleanItems$, this.#valueModel$]).pipe(\n      switchMap(([items, val]) => {\n        const vField = this.valueField();\n        const dField = this.displayField();\n\n        if (!vField) return of(val);\n\n        if (val || val === 0) {\n          if (typeof items === 'function') {\n            if (this.#item[val as any]) return of(this.#item[val as any]);\n\n            this.loading.set(true); \n            \n            let obs: Observable<T[]>;\n            const func = items({ type: 'VALUE', value: val as any });\n            if (func instanceof Promise) obs = defer(() => from(func));\n            else obs = func;\n\n            return obs.pipe(\n              map(data => {\n                // [UPDATED]: Lưu cache #item theo nested value\n                (data || []).forEach((e: any) => {\n                  const valKey = this.getNestedValue(e, vField);\n                  if (valKey != null) {\n                    this.#item[valKey] = e;\n                  }\n                });\n                return this.#item[val as any] || { [vField]: val, [dField!]: val };\n              }),\n              catchError(() => of({ [vField]: val, [dField!]: val }))\n            );\n          }\n          // [UPDATED]: Tìm local theo nested field\n          return of((items as any[]).find((e: any) => this.getNestedValue(e, vField) === val));\n        }\n        return of('');\n      }),\n      tap(() => this.loading.set(false))\n    );\n\n    const controlPlaceHolder$ = selected$.pipe(\n      map((item: T) => {\n        // [UPDATED]: Đọc PlaceHolder bằng getNestedValue\n        const dispVal = this.getNestedValue(item, this.displayField());\n        return dispVal ?? item ?? this.placeholder() ?? (this.appearance() ? this.label() : '');\n      })\n    );\n\n    const display$ = selected$.pipe(\n      map((item: T) => {\n        // [UPDATED]: Đọc Display bằng getNestedValue\n        const dField = this.displayField(); \n        \n        if (dField && typeof item === 'object' && !!item) {\n          return this.getNestedValue(item, dField) ?? '';\n        }\n        if (typeof item === 'string' || typeof item === 'number') {\n          return item.toString();\n        }\n        return '';\n      })\n    );\n\n    this.#subscription.add(filteredItems$.subscribe(val => {\n      this.filteredItems.set(val || []);\n      this.ref.markForCheck();\n    }));\n    this.#subscription.add(selected$.subscribe(val => {\n      this.selected.set(val);\n      this.ref.markForCheck();\n    }));\n    this.#subscription.add(controlPlaceHolder$.subscribe(val => {\n      this.controlPlaceHolder.set(val || '');\n      this.ref.markForCheck();\n    }));\n    this.#subscription.add(display$.subscribe(val => {\n      this.display.set(val || '');\n      this.ref.markForCheck();\n    }));\n  }\n\n  ngAfterViewInit() {\n    const formGroup = this.form();\n    formGroup?.addControl(this.name(), this.formControl);\n  }\n\n  ngOnDestroy() {\n    this.#subscription.unsubscribe();\n    const formGroup = this.form();\n    formGroup?.removeControl(this.name());\n    \n    this.#cache = {};\n    this.#item = {};\n  }\n\n  onSelect = (item: T) => {\n    if (!item) return;\n\n    const vField = this.valueField();\n    const dField = this.displayField();\n\n    if (typeof item === 'string' || typeof item === 'number') {\n      if (this.formControl.value !== item) {\n        this.formControl.setValue(item, { emitEvent: false });\n        this.valueModel.set(item);\n        this.sdChange.emit(item);\n        this.sdSelection.emit({ values: [item], selectedItems: [item], value: item, selectedItem: item });\n      }\n    } else if (vField && dField) {\n      // [UPDATED]: Lấy giá trị val = getNestedValue(item, vField)\n      const val = this.getNestedValue(item, vField) ?? null;\n      if (this.formControl.value !== val) {\n        this.formControl.setValue(val, { emitEvent: false });\n        this.valueModel.set(val);\n        this.sdChange.emit(val);\n        this.sdSelection.emit({ values: [val], selectedItems: [item], value: val, selectedItem: item });\n      }\n    }\n    this.inputControl.setValue('', { emitEvent: false });\n  };\n\n  onFocus = () => {\n    this.isFocused = true;\n    this.filteredItems.set([]); \n    \n    if (typeof this.items() === 'function') {\n      this.loading.set(true); \n    }\n\n    this.inputControl.setValue('', { emitEvent: true });\n  };\n\n  onBlur = () => {\n    this.isFocused = false;\n    this.inputControl.setValue('', { emitEvent: false });\n  };\n\n  onClick = () => {\n    if (this.sdViewDef()?.templateRef) {\n      if (!this.formControl.disabled && !this.isFocused) {\n        this.focus();\n      }\n    }\n  };\n\n  blur = () => {\n    this.inputRef()?.nativeElement?.blur();\n  };\n\n  focus = () => {\n    this.isFocused = true;\n    setTimeout(() => {\n      this.autocompleteTrigger()?.openPanel();\n      this.inputRef()?.nativeElement?.focus();\n    }, 100);\n  };\n\n  clear = ($event?: any) => {\n    $event?.stopPropagation();\n    this.filteredItems.set([]);\n    this.inputControl?.setValue('');\n    if (this.valueModel()) {\n      this.formControl.setValue(null, { emitEvent: false });\n      this.valueModel.set(null);\n      this.sdChange.emit(null);\n      this.sdSelection.emit({ values: [null], selectedItems: [], value: null, selectedItem: null });\n    }\n  };\n\n  onAdd = ($event: Event) => {\n    $event.stopPropagation();\n    $event?.preventDefault();\n    this.sdAdd.emit();\n  };\n\n  reValidate = () => {\n    this.inputControl.updateValueAndValidity({ emitEvent: true });\n  };\n\n  #updateValidator = (req: boolean, val: SdCustomValidator | undefined, inl: string | undefined) => {\n    const validators: ValidatorFn[] = [];\n    const asyncValidators: AsyncValidatorFn[] = [];\n\n    if (req) validators.push(Validators.required);\n    if (val) asyncValidators.push(HandleSdCustomValidator(val));\n    if (inl) validators.push(SdInlineErrorValidator);\n\n    this.formControl.setValidators(validators.length ? validators : null);\n    this.formControl.setAsyncValidators(asyncValidators.length ? asyncValidators : null);\n    this.formControl.updateValueAndValidity({ emitEvent: false });\n  };\n}","@let lbl = label();\n@let app = appearance();\n@let hideErr = hideInlineError();\n@let errMsg = errorMessage();\n@let viewDef = sdViewDef();\n@let hText = helperText();\n@let req = required();\n@let dField = displayField();\n@let disField = disabledField();\n@let iDefTpl = itemDef()?.templateRef;\n@let isLoad = loading();\n@let nVal = $any(normalizedValue());\n\n@if (viewed()) {\n  <sd-view\n    [label]=\"lbl\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"nVal\"\n    [display]=\"display()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"sdValueTemplate()\">\n  </sd-view>\n} @else {\n  @if (!app) {\n    <ng-content select=\"[sdLabel]\">\n      @if (lbl) {\n        <sd-label [label]=\"lbl\" [required]=\"req\"></sd-label>\n      }\n    </ng-content>\n  }\n\n  <div\n    class=\"d-flex align-items-center\"\n    [class.sd-view]=\"viewDef?.templateRef\"\n    [class.c-focused]=\"isFocused\"\n    [class.c-disabled]=\"formControl.disabled\"\n    (click)=\"onClick()\"\n    aria-hidden=\"true\">\n    @if (viewDef?.templateRef && !autocompleteTrigger()?.panelOpen && !isFocused) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          viewDef!.templateRef;\n          context: {\n            value: nVal,\n            selectedItem: selected(),\n          }\n        \">\n      </ng-container>\n    } @else {\n      <mat-form-field\n        [class.sd-md]=\"size() === 'md'\"\n        [class.sd-sm]=\"size() === 'sm'\"\n        [class.hide-inline-error]=\"hideErr\"\n        [floatLabel]=\"nVal ? 'always' : 'auto'\"\n        [appearance]=\"app || 'outline'\">\n        @if (app && lbl) {\n          <mat-label style=\"display: inline-block\">\n            <div style=\"display: flex; align-items: center; gap: 4px\">\n              <span>{{ lbl }}</span>\n              @if (hText) {\n                <mat-icon [matTooltip]=\"hText\" matTooltipPosition=\"below\">info_outline</mat-icon>\n              }\n            </div>\n          </mat-label>\n        }\n\n        <input\n          [id]=\"id\"\n          [formControl]=\"inputControl\"\n          [placeholder]=\"controlPlaceHolder() || ''\"\n          [class.c-selected]=\"nVal\"\n          [matAutocomplete]=\"auto\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n          matInput\n          [autocomplete]=\"id\"\n          autocorrect=\"off\"\n          [errorStateMatcher]=\"matcher\"\n          [required]=\"req\"\n          #input\n          #autocompleteTrigger=\"matAutocompleteTrigger\"\n          [attr.data-autoId]=\"autoId()\"\n          [attr.data-disabled]=\"dataDisabled()\"\n          [attr.data-invalid]=\"dataInvalid()\"\n          [attr.data-empty]=\"dataEmpty()\"\n          [attr.data-value]=\"dataValue()\"\n          [attr.data-loading]=\"dataLoading()\"\n          [attr.data-required]=\"dataRequired()\"\n          [attr.data-error-message]=\"dataErrorMessage()\"\n          aria-hidden=\"true\" />\n\n        @if (!isLoad && nVal && !inputControl.disabled) {\n          <button type=\"button\" class=\"sd-clear-btn\" matSuffix (click)=\"clear($event)\" title=\"Xóa\" aria-label=\"Xóa\">\n            <mat-icon>close</mat-icon>\n          </button>\n        } @else if (isLoad) {\n          <mat-spinner [diameter]=\"20\" matSuffix></mat-spinner>\n        } @else {\n          <mat-icon class=\"cursor-pointer sd-suffix-icon\" matSuffix>search</mat-icon>\n        }\n\n        <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onSelect($event.option.value)\" class=\"sd-autocomplete-panel\">\n          @let itemsList = filteredItems();\n\n          @if (itemsList?.length) {\n            @for (item of itemsList; track $index) {\n              <mat-option\n                [value]=\"item\"\n                matTooltipPosition=\"above\"\n                [matTooltip]=\"dField ? getNestedValue(item, dField) : item\"\n                [disabled]=\"disField ? getNestedValue(item, disField) : false\">\n                @if (iDefTpl) {\n                  <ng-container *ngTemplateOutlet=\"iDefTpl ?? null; context: { item: item }\"> </ng-container>\n                } @else {\n                  {{ dField ? getNestedValue(item, dField) : item }}\n                }\n              </mat-option>\n            }\n          } @else if (!itemsList?.length && inputControl.value && !isTyping() && !isLoad) {}\n\n          @if (addable() && sdAdd.observed) {\n            <mat-option class=\"sd__option--add\" (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\n              <div (click)=\"onAdd($event)\">\n                <mat-icon class=\"mr-1\">add</mat-icon>\n                {{ 'New item' }}\n              </div>\n            </mat-option>\n          }\n        </mat-autocomplete>\n\n        @if (hideErr && errMsg && formControl.touched) {\n          <mat-icon matSuffix class=\"sd-error-icon\" [matTooltip]=\"errMsg\" matTooltipPosition=\"above\"> error </mat-icon>\n        }\n\n        @if (!hideErr && errMsg && formControl.touched) {\n          <mat-error>{{ errMsg }}</mat-error>\n        }\n      </mat-form-field>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}