@sdcorejs/angular 21.1.2 → 21.1.4

package/fesm2022/sdcorejs-angular-forms-entity-picker.mjs

@@ -0,0 +1,384 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, viewChild, contentChild, input, computed, booleanAttribute, model, output, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { SdDataState } from '@sdcorejs/angular/components/data-state';
+import { SdModal } from '@sdcorejs/angular/components/modal';
+import { SdQueryBar } from '@sdcorejs/angular/components/query-bar';
+import { SdTable } from '@sdcorejs/angular/components/table';
+import { I18nService, TranslatePipe } from '@sdcorejs/angular/i18n';
+import { ɵsdCoerceFormGroup as _sdCoerceFormGroup, sdViewedTransform, SdFormControl, ɵsdFormControlConnector as _sdFormControlConnector } from '@sdcorejs/angular/forms/models';
+import { Utilities } from '@sdcorejs/utils/fns';
+
+class SdEntityPickerSelectedTemplateDirective {
+    template = inject(TemplateRef);
+    static ngTemplateContextGuard(_directive, _context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdEntityPickerSelectedTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SdEntityPickerSelectedTemplateDirective, isStandalone: true, selector: "ng-template[sdEntityPickerSelected]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdEntityPickerSelectedTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[sdEntityPickerSelected]', standalone: true }]
+        }] });
+class SdEntityPickerRowTemplateDirective {
+    template = inject(TemplateRef);
+    static ngTemplateContextGuard(_directive, _context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdEntityPickerRowTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SdEntityPickerRowTemplateDirective, isStandalone: true, selector: "ng-template[sdEntityPickerRow]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdEntityPickerRowTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[sdEntityPickerRow]', standalone: true }]
+        }] });
+class SdEntityPickerDetailTemplateDirective {
+    template = inject(TemplateRef);
+    static ngTemplateContextGuard(_directive, _context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdEntityPickerDetailTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SdEntityPickerDetailTemplateDirective, isStandalone: true, selector: "ng-template[sdEntityPickerDetail]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdEntityPickerDetailTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[sdEntityPickerDetail]', standalone: true }]
+        }] });
+class SdEntityPicker {
+    #i18n = inject(I18nService);
+    trigger = viewChild('trigger', ...(ngDevMode ? [{ debugName: "trigger" }] : /* istanbul ignore next */ []));
+    modal = viewChild(SdModal, ...(ngDevMode ? [{ debugName: "modal" }] : /* istanbul ignore next */ []));
+    table = viewChild((SdTable), ...(ngDevMode ? [{ debugName: "table" }] : /* istanbul ignore next */ []));
+    selectedTemplate = contentChild((SdEntityPickerSelectedTemplateDirective), ...(ngDevMode ? [{ debugName: "selectedTemplate" }] : /* istanbul ignore next */ []));
+    rowTemplate = contentChild((SdEntityPickerRowTemplateDirective), ...(ngDevMode ? [{ debugName: "rowTemplate" }] : /* istanbul ignore next */ []));
+    detailTemplate = contentChild((SdEntityPickerDetailTemplateDirective), ...(ngDevMode ? [{ debugName: "detailTemplate" }] : /* istanbul ignore next */ []));
+    autoIdInput = input(undefined, { ...(ngDevMode ? { debugName: "autoIdInput" } : /* istanbul ignore next */ {}), alias: 'autoId' });
+    autoId = computed(() => (this.autoIdInput() ? `forms-entity-picker-${this.autoIdInput()}` : undefined), ...(ngDevMode ? [{ debugName: "autoId" }] : /* istanbul ignore next */ []));
+    name = input(Utilities.generateUuid(), ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    form = input(undefined, { ...(ngDevMode ? { debugName: "form" } : /* istanbul ignore next */ {}), transform: _sdCoerceFormGroup });
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    modalTitle = input(...(ngDevMode ? [undefined, { debugName: "modalTitle" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : /* istanbul ignore next */ []));
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    queryFields = input([], ...(ngDevMode ? [{ debugName: "queryFields" }] : /* istanbul ignore next */ []));
+    pageSize = input(20, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+    valueField = input(...(ngDevMode ? [undefined, { debugName: "valueField" }] : /* istanbul ignore next */ []));
+    keySelector = input(...(ngDevMode ? [undefined, { debugName: "keySelector" }] : /* istanbul ignore next */ []));
+    displayField = input(...(ngDevMode ? [undefined, { debugName: "displayField" }] : /* istanbul ignore next */ []));
+    displayWith = input(...(ngDevMode ? [undefined, { debugName: "displayWith" }] : /* istanbul ignore next */ []));
+    compareWith = input(Object.is, ...(ngDevMode ? [{ debugName: "compareWith" }] : /* istanbul ignore next */ []));
+    disabledEntity = input(...(ngDevMode ? [undefined, { debugName: "disabledEntity" }] : /* istanbul ignore next */ []));
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    clearable = input(true, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    viewed = input(false, { ...(ngDevMode ? { debugName: "viewed" } : /* istanbul ignore next */ {}), transform: sdViewedTransform });
+    addable = input(false, { ...(ngDevMode ? { debugName: "addable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    model = model(undefined, ...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
+    sdChange = output();
+    sdAdd = output();
+    sdLoadError = output();
+    formControl = new SdFormControl();
+    #connector = _sdFormControlConnector({
+        form: this.form,
+        name: this.name,
+        control: computed(() => this.formControl),
+        model: this.model,
+        writeModel: value => {
+            this.model.set(value);
+            this.sdChange.emit(value);
+        },
+        modelToControl: value => value,
+        controlToModel: value => value,
+        required: this.required,
+        disabled: this.disabled,
+        readonly: this.readonly,
+        viewed: this.viewed,
+    });
+    connectorState = this.#connector.state;
+    draftKeys = signal([], ...(ngDevMode ? [{ debugName: "draftKeys" }] : /* istanbul ignore next */ []));
+    loadError = signal(null, ...(ngDevMode ? [{ debugName: "loadError" }] : /* istanbul ignore next */ []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    hydrating = signal(false, ...(ngDevMode ? [{ debugName: "hydrating" }] : /* istanbul ignore next */ []));
+    query = signal({ filters: [], logic: 'AND', search: '' }, ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
+    #entityCache = signal([], ...(ngDevMode ? [{ debugName: "#entityCache" }] : /* istanbul ignore next */ []));
+    #loadController;
+    #loadVersion = 0;
+    #hydrationError = null;
+    modelKeys = computed(() => normalizePickerKeys(this.model(), this.multiple()), ...(ngDevMode ? [{ debugName: "modelKeys" }] : /* istanbul ignore next */ []));
+    effectivePlaceholder = computed(() => this.placeholder() ?? this.#i18n.t('core.form.entity-picker.placeholder'), ...(ngDevMode ? [{ debugName: "effectivePlaceholder" }] : /* istanbul ignore next */ []));
+    effectiveModalTitle = computed(() => this.modalTitle() ?? this.#i18n.t('core.form.entity-picker.modal-title'), ...(ngDevMode ? [{ debugName: "effectiveModalTitle" }] : /* istanbul ignore next */ []));
+    selectedEntities = computed(() => this.#entitiesForKeys(this.modelKeys()), ...(ngDevMode ? [{ debugName: "selectedEntities" }] : /* istanbul ignore next */ []));
+    draftEntities = computed(() => this.#entitiesForKeys(this.draftKeys()), ...(ngDevMode ? [{ debugName: "draftEntities" }] : /* istanbul ignore next */ []));
+    displayText = computed(() => this.#displayForKeys(this.modelKeys()), ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+    selectedTemplateContext = computed(() => ({
+        $implicit: this.selectedEntities(),
+        entities: this.selectedEntities(),
+        keys: this.modelKeys(),
+    }), ...(ngDevMode ? [{ debugName: "selectedTemplateContext" }] : /* istanbul ignore next */ []));
+    detailTemplateContext = computed(() => ({
+        $implicit: this.draftEntities(),
+        entities: this.draftEntities(),
+        keys: this.draftKeys(),
+    }), ...(ngDevMode ? [{ debugName: "detailTemplateContext" }] : /* istanbul ignore next */ []));
+    tableOption = computed(() => {
+        const customTemplate = this.rowTemplate()?.template;
+        const configuredColumns = [...this.columns()];
+        const fallbackField = (this.displayField() ?? '__sdEntityPickerDisplay');
+        const fallbackColumn = {
+            field: fallbackField,
+            title: this.label() ?? this.#i18n.t('core.form.entity-picker.value'),
+            type: 'string',
+            transform: (_value, item) => this.displayEntity(item),
+            cell: customTemplate ? { templateRef: customTemplate } : undefined,
+        };
+        const columns = configuredColumns.length > 0 ? configuredColumns : [fallbackColumn];
+        if (customTemplate && configuredColumns.length > 0) {
+            columns[0] = { ...columns[0], cell: { ...columns[0].cell, templateRef: customTemplate } };
+        }
+        return {
+            // SdTable hashes anonymous options for session configuration. A projected
+            // TemplateRef is cyclic, so give the composed table an explicit stable key.
+            key: `${this.autoId() ?? this.name()}-table`,
+            type: 'server',
+            columns,
+            items: (filterRequest, pagingRequest) => this.loadPage(filterRequest, pagingRequest),
+            paginate: { pageSize: this.pageSize() },
+            selector: {
+                visible: true,
+                single: !this.multiple(),
+                defaultSelected: item => this.#hasKey(this.draftKeys(), this.keyOf(item)),
+                disabled: item => (item ? !!this.disabledEntity()?.(item) : false),
+                onSelect: (item, selectedItems) => {
+                    if (item)
+                        this.onTableSelect(item, selectedItems ?? []);
+                },
+                onSelectAll: selectedItems => this.onTableSelectAll(selectedItems),
+            },
+            filter: { hideInlineFilter: true, hideExternalFilterToolbar: true },
+        };
+    }, ...(ngDevMode ? [{ debugName: "tableOption" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(onCleanup => {
+            const provider = this.provider();
+            const keys = this.modelKeys();
+            if (!provider?.hydrate || keys.length === 0)
+                return;
+            const controller = new AbortController();
+            this.hydrating.set(true);
+            Promise.resolve(provider.hydrate(keys, controller.signal))
+                .then(items => {
+                if (controller.signal.aborted)
+                    return;
+                this.#mergeEntities(items);
+                if (this.loadError() === this.#hydrationError)
+                    this.loadError.set(null);
+                this.#hydrationError = null;
+            })
+                .catch(error => {
+                if (!controller.signal.aborted && !isAbortError(error)) {
+                    this.#hydrationError = error;
+                    this.loadError.set(error);
+                    this.sdLoadError.emit(error);
+                }
+            })
+                .finally(() => {
+                if (!controller.signal.aborted)
+                    this.hydrating.set(false);
+            });
+            onCleanup(() => controller.abort());
+        });
+    }
+    open() {
+        if (this.formControl.disabled || this.readonly() || this.connectorState().isViewed)
+            return;
+        this.draftKeys.set([...this.modelKeys()]);
+        this.modal()?.open();
+    }
+    applySelection() {
+        const keys = [...this.draftKeys()];
+        const value = this.multiple() ? keys : (keys[0] ?? null);
+        this.formControl.setValue(value);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+        this.modal()?.close();
+    }
+    cancel() {
+        this.modal()?.close();
+    }
+    clear(event) {
+        event?.stopPropagation();
+        if (this.formControl.disabled || this.readonly())
+            return;
+        this.formControl.setValue(this.multiple() ? [] : null);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+    }
+    onModalClosed() {
+        queueMicrotask(() => this.trigger()?.nativeElement.focus());
+    }
+    onTableSelect(item, selectedItems) {
+        this.#mergeEntities(selectedItems);
+        const key = this.keyOf(item);
+        const selected = selectedItems.some(candidate => this.compareWith()(this.keyOf(candidate), key));
+        if (!this.multiple()) {
+            this.draftKeys.set(selected ? [key] : []);
+            return;
+        }
+        this.draftKeys.update(keys => selected ? appendUnique(keys, key, this.compareWith()) : keys.filter(value => !this.compareWith()(value, key)));
+    }
+    onTableSelectAll(selectedItems, pageItems = this.table()?.dataItems ?? selectedItems) {
+        this.#mergeEntities([...pageItems, ...selectedItems]);
+        const pageKeys = pageItems.map(item => this.keyOf(item));
+        const preservedKeys = this.draftKeys().filter(key => !this.#hasKey(pageKeys, key));
+        const selectedKeys = selectedItems.map(item => this.keyOf(item));
+        if (!this.multiple()) {
+            this.draftKeys.set(selectedKeys.slice(0, 1));
+            return;
+        }
+        this.draftKeys.set(selectedKeys.reduce((keys, key) => appendUnique(keys, key, this.compareWith()), preservedKeys));
+    }
+    onQueryChange(query) {
+        this.query.set(query);
+        this.table()?.setFilter({
+            externalFilter: { search: query.search ?? '', filters: query.filters, logic: query.logic ?? 'AND' },
+        });
+    }
+    async loadPage(filterRequest, pagingRequest) {
+        const provider = this.provider();
+        if (!provider)
+            return { items: [], total: 0 };
+        this.#loadController?.abort();
+        const controller = new AbortController();
+        this.#loadController = controller;
+        const version = ++this.#loadVersion;
+        const rawExternal = filterRequest.rawExternalFilter;
+        const currentQuery = this.query();
+        const request = {
+            query: {
+                ...currentQuery,
+                search: typeof rawExternal['search'] === 'string' ? rawExternal['search'] : currentQuery.search,
+            },
+            pageIndex: pagingRequest.pageNumber ?? filterRequest.pageNumber ?? 0,
+            pageSize: pagingRequest.pageSize ?? filterRequest.pageSize ?? this.pageSize(),
+            orderBy: filterRequest.orderBy || undefined,
+            orderDirection: filterRequest.orderDirection,
+            signal: controller.signal,
+        };
+        this.loading.set(true);
+        this.loadError.set(null);
+        try {
+            const page = await Promise.resolve(provider.load(request));
+            if (controller.signal.aborted || version !== this.#loadVersion)
+                return { items: [], total: 0 };
+            this.#mergeEntities(page.items);
+            return { items: [...page.items], total: Math.max(0, page.total) };
+        }
+        catch (error) {
+            if (controller.signal.aborted || version !== this.#loadVersion || isAbortError(error))
+                return { items: [], total: 0 };
+            this.loadError.set(error);
+            this.sdLoadError.emit(error);
+            return { items: [], total: 0 };
+        }
+        finally {
+            if (version === this.#loadVersion)
+                this.loading.set(false);
+        }
+    }
+    retry() {
+        this.loadError.set(null);
+        void this.table()?.reload();
+    }
+    add() {
+        this.sdAdd.emit();
+    }
+    keyOf(item) {
+        const selector = this.keySelector();
+        if (selector)
+            return selector(item);
+        const field = this.valueField();
+        return readPath(item, field);
+    }
+    displayEntity(item) {
+        const selector = this.displayWith();
+        if (selector)
+            return selector(item);
+        const field = this.displayField();
+        const value = readPath(item, field);
+        return value == null ? '' : String(value);
+    }
+    #entitiesForKeys(keys) {
+        return keys
+            .map(key => this.#entityCache().find(item => this.compareWith()(this.keyOf(item), key)))
+            .filter((item) => item !== undefined);
+    }
+    #displayForKeys(keys) {
+        return keys
+            .map(key => {
+            const item = this.#entityCache().find(candidate => this.compareWith()(this.keyOf(candidate), key));
+            return item ? this.displayEntity(item) : String(key);
+        })
+            .join(', ');
+    }
+    #mergeEntities(items) {
+        this.#entityCache.update(current => {
+            const next = [...current];
+            for (const item of items) {
+                const key = this.keyOf(item);
+                const index = next.findIndex(candidate => this.compareWith()(this.keyOf(candidate), key));
+                if (index >= 0)
+                    next[index] = item;
+                else
+                    next.push(item);
+            }
+            return next;
+        });
+    }
+    #hasKey(keys, key) {
+        return keys.some(value => this.compareWith()(value, key));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdEntityPicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SdEntityPicker, isStandalone: true, selector: "sd-entity-picker", inputs: { autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", 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 }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, queryFields: { classPropertyName: "queryFields", publicName: "queryFields", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, keySelector: { classPropertyName: "keySelector", publicName: "keySelector", isSignal: true, isRequired: false, transformFunction: null }, displayField: { classPropertyName: "displayField", publicName: "displayField", isSignal: true, isRequired: false, transformFunction: null }, displayWith: { classPropertyName: "displayWith", publicName: "displayWith", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, disabledEntity: { classPropertyName: "disabledEntity", publicName: "disabledEntity", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, viewed: { classPropertyName: "viewed", publicName: "viewed", isSignal: true, isRequired: false, transformFunction: null }, addable: { classPropertyName: "addable", publicName: "addable", isSignal: true, isRequired: false, transformFunction: null }, model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { model: "modelChange", sdChange: "sdChange", sdAdd: "sdAdd", sdLoadError: "sdLoadError" }, host: { properties: { "class.sd-viewed": "connectorState().isViewed", "class.sd-inline": "connectorState().isInline", "attr.data-disabled": "formControl.disabled" } }, queries: [{ propertyName: "selectedTemplate", first: true, predicate: (SdEntityPickerSelectedTemplateDirective), descendants: true, isSignal: true }, { propertyName: "rowTemplate", first: true, predicate: (SdEntityPickerRowTemplateDirective), descendants: true, isSignal: true }, { propertyName: "detailTemplate", first: true, predicate: (SdEntityPickerDetailTemplateDirective), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "modal", first: true, predicate: SdModal, descendants: true, isSignal: true }, { propertyName: "table", first: true, predicate: (SdTable), descendants: true, isSignal: true }], ngImport: i0, template: "@let _selectedTemplate = selectedTemplate();\n@let _detailTemplate = detailTemplate();\n\n<div class=\"sd-entity-picker__control\">\n  @if (connectorState().isViewed) {\n    <div data-entity-picker-view class=\"sd-entity-picker__view\">\n      @if (_selectedTemplate) {\n        <ng-container [ngTemplateOutlet]=\"_selectedTemplate.template\" [ngTemplateOutletContext]=\"selectedTemplateContext()\"></ng-container>\n      } @else {\n        {{ displayText() || '\u2014' }}\n      }\n    </div>\n  } @else {\n    <button\n      #trigger\n      type=\"button\"\n      data-entity-picker-trigger\n      class=\"sd-entity-picker__trigger\"\n      aria-haspopup=\"dialog\"\n      [attr.aria-label]=\"ariaLabel() || label() || effectivePlaceholder()\"\n      [attr.aria-expanded]=\"modal()?.isOpened() ?? false\"\n      [disabled]=\"formControl.disabled || readonly()\"\n      (click)=\"open()\">\n      @if (_selectedTemplate) {\n        <ng-container [ngTemplateOutlet]=\"_selectedTemplate.template\" [ngTemplateOutletContext]=\"selectedTemplateContext()\"></ng-container>\n      } @else {\n        <span [class.sd-entity-picker__placeholder]=\"!displayText()\">{{ displayText() || effectivePlaceholder() }}</span>\n      }\n    </button>\n    @if (clearable() && modelKeys().length > 0 && !formControl.disabled && !readonly()) {\n      <button\n        type=\"button\"\n        class=\"sd-entity-picker__clear\"\n        [attr.aria-label]=\"'core.form.entity-picker.clear' | translate\"\n        (click)=\"clear($event)\">\n        \u00D7\n      </button>\n    }\n  }\n</div>\n\n<sd-modal [autoId]=\"autoId()\" [title]=\"effectiveModalTitle()\" width=\"lg\" (sdClosed)=\"onModalClosed()\">\n  <div class=\"sd-entity-picker__body\">\n    <sd-query-bar\n      [fields]=\"queryFields()\"\n      [filters]=\"query().filters\"\n      [search]=\"query().search ?? ''\"\n      showSearch\n      (queryChange)=\"onQueryChange($event)\" />\n\n    @if (loadError()) {\n      <sd-data-state state=\"error\" compact retryable (sdRetry)=\"retry()\"></sd-data-state>\n    } @else {\n      <sd-table [option]=\"tableOption()\"></sd-table>\n    }\n\n    @if (_detailTemplate) {\n      <div class=\"sd-entity-picker__detail\">\n        <ng-container [ngTemplateOutlet]=\"_detailTemplate.template\" [ngTemplateOutletContext]=\"detailTemplateContext()\"></ng-container>\n      </div>\n    }\n  </div>\n\n  @if (addable()) {\n    <button type=\"button\" sdFooterLeft data-entity-picker-add (click)=\"add()\">{{ 'core.form.entity-picker.add' | translate }}</button>\n  }\n  <button type=\"button\" sdFooterRight data-entity-picker-cancel (click)=\"cancel()\">\n    {{ 'core.form.entity-picker.cancel' | translate }}\n  </button>\n  <button type=\"button\" sdFooterRight data-entity-picker-apply (click)=\"applySelection()\">\n    {{ 'core.form.entity-picker.apply' | translate }}\n  </button>\n</sd-modal>\n", styles: [":host{display:block;min-width:0}.sd-entity-picker__control{display:flex;align-items:center;min-width:0;border:1px solid var(--sd-border, #d0d5dd);border-radius:6px;background:#fff}.sd-entity-picker__trigger,.sd-entity-picker__view{flex:1 1 auto;min-width:0;min-height:40px;padding:9px 12px;border:0;background:transparent;color:var(--sd-text, #2f3136);font:inherit;text-align:start}.sd-entity-picker__trigger{cursor:pointer}.sd-entity-picker__trigger:focus-visible{outline:2px solid var(--sd-primary, #1677ff);outline-offset:2px}.sd-entity-picker__trigger:disabled{cursor:default;opacity:.6}.sd-entity-picker__placeholder{color:var(--sd-text-secondary, #667085)}.sd-entity-picker__clear{flex:0 0 36px;min-height:36px;border:0;background:transparent;font:inherit;cursor:pointer}.sd-entity-picker__body{display:grid;gap:12px;min-height:320px}.sd-entity-picker__detail{padding:12px;border-top:1px solid var(--sd-border, #d0d5dd)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SdModal, selector: "sd-modal", inputs: ["autoId", "title", "color", "width", "height", "view", "modalClass", "lazyLoadContent", "hideClose", "disableBackdropClose", "beforeClose"], outputs: ["sdClosed", "sdCloseError"] }, { kind: "component", type: SdQueryBar, selector: "sd-query-bar", inputs: ["option", "autoId", "fields", "filters", "logic", "search", "mode", "density", "showSearch", "showSavedFilters", "savedFiltersKey", "showLogicToggle", "showClearAll", "showOperatorOnChip"], outputs: ["filtersChange", "logicChange", "searchChange", "queryChange", "apply"] }, { kind: "component", type: SdTable, selector: "sd-table", inputs: ["autoId", "option"] }, { kind: "component", type: SdDataState, selector: "sd-data-state", inputs: ["state", "title", "message", "icon", "fontSet", "retryable", "retryLabel", "actionLabel", "compact", "fullPage"], outputs: ["sdRetry", "sdAction"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdEntityPicker, decorators: [{
+            type: Component,
+            args: [{ selector: 'sd-entity-picker', standalone: true, imports: [NgTemplateOutlet, TranslatePipe, SdModal, SdQueryBar, SdTable, SdDataState], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.sd-viewed]': 'connectorState().isViewed',
+                        '[class.sd-inline]': 'connectorState().isInline',
+                        '[attr.data-disabled]': 'formControl.disabled',
+                    }, template: "@let _selectedTemplate = selectedTemplate();\n@let _detailTemplate = detailTemplate();\n\n<div class=\"sd-entity-picker__control\">\n  @if (connectorState().isViewed) {\n    <div data-entity-picker-view class=\"sd-entity-picker__view\">\n      @if (_selectedTemplate) {\n        <ng-container [ngTemplateOutlet]=\"_selectedTemplate.template\" [ngTemplateOutletContext]=\"selectedTemplateContext()\"></ng-container>\n      } @else {\n        {{ displayText() || '\u2014' }}\n      }\n    </div>\n  } @else {\n    <button\n      #trigger\n      type=\"button\"\n      data-entity-picker-trigger\n      class=\"sd-entity-picker__trigger\"\n      aria-haspopup=\"dialog\"\n      [attr.aria-label]=\"ariaLabel() || label() || effectivePlaceholder()\"\n      [attr.aria-expanded]=\"modal()?.isOpened() ?? false\"\n      [disabled]=\"formControl.disabled || readonly()\"\n      (click)=\"open()\">\n      @if (_selectedTemplate) {\n        <ng-container [ngTemplateOutlet]=\"_selectedTemplate.template\" [ngTemplateOutletContext]=\"selectedTemplateContext()\"></ng-container>\n      } @else {\n        <span [class.sd-entity-picker__placeholder]=\"!displayText()\">{{ displayText() || effectivePlaceholder() }}</span>\n      }\n    </button>\n    @if (clearable() && modelKeys().length > 0 && !formControl.disabled && !readonly()) {\n      <button\n        type=\"button\"\n        class=\"sd-entity-picker__clear\"\n        [attr.aria-label]=\"'core.form.entity-picker.clear' | translate\"\n        (click)=\"clear($event)\">\n        \u00D7\n      </button>\n    }\n  }\n</div>\n\n<sd-modal [autoId]=\"autoId()\" [title]=\"effectiveModalTitle()\" width=\"lg\" (sdClosed)=\"onModalClosed()\">\n  <div class=\"sd-entity-picker__body\">\n    <sd-query-bar\n      [fields]=\"queryFields()\"\n      [filters]=\"query().filters\"\n      [search]=\"query().search ?? ''\"\n      showSearch\n      (queryChange)=\"onQueryChange($event)\" />\n\n    @if (loadError()) {\n      <sd-data-state state=\"error\" compact retryable (sdRetry)=\"retry()\"></sd-data-state>\n    } @else {\n      <sd-table [option]=\"tableOption()\"></sd-table>\n    }\n\n    @if (_detailTemplate) {\n      <div class=\"sd-entity-picker__detail\">\n        <ng-container [ngTemplateOutlet]=\"_detailTemplate.template\" [ngTemplateOutletContext]=\"detailTemplateContext()\"></ng-container>\n      </div>\n    }\n  </div>\n\n  @if (addable()) {\n    <button type=\"button\" sdFooterLeft data-entity-picker-add (click)=\"add()\">{{ 'core.form.entity-picker.add' | translate }}</button>\n  }\n  <button type=\"button\" sdFooterRight data-entity-picker-cancel (click)=\"cancel()\">\n    {{ 'core.form.entity-picker.cancel' | translate }}\n  </button>\n  <button type=\"button\" sdFooterRight data-entity-picker-apply (click)=\"applySelection()\">\n    {{ 'core.form.entity-picker.apply' | translate }}\n  </button>\n</sd-modal>\n", styles: [":host{display:block;min-width:0}.sd-entity-picker__control{display:flex;align-items:center;min-width:0;border:1px solid var(--sd-border, #d0d5dd);border-radius:6px;background:#fff}.sd-entity-picker__trigger,.sd-entity-picker__view{flex:1 1 auto;min-width:0;min-height:40px;padding:9px 12px;border:0;background:transparent;color:var(--sd-text, #2f3136);font:inherit;text-align:start}.sd-entity-picker__trigger{cursor:pointer}.sd-entity-picker__trigger:focus-visible{outline:2px solid var(--sd-primary, #1677ff);outline-offset:2px}.sd-entity-picker__trigger:disabled{cursor:default;opacity:.6}.sd-entity-picker__placeholder{color:var(--sd-text-secondary, #667085)}.sd-entity-picker__clear{flex:0 0 36px;min-height:36px;border:0;background:transparent;font:inherit;cursor:pointer}.sd-entity-picker__body{display:grid;gap:12px;min-height:320px}.sd-entity-picker__detail{padding:12px;border-top:1px solid var(--sd-border, #d0d5dd)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { trigger: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }], modal: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdModal), { isSignal: true }] }], table: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdTable), { isSignal: true }] }], selectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdEntityPickerSelectedTemplateDirective), { isSignal: true }] }], rowTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdEntityPickerRowTemplateDirective), { isSignal: true }] }], detailTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdEntityPickerDetailTemplateDirective), { isSignal: true }] }], autoIdInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoId", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], modalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalTitle", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], queryFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryFields", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], keySelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "keySelector", required: false }] }], displayField: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayField", required: false }] }], displayWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayWith", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], disabledEntity: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledEntity", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], viewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewed", required: false }] }], addable: [{ type: i0.Input, args: [{ isSignal: true, alias: "addable", required: false }] }], model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }, { type: i0.Output, args: ["modelChange"] }], sdChange: [{ type: i0.Output, args: ["sdChange"] }], sdAdd: [{ type: i0.Output, args: ["sdAdd"] }], sdLoadError: [{ type: i0.Output, args: ["sdLoadError"] }] } });
+function normalizePickerKeys(value, multiple) {
+    if (value == null)
+        return [];
+    if (Array.isArray(value))
+        return multiple ? [...value] : value.slice(0, 1);
+    return [value];
+}
+function appendUnique(keys, key, compare) {
+    return keys.some(value => compare(value, key)) ? [...keys] : [...keys, key];
+}
+function readPath(value, path) {
+    if (!path)
+        return value;
+    return path.split('.').reduce((current, segment) => {
+        if (typeof current !== 'object' || current === null)
+            return undefined;
+        return current[segment];
+    }, value);
+}
+function isAbortError(error) {
+    return error instanceof DOMException && error.name === 'AbortError';
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdEntityPicker, SdEntityPickerDetailTemplateDirective, SdEntityPickerRowTemplateDirective, SdEntityPickerSelectedTemplateDirective, normalizePickerKeys };
+//# sourceMappingURL=sdcorejs-angular-forms-entity-picker.mjs.map

package/fesm2022/sdcorejs-angular-forms-entity-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdcorejs-angular-forms-entity-picker.mjs","sources":["../../../projects/sdcorejs-angular/forms/entity-picker/src/entity-picker.component.ts","../../../projects/sdcorejs-angular/forms/entity-picker/src/entity-picker.component.html","../../../projects/sdcorejs-angular/forms/entity-picker/sdcorejs-angular-forms-entity-picker.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  TemplateRef,\n  booleanAttribute,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { AbstractControl, FormGroup } from '@angular/forms';\nimport { SdDataState } from '@sdcorejs/angular/components/data-state';\nimport { SdModal } from '@sdcorejs/angular/components/modal';\nimport { SdQuery, SdQueryBar, SdQueryField } from '@sdcorejs/angular/components/query-bar';\nimport { SdTable, SdTableColumn, SdTableFilterRequest, SdTableOption } from '@sdcorejs/angular/components/table';\nimport { I18nService, TranslatePipe } from '@sdcorejs/angular/i18n';\nimport {\n  SdFormControl,\n  SdViewed,\n  SdViewedInput,\n  sdViewedTransform,\n  ɵSdFormControlParent,\n  ɵsdCoerceFormGroup,\n  ɵsdFormControlConnector,\n} from '@sdcorejs/angular/forms/models';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { NestedKeyOf, PagingReq } from '@sdcorejs/utils/models';\n\nexport type SdEntityPickerModel<TKey> = TKey | TKey[] | null | undefined;\n\nexport interface SdEntityPickerPage<T> {\n  readonly items: T[];\n  readonly total: number;\n}\n\nexport interface SdEntityPickerRequest<T> {\n  readonly query: SdQuery<T>;\n  readonly pageIndex: number;\n  readonly pageSize: number;\n  readonly orderBy?: string;\n  readonly orderDirection?: 'ASC' | 'DESC';\n  readonly signal: AbortSignal;\n}\n\nexport interface SdEntityPickerDataProvider<T, TKey> {\n  load(request: SdEntityPickerRequest<T>): SdEntityPickerPage<T> | Promise<SdEntityPickerPage<T>>;\n  hydrate?(keys: readonly TKey[], signal: AbortSignal): T[] | Promise<T[]>;\n}\n\nexport interface SdEntityPickerSelectedTemplateContext<T, TKey> {\n  readonly $implicit: readonly T[];\n  readonly entities: readonly T[];\n  readonly keys: readonly TKey[];\n}\n\nexport interface SdEntityPickerRowTemplateContext<T> {\n  readonly $implicit: T;\n  readonly item: T;\n}\n\n@Directive({ selector: 'ng-template[sdEntityPickerSelected]', standalone: true })\nexport class SdEntityPickerSelectedTemplateDirective<T, TKey> {\n  readonly template = inject<TemplateRef<SdEntityPickerSelectedTemplateContext<T, TKey>>>(TemplateRef);\n\n  static ngTemplateContextGuard<T, TKey>(\n    _directive: SdEntityPickerSelectedTemplateDirective<T, TKey>,\n    _context: unknown\n  ): _context is SdEntityPickerSelectedTemplateContext<T, TKey> {\n    return true;\n  }\n}\n\n@Directive({ selector: 'ng-template[sdEntityPickerRow]', standalone: true })\nexport class SdEntityPickerRowTemplateDirective<T> {\n  readonly template = inject<TemplateRef<SdEntityPickerRowTemplateContext<T>>>(TemplateRef);\n\n  static ngTemplateContextGuard<T>(\n    _directive: SdEntityPickerRowTemplateDirective<T>,\n    _context: unknown\n  ): _context is SdEntityPickerRowTemplateContext<T> {\n    return true;\n  }\n}\n\n@Directive({ selector: 'ng-template[sdEntityPickerDetail]', standalone: true })\nexport class SdEntityPickerDetailTemplateDirective<T, TKey> {\n  readonly template = inject<TemplateRef<SdEntityPickerSelectedTemplateContext<T, TKey>>>(TemplateRef);\n\n  static ngTemplateContextGuard<T, TKey>(\n    _directive: SdEntityPickerDetailTemplateDirective<T, TKey>,\n    _context: unknown\n  ): _context is SdEntityPickerSelectedTemplateContext<T, TKey> {\n    return true;\n  }\n}\n\n@Component({\n  selector: 'sd-entity-picker',\n  standalone: true,\n  imports: [NgTemplateOutlet, TranslatePipe, SdModal, SdQueryBar, SdTable, SdDataState],\n  templateUrl: './entity-picker.component.html',\n  styleUrl: './entity-picker.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.sd-viewed]': 'connectorState().isViewed',\n    '[class.sd-inline]': 'connectorState().isInline',\n    '[attr.data-disabled]': 'formControl.disabled',\n  },\n})\nexport class SdEntityPicker<T = unknown, TKey = string | number> {\n  readonly #i18n = inject(I18nService);\n  readonly trigger = viewChild<ElementRef<HTMLButtonElement>>('trigger');\n  readonly modal = viewChild(SdModal);\n  readonly table = viewChild(SdTable<T>);\n  readonly selectedTemplate = contentChild(SdEntityPickerSelectedTemplateDirective<T, TKey>);\n  readonly rowTemplate = contentChild(SdEntityPickerRowTemplateDirective<T>);\n  readonly detailTemplate = contentChild(SdEntityPickerDetailTemplateDirective<T, TKey>);\n\n  readonly autoIdInput = input<string | null | undefined>(undefined, { alias: 'autoId' });\n  readonly autoId = computed(() => (this.autoIdInput() ? `forms-entity-picker-${this.autoIdInput()}` : undefined));\n  readonly name = input<string>(Utilities.generateUuid());\n  readonly form = input<FormGroup | undefined, ɵSdFormControlParent>(undefined, { transform: ɵsdCoerceFormGroup });\n  readonly label = input<string | undefined>();\n  readonly placeholder = input<string | null | undefined>();\n  readonly modalTitle = input<string | null | undefined>();\n  readonly ariaLabel = input<string | undefined>();\n  readonly provider = input<SdEntityPickerDataProvider<T, TKey> | null | undefined>();\n  readonly columns = input<readonly SdTableColumn<T>[]>([]);\n  readonly queryFields = input<readonly SdQueryField<T>[]>([]);\n  readonly pageSize = input(20);\n  readonly valueField = input<NestedKeyOf<T> | undefined>();\n  readonly keySelector = input<((item: T) => TKey) | undefined>();\n  readonly displayField = input<NestedKeyOf<T> | undefined>();\n  readonly displayWith = input<((item: T) => string) | undefined>();\n  readonly compareWith = input<(left: TKey, right: TKey) => boolean>(Object.is);\n  readonly disabledEntity = input<((item: T) => boolean) | undefined>();\n  readonly multiple = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly clearable = input(true, { transform: booleanAttribute });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly readonly = input(false, { transform: booleanAttribute });\n  readonly viewed = input<SdViewed, SdViewedInput>(false, { transform: sdViewedTransform });\n  readonly addable = input(false, { transform: booleanAttribute });\n  readonly model = model<SdEntityPickerModel<TKey>>(undefined);\n\n  readonly sdChange = output<SdEntityPickerModel<TKey>>();\n  readonly sdAdd = output<void>();\n  readonly sdLoadError = output<unknown>();\n\n  readonly formControl = new SdFormControl();\n  readonly #connector = ɵsdFormControlConnector<SdEntityPickerModel<TKey>, SdEntityPickerModel<TKey>>({\n    form: this.form,\n    name: this.name,\n    control: computed<AbstractControl<SdEntityPickerModel<TKey>>>(() => this.formControl),\n    model: this.model,\n    writeModel: value => {\n      this.model.set(value);\n      this.sdChange.emit(value);\n    },\n    modelToControl: value => value,\n    controlToModel: value => value,\n    required: this.required,\n    disabled: this.disabled,\n    readonly: this.readonly,\n    viewed: this.viewed,\n  });\n\n  readonly connectorState = this.#connector.state;\n  readonly draftKeys = signal<TKey[]>([]);\n  readonly loadError = signal<unknown | null>(null);\n  readonly loading = signal(false);\n  readonly hydrating = signal(false);\n  readonly query = signal<SdQuery<T>>({ filters: [], logic: 'AND', search: '' });\n  readonly #entityCache = signal<T[]>([]);\n  #loadController?: AbortController;\n  #loadVersion = 0;\n  #hydrationError: unknown | null = null;\n\n  readonly modelKeys = computed(() => normalizePickerKeys(this.model(), this.multiple()));\n  readonly effectivePlaceholder = computed(() => this.placeholder() ?? this.#i18n.t('core.form.entity-picker.placeholder'));\n  readonly effectiveModalTitle = computed(() => this.modalTitle() ?? this.#i18n.t('core.form.entity-picker.modal-title'));\n  readonly selectedEntities = computed(() => this.#entitiesForKeys(this.modelKeys()));\n  readonly draftEntities = computed(() => this.#entitiesForKeys(this.draftKeys()));\n  readonly displayText = computed(() => this.#displayForKeys(this.modelKeys()));\n  readonly selectedTemplateContext = computed<SdEntityPickerSelectedTemplateContext<T, TKey>>(() => ({\n    $implicit: this.selectedEntities(),\n    entities: this.selectedEntities(),\n    keys: this.modelKeys(),\n  }));\n  readonly detailTemplateContext = computed<SdEntityPickerSelectedTemplateContext<T, TKey>>(() => ({\n    $implicit: this.draftEntities(),\n    entities: this.draftEntities(),\n    keys: this.draftKeys(),\n  }));\n\n  readonly tableOption = computed<SdTableOption<T>>(() => {\n    const customTemplate = this.rowTemplate()?.template;\n    const configuredColumns = [...this.columns()];\n    const fallbackField = (this.displayField() ?? '__sdEntityPickerDisplay') as NestedKeyOf<T>;\n    const fallbackColumn: SdTableColumn<T> = {\n      field: fallbackField,\n      title: this.label() ?? this.#i18n.t('core.form.entity-picker.value'),\n      type: 'string',\n      transform: (_value, item) => this.displayEntity(item),\n      cell: customTemplate ? { templateRef: customTemplate } : undefined,\n    };\n    const columns = configuredColumns.length > 0 ? configuredColumns : [fallbackColumn];\n    if (customTemplate && configuredColumns.length > 0) {\n      columns[0] = { ...columns[0], cell: { ...columns[0].cell, templateRef: customTemplate } } as SdTableColumn<T>;\n    }\n\n    return {\n      // SdTable hashes anonymous options for session configuration. A projected\n      // TemplateRef is cyclic, so give the composed table an explicit stable key.\n      key: `${this.autoId() ?? this.name()}-table`,\n      type: 'server',\n      columns,\n      items: (filterRequest, pagingRequest) => this.loadPage(filterRequest, pagingRequest),\n      paginate: { pageSize: this.pageSize() },\n      selector: {\n        visible: true,\n        single: !this.multiple(),\n        defaultSelected: item => this.#hasKey(this.draftKeys(), this.keyOf(item)),\n        disabled: item => (item ? !!this.disabledEntity()?.(item) : false),\n        onSelect: (item, selectedItems) => {\n          if (item) this.onTableSelect(item, selectedItems ?? []);\n        },\n        onSelectAll: selectedItems => this.onTableSelectAll(selectedItems),\n      },\n      filter: { hideInlineFilter: true, hideExternalFilterToolbar: true },\n    };\n  });\n\n  constructor() {\n    effect(onCleanup => {\n      const provider = this.provider();\n      const keys = this.modelKeys();\n      if (!provider?.hydrate || keys.length === 0) return;\n\n      const controller = new AbortController();\n      this.hydrating.set(true);\n      Promise.resolve(provider.hydrate(keys, controller.signal))\n        .then(items => {\n          if (controller.signal.aborted) return;\n          this.#mergeEntities(items);\n          if (this.loadError() === this.#hydrationError) this.loadError.set(null);\n          this.#hydrationError = null;\n        })\n        .catch(error => {\n          if (!controller.signal.aborted && !isAbortError(error)) {\n            this.#hydrationError = error;\n            this.loadError.set(error);\n            this.sdLoadError.emit(error);\n          }\n        })\n        .finally(() => {\n          if (!controller.signal.aborted) this.hydrating.set(false);\n        });\n      onCleanup(() => controller.abort());\n    });\n  }\n\n  open(): void {\n    if (this.formControl.disabled || this.readonly() || this.connectorState().isViewed) return;\n    this.draftKeys.set([...this.modelKeys()]);\n    this.modal()?.open();\n  }\n\n  applySelection(): void {\n    const keys = [...this.draftKeys()];\n    const value: SdEntityPickerModel<TKey> = this.multiple() ? keys : (keys[0] ?? null);\n    this.formControl.setValue(value);\n    this.formControl.markAsDirty();\n    this.formControl.markAsTouched();\n    this.modal()?.close();\n  }\n\n  cancel(): void {\n    this.modal()?.close();\n  }\n\n  clear(event?: Event): void {\n    event?.stopPropagation();\n    if (this.formControl.disabled || this.readonly()) return;\n    this.formControl.setValue(this.multiple() ? [] : null);\n    this.formControl.markAsDirty();\n    this.formControl.markAsTouched();\n  }\n\n  onModalClosed(): void {\n    queueMicrotask(() => this.trigger()?.nativeElement.focus());\n  }\n\n  onTableSelect(item: T, selectedItems: T[]): void {\n    this.#mergeEntities(selectedItems);\n    const key = this.keyOf(item);\n    const selected = selectedItems.some(candidate => this.compareWith()(this.keyOf(candidate), key));\n    if (!this.multiple()) {\n      this.draftKeys.set(selected ? [key] : []);\n      return;\n    }\n    this.draftKeys.update(keys =>\n      selected ? appendUnique(keys, key, this.compareWith()) : keys.filter(value => !this.compareWith()(value, key))\n    );\n  }\n\n  onTableSelectAll(selectedItems: T[], pageItems: T[] = this.table()?.dataItems ?? selectedItems): void {\n    this.#mergeEntities([...pageItems, ...selectedItems]);\n    const pageKeys = pageItems.map(item => this.keyOf(item));\n    const preservedKeys = this.draftKeys().filter(key => !this.#hasKey(pageKeys, key));\n    const selectedKeys = selectedItems.map(item => this.keyOf(item));\n\n    if (!this.multiple()) {\n      this.draftKeys.set(selectedKeys.slice(0, 1));\n      return;\n    }\n\n    this.draftKeys.set(selectedKeys.reduce((keys, key) => appendUnique(keys, key, this.compareWith()), preservedKeys));\n  }\n\n  onQueryChange(query: SdQuery<T>): void {\n    this.query.set(query);\n    this.table()?.setFilter({\n      externalFilter: { search: query.search ?? '', filters: query.filters, logic: query.logic ?? 'AND' },\n    });\n  }\n\n  async loadPage(filterRequest: SdTableFilterRequest<T>, pagingRequest: PagingReq<T>): Promise<SdEntityPickerPage<T>> {\n    const provider = this.provider();\n    if (!provider) return { items: [], total: 0 };\n\n    this.#loadController?.abort();\n    const controller = new AbortController();\n    this.#loadController = controller;\n    const version = ++this.#loadVersion;\n    const rawExternal = filterRequest.rawExternalFilter as Record<string, unknown>;\n    const currentQuery = this.query();\n    const request: SdEntityPickerRequest<T> = {\n      query: {\n        ...currentQuery,\n        search: typeof rawExternal['search'] === 'string' ? rawExternal['search'] : currentQuery.search,\n      },\n      pageIndex: pagingRequest.pageNumber ?? filterRequest.pageNumber ?? 0,\n      pageSize: pagingRequest.pageSize ?? filterRequest.pageSize ?? this.pageSize(),\n      orderBy: filterRequest.orderBy || undefined,\n      orderDirection: filterRequest.orderDirection,\n      signal: controller.signal,\n    };\n    this.loading.set(true);\n    this.loadError.set(null);\n\n    try {\n      const page = await Promise.resolve(provider.load(request));\n      if (controller.signal.aborted || version !== this.#loadVersion) return { items: [], total: 0 };\n      this.#mergeEntities(page.items);\n      return { items: [...page.items], total: Math.max(0, page.total) };\n    } catch (error) {\n      if (controller.signal.aborted || version !== this.#loadVersion || isAbortError(error)) return { items: [], total: 0 };\n      this.loadError.set(error);\n      this.sdLoadError.emit(error);\n      return { items: [], total: 0 };\n    } finally {\n      if (version === this.#loadVersion) this.loading.set(false);\n    }\n  }\n\n  retry(): void {\n    this.loadError.set(null);\n    void this.table()?.reload();\n  }\n\n  add(): void {\n    this.sdAdd.emit();\n  }\n\n  keyOf(item: T): TKey {\n    const selector = this.keySelector();\n    if (selector) return selector(item);\n    const field = this.valueField();\n    return readPath(item, field as string | undefined) as TKey;\n  }\n\n  displayEntity(item: T): string {\n    const selector = this.displayWith();\n    if (selector) return selector(item);\n    const field = this.displayField();\n    const value = readPath(item, field as string | undefined);\n    return value == null ? '' : String(value);\n  }\n\n  #entitiesForKeys(keys: readonly TKey[]): T[] {\n    return keys\n      .map(key => this.#entityCache().find(item => this.compareWith()(this.keyOf(item), key)))\n      .filter((item): item is T => item !== undefined);\n  }\n\n  #displayForKeys(keys: readonly TKey[]): string {\n    return keys\n      .map(key => {\n        const item = this.#entityCache().find(candidate => this.compareWith()(this.keyOf(candidate), key));\n        return item ? this.displayEntity(item) : String(key);\n      })\n      .join(', ');\n  }\n\n  #mergeEntities(items: readonly T[]): void {\n    this.#entityCache.update(current => {\n      const next = [...current];\n      for (const item of items) {\n        const key = this.keyOf(item);\n        const index = next.findIndex(candidate => this.compareWith()(this.keyOf(candidate), key));\n        if (index >= 0) next[index] = item;\n        else next.push(item);\n      }\n      return next;\n    });\n  }\n\n  #hasKey(keys: readonly TKey[], key: TKey): boolean {\n    return keys.some(value => this.compareWith()(value, key));\n  }\n}\n\nexport function normalizePickerKeys<TKey>(value: SdEntityPickerModel<TKey>, multiple: boolean): TKey[] {\n  if (value == null) return [];\n  if (Array.isArray(value)) return multiple ? [...value] : value.slice(0, 1);\n  return [value as TKey];\n}\n\nfunction appendUnique<TKey>(keys: readonly TKey[], key: TKey, compare: (left: TKey, right: TKey) => boolean): TKey[] {\n  return keys.some(value => compare(value, key)) ? [...keys] : [...keys, key];\n}\n\nfunction readPath(value: unknown, path: string | undefined): unknown {\n  if (!path) return value;\n  return path.split('.').reduce<unknown>((current, segment) => {\n    if (typeof current !== 'object' || current === null) return undefined;\n    return (current as Record<string, unknown>)[segment];\n  }, value);\n}\n\nfunction isAbortError(error: unknown): boolean {\n  return error instanceof DOMException && error.name === 'AbortError';\n}\n","@let _selectedTemplate = selectedTemplate();\n@let _detailTemplate = detailTemplate();\n\n<div class=\"sd-entity-picker__control\">\n  @if (connectorState().isViewed) {\n    <div data-entity-picker-view class=\"sd-entity-picker__view\">\n      @if (_selectedTemplate) {\n        <ng-container [ngTemplateOutlet]=\"_selectedTemplate.template\" [ngTemplateOutletContext]=\"selectedTemplateContext()\"></ng-container>\n      } @else {\n        {{ displayText() || '—' }}\n      }\n    </div>\n  } @else {\n    <button\n      #trigger\n      type=\"button\"\n      data-entity-picker-trigger\n      class=\"sd-entity-picker__trigger\"\n      aria-haspopup=\"dialog\"\n      [attr.aria-label]=\"ariaLabel() || label() || effectivePlaceholder()\"\n      [attr.aria-expanded]=\"modal()?.isOpened() ?? false\"\n      [disabled]=\"formControl.disabled || readonly()\"\n      (click)=\"open()\">\n      @if (_selectedTemplate) {\n        <ng-container [ngTemplateOutlet]=\"_selectedTemplate.template\" [ngTemplateOutletContext]=\"selectedTemplateContext()\"></ng-container>\n      } @else {\n        <span [class.sd-entity-picker__placeholder]=\"!displayText()\">{{ displayText() || effectivePlaceholder() }}</span>\n      }\n    </button>\n    @if (clearable() && modelKeys().length > 0 && !formControl.disabled && !readonly()) {\n      <button\n        type=\"button\"\n        class=\"sd-entity-picker__clear\"\n        [attr.aria-label]=\"'core.form.entity-picker.clear' | translate\"\n        (click)=\"clear($event)\">\n        ×\n      </button>\n    }\n  }\n</div>\n\n<sd-modal [autoId]=\"autoId()\" [title]=\"effectiveModalTitle()\" width=\"lg\" (sdClosed)=\"onModalClosed()\">\n  <div class=\"sd-entity-picker__body\">\n    <sd-query-bar\n      [fields]=\"queryFields()\"\n      [filters]=\"query().filters\"\n      [search]=\"query().search ?? ''\"\n      showSearch\n      (queryChange)=\"onQueryChange($event)\" />\n\n    @if (loadError()) {\n      <sd-data-state state=\"error\" compact retryable (sdRetry)=\"retry()\"></sd-data-state>\n    } @else {\n      <sd-table [option]=\"tableOption()\"></sd-table>\n    }\n\n    @if (_detailTemplate) {\n      <div class=\"sd-entity-picker__detail\">\n        <ng-container [ngTemplateOutlet]=\"_detailTemplate.template\" [ngTemplateOutletContext]=\"detailTemplateContext()\"></ng-container>\n      </div>\n    }\n  </div>\n\n  @if (addable()) {\n    <button type=\"button\" sdFooterLeft data-entity-picker-add (click)=\"add()\">{{ 'core.form.entity-picker.add' | translate }}</button>\n  }\n  <button type=\"button\" sdFooterRight data-entity-picker-cancel (click)=\"cancel()\">\n    {{ 'core.form.entity-picker.cancel' | translate }}\n  </button>\n  <button type=\"button\" sdFooterRight data-entity-picker-apply (click)=\"applySelection()\">\n    {{ 'core.form.entity-picker.apply' | translate }}\n  </button>\n</sd-modal>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["ɵsdCoerceFormGroup","ɵsdFormControlConnector"],"mappings":"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"}

package/fesm2022/sdcorejs-angular-forms-input-color.mjs

@@ -27,6 +27,8 @@ class SdInputColor {
     required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the inner `<sd-input>` should render its clear button. */
+    clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     hideInlineError = input(false, { ...(ngDevMode ? { debugName: "hideInlineError" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Display mode — forwarded to the inner `<sd-input>`. `'inline'` = borderless inline-edit; disabled `'inline'` → static. */
     viewed = input(false, { ...(ngDevMode ? { debugName: "viewed" } : /* istanbul ignore next */ {}), transform: sdViewedTransform });
@@ -104,12 +106,12 @@ class SdInputColor {
         this.sdChange.emit(null);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdInputColor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: SdInputColor, isStandalone: true, selector: "sd-input-color", inputs: { 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hideInlineError: { classPropertyName: "hideInlineError", publicName: "hideInlineError", isSignal: true, isRequired: false, transformFunction: null }, viewed: { classPropertyName: "viewed", publicName: "viewed", isSignal: true, isRequired: false, transformFunction: null }, valueModel: { classPropertyName: "valueModel", publicName: "model", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueModel: "modelChange", sdChange: "sdChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true, isSignal: true }], ngImport: i0, template: "<sd-input\n  [label]=\"label()\"\n  [helperText]=\"helperText()\"\n  [placeholder]=\"placeholder()\"\n  [size]=\"size()\"\n  [appearance]=\"appearance() ?? undefined\"\n  [form]=\"form()\"\n  [name]=\"name() ?? ''\"\n  [autoId]=\"autoId()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [hideInlineError]=\"hideInlineError()\"\n  [viewed]=\"viewed()\"\n  [pattern]=\"hexPattern\"\n  patternErrorMessage=\"M\u00E3 m\u00E0u HEX kh\u00F4ng h\u1EE3p l\u1EC7 (vd #1565C0)\"\n  [model]=\"valueModel()\"\n  (sdChange)=\"onInputChange($event)\">\n  <ng-template sdSuffixDef>\n    <div class=\"sd-input-color__suffix\">\n      <!-- why: n\u00FAt clear do <sd-input> t\u1EF1 render (built-in, hover-gated). \u1EDE \u0111\u00E2y\n           ch\u1EC9 chi\u1EBFu swatch + native picker. onInputChange coerce '' \u2192 null n\u00EAn\n           clear c\u1EE7a sd-input v\u1EABn cho ra model r\u1ED7ng \u0111\u00FAng ngh\u0129a. -->\n      <button\n        type=\"button\"\n        class=\"sd-input-color__swatch\"\n        [style.background]=\"swatchColor()\"\n        [class.sd-input-color__swatch--empty]=\"swatchColor() === 'transparent'\"\n        [disabled]=\"disabled() || readonly() || viewed() === true\"\n        (click)=\"openPicker()\"\n        title=\"M\u1EDF b\u1EA3ng ch\u1ECDn m\u00E0u\"\n        aria-label=\"M\u1EDF b\u1EA3ng ch\u1ECDn m\u00E0u\"></button>\n      <input\n        #picker\n        type=\"color\"\n        class=\"sd-input-color__hidden-picker\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [value]=\"pickerSafeValue()\"\n        (input)=\"onPickerChange($event)\" />\n    </div>\n  </ng-template>\n</sd-input>\n", styles: [":host{display:block;--sd-input-color-swatch-size: 22px;--sd-input-color-swatch-border: rgba(0, 0, 0, .12);--sd-input-color-swatch-checker: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%)}.sd-input-color__suffix{position:relative;display:inline-flex;align-items:center;gap:4px}.sd-input-color__swatch{width:var(--sd-input-color-swatch-size);height:var(--sd-input-color-swatch-size);border-radius:4px;border:1px solid var(--sd-input-color-swatch-border);padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:transform 80ms ease,box-shadow 80ms ease;position:relative;overflow:hidden}.sd-input-color__swatch:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 0 2px #1565c02e}.sd-input-color__swatch:disabled{cursor:not-allowed;opacity:.5}.sd-input-color__swatch.sd-input-color__swatch--empty{background-color:#fff;background-image:var(--sd-input-color-swatch-checker);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.sd-input-color__hidden-picker{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none;right:0;top:50%}\n"], dependencies: [{ kind: "component", type: SdInput, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "directive", type: SdSuffixDefDirective, selector: "[sdSuffixDef]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: SdInputColor, isStandalone: true, selector: "sd-input-color", inputs: { 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, hideInlineError: { classPropertyName: "hideInlineError", publicName: "hideInlineError", isSignal: true, isRequired: false, transformFunction: null }, viewed: { classPropertyName: "viewed", publicName: "viewed", isSignal: true, isRequired: false, transformFunction: null }, valueModel: { classPropertyName: "valueModel", publicName: "model", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueModel: "modelChange", sdChange: "sdChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true, isSignal: true }], ngImport: i0, template: "<sd-input\n  [label]=\"label()\"\n  [helperText]=\"helperText()\"\n  [placeholder]=\"placeholder()\"\n  [size]=\"size()\"\n  [appearance]=\"appearance() ?? undefined\"\n  [form]=\"form()\"\n  [name]=\"name() ?? ''\"\n  [autoId]=\"autoId()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [clearable]=\"clearable()\"\n  [hideInlineError]=\"hideInlineError()\"\n  [viewed]=\"viewed()\"\n  [pattern]=\"hexPattern\"\n  patternErrorMessage=\"M\u00E3 m\u00E0u HEX kh\u00F4ng h\u1EE3p l\u1EC7 (vd #1565C0)\"\n  [model]=\"valueModel()\"\n  (sdChange)=\"onInputChange($event)\">\n  <ng-template sdSuffixDef>\n    <div class=\"sd-input-color__suffix\">\n      <!-- why: n\u00FAt clear do <sd-input> t\u1EF1 render (built-in, hover-gated). \u1EDE \u0111\u00E2y\n           ch\u1EC9 chi\u1EBFu swatch + native picker. onInputChange coerce '' \u2192 null n\u00EAn\n           clear c\u1EE7a sd-input v\u1EABn cho ra model r\u1ED7ng \u0111\u00FAng ngh\u0129a. -->\n      <button\n        type=\"button\"\n        class=\"sd-input-color__swatch\"\n        [style.background]=\"swatchColor()\"\n        [class.sd-input-color__swatch--empty]=\"swatchColor() === 'transparent'\"\n        [disabled]=\"disabled() || readonly() || viewed() === true\"\n        (click)=\"openPicker()\"\n        title=\"M\u1EDF b\u1EA3ng ch\u1ECDn m\u00E0u\"\n        aria-label=\"M\u1EDF b\u1EA3ng ch\u1ECDn m\u00E0u\"></button>\n      <input\n        #picker\n        type=\"color\"\n        class=\"sd-input-color__hidden-picker\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [value]=\"pickerSafeValue()\"\n        (input)=\"onPickerChange($event)\" />\n    </div>\n  </ng-template>\n</sd-input>\n", styles: [":host{display:block;--sd-input-color-swatch-size: 22px;--sd-input-color-swatch-border: rgba(0, 0, 0, .12);--sd-input-color-swatch-checker: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%)}.sd-input-color__suffix{position:relative;display:inline-flex;align-items:center;gap:4px}.sd-input-color__swatch{width:var(--sd-input-color-swatch-size);height:var(--sd-input-color-swatch-size);border-radius:4px;border:1px solid var(--sd-input-color-swatch-border);padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:transform 80ms ease,box-shadow 80ms ease;position:relative;overflow:hidden}.sd-input-color__swatch:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 0 2px #1565c02e}.sd-input-color__swatch:disabled{cursor:not-allowed;opacity:.5}.sd-input-color__swatch.sd-input-color__swatch--empty{background-color:#fff;background-image:var(--sd-input-color-swatch-checker);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.sd-input-color__hidden-picker{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none;right:0;top:50%}\n"], dependencies: [{ kind: "component", type: SdInput, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "mask", "hideInlineError", "blurOnEnter", "clearable", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "directive", type: SdSuffixDefDirective, selector: "[sdSuffixDef]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdInputColor, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-input-color', standalone: true, imports: [SdInput, SdSuffixDefDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sd-input\n  [label]=\"label()\"\n  [helperText]=\"helperText()\"\n  [placeholder]=\"placeholder()\"\n  [size]=\"size()\"\n  [appearance]=\"appearance() ?? undefined\"\n  [form]=\"form()\"\n  [name]=\"name() ?? ''\"\n  [autoId]=\"autoId()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [hideInlineError]=\"hideInlineError()\"\n  [viewed]=\"viewed()\"\n  [pattern]=\"hexPattern\"\n  patternErrorMessage=\"M\u00E3 m\u00E0u HEX kh\u00F4ng h\u1EE3p l\u1EC7 (vd #1565C0)\"\n  [model]=\"valueModel()\"\n  (sdChange)=\"onInputChange($event)\">\n  <ng-template sdSuffixDef>\n    <div class=\"sd-input-color__suffix\">\n      <!-- why: n\u00FAt clear do <sd-input> t\u1EF1 render (built-in, hover-gated). \u1EDE \u0111\u00E2y\n           ch\u1EC9 chi\u1EBFu swatch + native picker. onInputChange coerce '' \u2192 null n\u00EAn\n           clear c\u1EE7a sd-input v\u1EABn cho ra model r\u1ED7ng \u0111\u00FAng ngh\u0129a. -->\n      <button\n        type=\"button\"\n        class=\"sd-input-color__swatch\"\n        [style.background]=\"swatchColor()\"\n        [class.sd-input-color__swatch--empty]=\"swatchColor() === 'transparent'\"\n        [disabled]=\"disabled() || readonly() || viewed() === true\"\n        (click)=\"openPicker()\"\n        title=\"M\u1EDF b\u1EA3ng ch\u1ECDn m\u00E0u\"\n        aria-label=\"M\u1EDF b\u1EA3ng ch\u1ECDn m\u00E0u\"></button>\n      <input\n        #picker\n        type=\"color\"\n        class=\"sd-input-color__hidden-picker\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [value]=\"pickerSafeValue()\"\n        (input)=\"onPickerChange($event)\" />\n    </div>\n  </ng-template>\n</sd-input>\n", styles: [":host{display:block;--sd-input-color-swatch-size: 22px;--sd-input-color-swatch-border: rgba(0, 0, 0, .12);--sd-input-color-swatch-checker: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%)}.sd-input-color__suffix{position:relative;display:inline-flex;align-items:center;gap:4px}.sd-input-color__swatch{width:var(--sd-input-color-swatch-size);height:var(--sd-input-color-swatch-size);border-radius:4px;border:1px solid var(--sd-input-color-swatch-border);padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:transform 80ms ease,box-shadow 80ms ease;position:relative;overflow:hidden}.sd-input-color__swatch:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 0 2px #1565c02e}.sd-input-color__swatch:disabled{cursor:not-allowed;opacity:.5}.sd-input-color__swatch.sd-input-color__swatch--empty{background-color:#fff;background-image:var(--sd-input-color-swatch-checker);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.sd-input-color__hidden-picker{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none;right:0;top:50%}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helperText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helperText", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoId", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], hideInlineError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideInlineError", required: false }] }], viewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewed", required: false }] }], valueModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }, { type: i0.Output, args: ["modelChange"] }], sdChange: [{ type: i0.Output, args: ["sdChange"] }], picker: [{ type: i0.ViewChild, args: ['picker', { isSignal: true }] }] } });
+            args: [{ selector: 'sd-input-color', standalone: true, imports: [SdInput, SdSuffixDefDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sd-input\n  [label]=\"label()\"\n  [helperText]=\"helperText()\"\n  [placeholder]=\"placeholder()\"\n  [size]=\"size()\"\n  [appearance]=\"appearance() ?? undefined\"\n  [form]=\"form()\"\n  [name]=\"name() ?? ''\"\n  [autoId]=\"autoId()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [clearable]=\"clearable()\"\n  [hideInlineError]=\"hideInlineError()\"\n  [viewed]=\"viewed()\"\n  [pattern]=\"hexPattern\"\n  patternErrorMessage=\"M\u00E3 m\u00E0u HEX kh\u00F4ng h\u1EE3p l\u1EC7 (vd #1565C0)\"\n  [model]=\"valueModel()\"\n  (sdChange)=\"onInputChange($event)\">\n  <ng-template sdSuffixDef>\n    <div class=\"sd-input-color__suffix\">\n      <!-- why: n\u00FAt clear do <sd-input> t\u1EF1 render (built-in, hover-gated). \u1EDE \u0111\u00E2y\n           ch\u1EC9 chi\u1EBFu swatch + native picker. onInputChange coerce '' \u2192 null n\u00EAn\n           clear c\u1EE7a sd-input v\u1EABn cho ra model r\u1ED7ng \u0111\u00FAng ngh\u0129a. -->\n      <button\n        type=\"button\"\n        class=\"sd-input-color__swatch\"\n        [style.background]=\"swatchColor()\"\n        [class.sd-input-color__swatch--empty]=\"swatchColor() === 'transparent'\"\n        [disabled]=\"disabled() || readonly() || viewed() === true\"\n        (click)=\"openPicker()\"\n        title=\"M\u1EDF b\u1EA3ng ch\u1ECDn m\u00E0u\"\n        aria-label=\"M\u1EDF b\u1EA3ng ch\u1ECDn m\u00E0u\"></button>\n      <input\n        #picker\n        type=\"color\"\n        class=\"sd-input-color__hidden-picker\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [value]=\"pickerSafeValue()\"\n        (input)=\"onPickerChange($event)\" />\n    </div>\n  </ng-template>\n</sd-input>\n", styles: [":host{display:block;--sd-input-color-swatch-size: 22px;--sd-input-color-swatch-border: rgba(0, 0, 0, .12);--sd-input-color-swatch-checker: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%)}.sd-input-color__suffix{position:relative;display:inline-flex;align-items:center;gap:4px}.sd-input-color__swatch{width:var(--sd-input-color-swatch-size);height:var(--sd-input-color-swatch-size);border-radius:4px;border:1px solid var(--sd-input-color-swatch-border);padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:transform 80ms ease,box-shadow 80ms ease;position:relative;overflow:hidden}.sd-input-color__swatch:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 0 2px #1565c02e}.sd-input-color__swatch:disabled{cursor:not-allowed;opacity:.5}.sd-input-color__swatch.sd-input-color__swatch--empty{background-color:#fff;background-image:var(--sd-input-color-swatch-checker);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.sd-input-color__hidden-picker{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none;right:0;top:50%}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helperText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helperText", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoId", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], hideInlineError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideInlineError", required: false }] }], viewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewed", required: false }] }], valueModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }, { type: i0.Output, args: ["modelChange"] }], sdChange: [{ type: i0.Output, args: ["sdChange"] }], picker: [{ type: i0.ViewChild, args: ['picker', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.