@ngneers/controls 0.0.1-next.0

package/fesm2022/ngneers-controls-select.mjs

@@ -0,0 +1,417 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, contentChild, input, computed, Directive, inject, booleanAttribute, linkedSignal, signal, effect, Component } from '@angular/core';
+import { mapToItems } from '@ngneers/controls/api';
+import { templateTypesFn, NgnTemplate } from '@ngneers/controls/api/ng';
+import { ValueControlBase, NgnPt, provideSelf } from '@ngneers/controls/base';
+import { I18n } from '@ngneers/controls/i18n';
+import { NgnIcon } from '@ngneers/controls/icon';
+import { NgnInput } from '@ngneers/controls/input';
+import { NgnInputField } from '@ngneers/controls/input-field';
+import { NgnItemView } from '@ngneers/controls/item-view';
+import { NgnListBox } from '@ngneers/controls/list-box';
+import { NgnPopover } from '@ngneers/controls/popover';
+import { deepMerge, maybeCallback, NgnError } from '@ngneers/controls/utils';
+import { selectControlTemplate } from '@ngneers/controls-themes/templates/select';
+
+class SelectTemplates extends ValueControlBase {
+    // Item template
+    _defaultItemTemplate = viewChild.required('defaultItemTemplate');
+    _userItemTemplate = contentChild('item', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userItemTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Set a custom template for an item of the select control.
+     * Can also be set using an `<ng-template>` element with `#item` template reference variable.
+     */
+    templateItem = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateItem" }] : /* istanbul ignore next */ []));
+    itemTemplate = computed(() => this._userItemTemplate() ?? this.templateItem() ?? this._defaultItemTemplate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
+    // Selected item template
+    _defaultSelectedItemTemplate = viewChild.required('defaultSelectedItemTemplate');
+    _userSelectedItemTemplate = contentChild('selectedItem', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userSelectedItemTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Set a custom template for the selected item of the select control.
+     * Can also be set using an `<ng-template>` element with `#selectedItem` template reference variable.
+     */
+    templateSelectedItem = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateSelectedItem" }] : /* istanbul ignore next */ []));
+    selectedItemTemplate = computed(() => this._userSelectedItemTemplate() ??
+        this.templateSelectedItem() ??
+        this._defaultSelectedItemTemplate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedItemTemplate" }] : /* istanbul ignore next */ []));
+    // Selected items template
+    _defaultSelectedItemsTemplate = viewChild.required('defaultSelectedItemsTemplate');
+    _userSelectedItemsTemplate = contentChild('selectedItems', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userSelectedItemsTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Set a custom template for the selected items of the select control if {@link multiple} is `true`.
+     * Can also be set using an `<ng-template>` element with `#selectedItems` template reference variable.
+     */
+    templateSelectedItems = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateSelectedItems" }] : /* istanbul ignore next */ []));
+    selectedItemsTemplate = computed(() => this._userSelectedItemsTemplate() ??
+        this.templateSelectedItems() ??
+        this._defaultSelectedItemsTemplate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedItemsTemplate" }] : /* istanbul ignore next */ []));
+    // Group template
+    _defaultGroupTemplate = viewChild.required('defaultGroupTemplate');
+    _userGroupTemplate = contentChild('group', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userGroupTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Set a custom template for a group in the select control.
+     * Can also be set using an `<ng-template>` element with `#group` template reference variable.
+     */
+    templateGroup = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateGroup" }] : /* istanbul ignore next */ []));
+    groupTemplate = computed(() => this._userGroupTemplate() ?? this.templateGroup() ?? this._defaultGroupTemplate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "groupTemplate" }] : /* istanbul ignore next */ []));
+    // No items template
+    _userNoItemsTemplate = contentChild('noItems', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userNoItemsTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Set a custom template for the no items state of the select control.
+     * Can also be set using an `<ng-template>` element with `#noItems` template reference variable.
+     */
+    templateNoItems = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateNoItems" }] : /* istanbul ignore next */ []));
+    noItemsTemplate = computed(() => this._userNoItemsTemplate() ?? this.templateNoItems(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "noItemsTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Types for the dialog templates.
+     */
+    templateTypes = templateTypesFn();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SelectTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.5", type: SelectTemplates, isStandalone: true, inputs: { templateItem: { classPropertyName: "templateItem", publicName: "templateItem", isSignal: true, isRequired: false, transformFunction: null }, templateSelectedItem: { classPropertyName: "templateSelectedItem", publicName: "templateSelectedItem", isSignal: true, isRequired: false, transformFunction: null }, templateSelectedItems: { classPropertyName: "templateSelectedItems", publicName: "templateSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, templateGroup: { classPropertyName: "templateGroup", publicName: "templateGroup", isSignal: true, isRequired: false, transformFunction: null }, templateNoItems: { classPropertyName: "templateNoItems", publicName: "templateNoItems", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userItemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_userSelectedItemTemplate", first: true, predicate: ["selectedItem"], descendants: true, isSignal: true }, { propertyName: "_userSelectedItemsTemplate", first: true, predicate: ["selectedItems"], descendants: true, isSignal: true }, { propertyName: "_userGroupTemplate", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "_userNoItemsTemplate", first: true, predicate: ["noItems"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultSelectedItemTemplate", first: true, predicate: ["defaultSelectedItemTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultSelectedItemsTemplate", first: true, predicate: ["defaultSelectedItemsTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultGroupTemplate", first: true, predicate: ["defaultGroupTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SelectTemplates, decorators: [{
+            type: Directive
+        }], propDecorators: { _defaultItemTemplate: [{ type: i0.ViewChild, args: ['defaultItemTemplate', { isSignal: true }] }], _userItemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], templateItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateItem", required: false }] }], _defaultSelectedItemTemplate: [{ type: i0.ViewChild, args: ['defaultSelectedItemTemplate', { isSignal: true }] }], _userSelectedItemTemplate: [{ type: i0.ContentChild, args: ['selectedItem', { isSignal: true }] }], templateSelectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateSelectedItem", required: false }] }], _defaultSelectedItemsTemplate: [{ type: i0.ViewChild, args: ['defaultSelectedItemsTemplate', { isSignal: true }] }], _userSelectedItemsTemplate: [{ type: i0.ContentChild, args: ['selectedItems', { isSignal: true }] }], templateSelectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateSelectedItems", required: false }] }], _defaultGroupTemplate: [{ type: i0.ViewChild, args: ['defaultGroupTemplate', { isSignal: true }] }], _userGroupTemplate: [{ type: i0.ContentChild, args: ['group', { isSignal: true }] }], templateGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateGroup", required: false }] }], _userNoItemsTemplate: [{ type: i0.ContentChild, args: ['noItems', { isSignal: true }] }], templateNoItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateNoItems", required: false }] }] } });
+
+/**
+ * @category control
+ */
+class NgnSelect extends SelectTemplates {
+    isFieldControl = true;
+    theme = this.injectThemeTemplate(selectControlTemplate, 'root');
+    i18n = inject(I18n).translations;
+    _popover = viewChild.required(NgnPopover);
+    _field = viewChild.required('field');
+    _customEditableInput = contentChild(NgnInput, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_customEditableInput" }] : /* istanbul ignore next */ []));
+    _customEditableSub;
+    /**
+     * Options for the popover.
+     */
+    popoverOptions = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "popoverOptions" }] : /* istanbul ignore next */ []));
+    appliedPopoverOptions = computed(() => deepMerge({
+        sizeConstraints: {
+            width: 1,
+            maxWidth: 1,
+            minHeight: '250px',
+            maxHeight: '700px',
+        },
+        cache: true,
+    }, this.popoverOptions()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appliedPopoverOptions" }] : /* istanbul ignore next */ []));
+    /**
+     * The available options to choose from. They can either be
+     * * A list of {@link NgnItem} objects
+     * * A list of plain objects. You'll have to provide a {@link fields} input to specify how to map the plain objects to {@link NgnItem} objects.
+     */
+    options = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    /**
+     * Accepts a boolean value that determines whether the filter is enabled.
+     * Alternatively, you can provide `SelectFilterOptions` to customize the filter behavior.
+     * @default `false`
+     */
+    filter = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    /**
+     * Manually set the filter text.
+     */
+    filterText = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []));
+    /**
+     * The icon to display in the filter input.
+     */
+    iconFilter = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "iconFilter" }] : /* istanbul ignore next */ []));
+    /**
+     * The icon to display in the dropdown.
+     */
+    iconDropdown = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "iconDropdown" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the select is virtualized.
+     * @default `false`
+     */
+    virtual = input(false, { ...(ngDevMode ? { debugName: "virtual" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * When {@link virtual} is enabled, this property defines the height of each item in the list.
+     */
+    itemHeight = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "itemHeight" }] : /* istanbul ignore next */ []));
+    /**
+     * Enable this to allow the user to type in a value that is not in the list.
+     * When enabled, the value of the control becomes the label of a selected item or the typed value.
+     *
+     * Cannot be used with
+     * * {@link multiple} selection
+     * * {@link filter} without also setting {@link editableAutoFilter} to `false`
+     *
+     * @default `false`
+     */
+    editable = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "editable" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to automatically filter the options based on the user's input in the {@link editable} input.
+     * @default `true`
+     */
+    editableAutoFilter = input(true, { ...(ngDevMode ? { debugName: "editableAutoFilter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Enable this to allow the user to select multiple values.
+     * When enabled, the value of the control becomes an array of selected items.
+     *
+     * This is only applicable when {@link editable} is `false`.
+     * @default `false`
+     */
+    multiple = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to scroll to the selected item when the dropdown is opened.
+     * @default `true`
+     */
+    scrollToSelectedItemOnOpen = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollToSelectedItemOnOpen" }] : /* istanbul ignore next */ []));
+    /**
+     * Tabindex for the select control.
+     * @default `0`
+     */
+    tabindex = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to use a checkbox to indicate selection state.
+     *
+     * This option is true per default when {@link multiple} is `true`.
+     * @default multiple()
+     */
+    checkbox = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "checkbox" }] : /* istanbul ignore next */ []));
+    maybeCallback = maybeCallback;
+    _listbox = viewChild(NgnListBox, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_listbox" }] : /* istanbul ignore next */ []));
+    _userChangedEditableInput = false;
+    get anchorElement() {
+        return (this.element.nativeElement.closest('ngn-input-field') ??
+            this.element.nativeElement);
+    }
+    filterTextInternal = linkedSignal(this.filterText, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterTextInternal" }] : /* istanbul ignore next */ []));
+    currentHighlightedValue = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentHighlightedValue" }] : /* istanbul ignore next */ []));
+    valueStr = computed(() => {
+        const v = this.value();
+        return typeof v === 'string' ? v : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueStr" }] : /* istanbul ignore next */ []));
+    valueArray = computed(() => {
+        const v = this.value();
+        return Array.isArray(v) ? v : v ? [v] : [];
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueArray" }] : /* istanbul ignore next */ []));
+    appliedFilter = computed(() => this.filter() || this.editable() || false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appliedFilter" }] : /* istanbul ignore next */ []));
+    _flatOptions = computed(() => mapToItems(this.options()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_flatOptions" }] : /* istanbul ignore next */ []));
+    selectedItems = computed(() => {
+        if (this.editable()) {
+            return [this._flatOptions().find(option => option.label === this.value())];
+        }
+        else {
+            return this.valueArray().map(value => this._flatOptions().find(option => option.value === value));
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+    selectedItemsValues = computed(() => this.selectedItems().map(item => item?.value), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedItemsValues" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        effect(() => {
+            if (this.editable() && this.multiple()) {
+                throw new NgnError('select', 'Editable and multiple selection cannot be used together');
+            }
+            if (this.editable() && this.filter()) {
+                throw new NgnError('select', 'Editable and filtering cannot be used together');
+            }
+        });
+        effect(() => {
+            this._customEditableSub?.unsubscribe();
+            const editable = this.editable();
+            const customEditableInput = this._customEditableInput();
+            if (!editable || !customEditableInput) {
+                return;
+            }
+            this._customEditableSub = customEditableInput.value.subscribe(value => {
+                this.onEditableChange(value);
+            });
+            // Set ARIA attributes for accessibility. `role="combobox"` is required so
+            // the combobox attributes below are allowed even when the projected input
+            // has an implicit role that forbids them (e.g. `<input type="number">` →
+            // `spinbutton`, which disallows `aria-autocomplete`). See calendar year field.
+            customEditableInput.element.nativeElement.setAttribute('role', 'combobox');
+            customEditableInput.element.nativeElement.setAttribute('aria-autocomplete', 'list');
+            customEditableInput.element.nativeElement.setAttribute('aria-expanded', `${this._popover().open()}`);
+            customEditableInput.element.nativeElement.setAttribute('aria-haspopup', 'listbox');
+            customEditableInput.element.nativeElement.setAttribute('aria-controls', `${this.inputId()}_listbox`);
+        });
+        effect(() => {
+            if (!this.editable()) {
+                return;
+            }
+            const valueSig = this._customEditableInput()?.value;
+            if (valueSig) {
+                valueSig.set(this.value() || '');
+            }
+        });
+        effect(() => {
+            if (!this.editable()) {
+                return;
+            }
+            const hasOptions = !!this._listbox()?.displayedItems().length;
+            if (!this._userChangedEditableInput) {
+                return;
+            }
+            this._userChangedEditableInput = false;
+            if (hasOptions) {
+                this.show();
+            }
+            else {
+                this.hide();
+            }
+        });
+    }
+    onKeyDown(event) {
+        if (this._popover().open()) {
+            this._listbox()?.onKeyDown(event);
+        }
+        // if event is not handled by the listbox, we can handle it here
+        if (!event.defaultPrevented) {
+            if (event.key === 'Enter') {
+                if (this.readonly() || this.disabled()) {
+                    return;
+                }
+                this._popover().toggle();
+                event.stopPropagation();
+                event.preventDefault();
+            }
+            if (this._popover().open() && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+                if (this.readonly() || this.disabled()) {
+                    return;
+                }
+                const currentIndex = this.options().findIndex(option => option.value === this.value());
+                let newIndex = event.key === 'ArrowDown' ? currentIndex + 1 : currentIndex - 1;
+                if (newIndex < 0) {
+                    newIndex = 0;
+                }
+                if (newIndex >= this.options().length) {
+                    newIndex = this.options().length - 1;
+                }
+                const newValue = this.options()[newIndex]?.value;
+                if (newValue !== undefined) {
+                    this.onSelect(newValue);
+                }
+            }
+        }
+    }
+    onPopoverClosed() {
+        this._listbox()?.currentHighlightedValue.set(null);
+        this.potentiallyBlurred();
+        this.currentHighlightedValue.set(null);
+        const filter = this.filter();
+        if (filter === true || (typeof filter === 'object' && filter.clearFilterOnClose)) {
+            if (!this.editable()) {
+                this.filterTextInternal.set('');
+            }
+        }
+    }
+    onSelect(value) {
+        if (this.editable()) {
+            const item = this._flatOptions().find(option => option.value === value);
+            if (item) {
+                this.value.set(maybeCallback(item.label));
+            }
+        }
+        else {
+            const v = value;
+            if (this.value() !== v) {
+                this.value.set(v);
+            }
+        }
+    }
+    onItemClicked() {
+        if (!this.multiple()) {
+            this.hide();
+        }
+    }
+    /**
+     * Shows the select dropdown.
+     */
+    show() {
+        if (this.disabled() || this.readonly()) {
+            return;
+        }
+        this._popover().show();
+    }
+    /**
+     * Hides the select dropdown.
+     */
+    hide() {
+        this._popover().hide();
+    }
+    onEditableChange(value) {
+        if (this.editable()) {
+            this.value.set(maybeCallback(value));
+            this._userChangedEditableInput = true;
+            if (this.editableAutoFilter()) {
+                this.filterTextInternal.set(value);
+            }
+        }
+    }
+    potentiallyBlurred() {
+        setTimeout(() => {
+            if (this.element.nativeElement.contains(document.activeElement) || this._popover().open()) {
+                return;
+            }
+            this.touched.set(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NgnSelect, isStandalone: true, selector: "ngn-select", inputs: { popoverOptions: { classPropertyName: "popoverOptions", publicName: "popoverOptions", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterText: { classPropertyName: "filterText", publicName: "filterText", isSignal: true, isRequired: false, transformFunction: null }, iconFilter: { classPropertyName: "iconFilter", publicName: "iconFilter", isSignal: true, isRequired: false, transformFunction: null }, iconDropdown: { classPropertyName: "iconDropdown", publicName: "iconDropdown", isSignal: true, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, editableAutoFilter: { classPropertyName: "editableAutoFilter", publicName: "editableAutoFilter", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, scrollToSelectedItemOnOpen: { classPropertyName: "scrollToSelectedItemOnOpen", publicName: "scrollToSelectedItemOnOpen", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: block;" }, providers: [provideSelf(NgnSelect)], queries: [{ propertyName: "_customEditableInput", first: true, predicate: NgnInput, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_popover", first: true, predicate: NgnPopover, descendants: true, isSignal: true }, { propertyName: "_field", first: true, predicate: ["field"], descendants: true, isSignal: true }, { propertyName: "_listbox", first: true, predicate: NgnListBox, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  [ptInt]=\"this\"\n  [ptClass]=\"{\n    input: true,\n    'input-editable': editable(),\n  }\"\n  (click)=\"show()\"\n  (keydown)=\"onKeyDown($event)\"\n  #field\n  [tabindex]=\"editable() || disabled() ? -1 : tabindex()\"\n  (focusout)=\"potentiallyBlurred()\"\n>\n  @if (editable()) {\n    <ng-content select=\"[ngnInput]\">\n      <input\n        ngnInput\n        autocomplete=\"list\"\n        [aria-expanded]=\"popover.open()\"\n        aria-haspopup=\"listbox\"\n        [attr.aria-controls]=\"inputId() + '_listbox'\"\n        [id]=\"inputId()\"\n        [value]=\"valueStr() || ''\"\n        (valueChange)=\"onEditableChange($event)\"\n        [readOnly]=\"readonly()\"\n        [disabled]=\"disabled()\"\n      />\n    </ng-content>\n  } @else {\n    <div\n      role=\"combobox\"\n      [ptInt]=\"this\"\n      [ptClass]=\"'combobox'\"\n      [aria-expanded]=\"popover.open()\"\n      aria-haspopup=\"listbox\"\n      [attr.aria-controls]=\"inputId() + '_listbox'\"\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\"\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-labelledby]=\"labelledBy()\"\n      [attr.disabled]=\"disabled() ? '' : null\"\n      [id]=\"inputId()\"\n    >\n      @if (multiple()) {\n        <ng-container\n          [ngTemplateOutlet]=\"selectedItemsTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: selectedItems(),\n          }\"\n        />\n      } @else {\n        <ng-container\n          [ngTemplateOutlet]=\"selectedItemTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: selectedItems()[0],\n          }\"\n        />\n      }\n    </div>\n  }\n  <ngn-icon\n    [ptInt]=\"this\"\n    [ptClass]=\"'icon'\"\n    [icon]=\"iconDropdown()\"\n    defaultIcon=\"dropdown-toggle\"\n  />\n</div>\n<ngn-popover\n  #popover\n  [ptInt]=\"this\"\n  [ptDep]=\"'popover'\"\n  [options]=\"appliedPopoverOptions()\"\n  [anchor]=\"anchorElement\"\n  (keydown)=\"onKeyDown($event)\"\n  (closed)=\"onPopoverClosed()\"\n  [id]=\"inputId() + '_popover'\"\n  [hasShrinkableContent]=\"true\"\n>\n  <ng-template #lazy>\n    <div [ptInt]=\"this\" [ptClass]=\"'popover-content'\">\n      @if (filter()) {\n        <ngn-input-field [ptInt]=\"this\" [ptDep]=\"'filter'\">\n          <input\n            ngnInput\n            [value]=\"filterTextInternal()\"\n            (valueChange)=\"filterTextInternal.set($event)\"\n            [attr.aria-label]=\"i18n['select_filterOptions']()\"\n          />\n          <ngn-icon\n            [ptInt]=\"this\"\n            [ptClass]=\"'filter-icon'\"\n            defaultIcon=\"search\"\n            [icon]=\"iconFilter()\"\n          />\n        </ngn-input-field>\n      }\n      <ngn-list-box\n        [ptInt]=\"this\"\n        [ptDep]=\"'list-box'\"\n        style=\"height: 100%; min-height: 0\"\n        [focussable]=\"false\"\n        [selectable]=\"true\"\n        [filter]=\"appliedFilter()\"\n        [filterText]=\"filterTextInternal()\"\n        [items]=\"options()\"\n        [itemHeight]=\"itemHeight()\"\n        [virtual]=\"virtual()\"\n        [templateItem]=\"itemTemplate()\"\n        [templateGroup]=\"groupTemplate()\"\n        [multiple]=\"multiple()\"\n        [value]=\"multiple() ? selectedItemsValues() : selectedItemsValues()[0]\"\n        [scrollToSelectedItemOnInit]=\"scrollToSelectedItemOnOpen()\"\n        (valueChange)=\"onSelect($event)\"\n        (itemClicked)=\"onItemClicked()\"\n        [inputId]=\"inputId() + '_listbox'\"\n        [templateEmpty]=\"noItemsTemplate()\"\n        [checkbox]=\"checkbox()\"\n      />\n    </div>\n  </ng-template>\n</ngn-popover>\n\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\n  <span [attr.data-testid]=\"item?.testId\">\n    @let label = item?.label;\n    @if (label) {\n      <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\n    }\n  </span>\n</ng-template>\n\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\n  <span [attr.data-testid]=\"group?.testId\">\n    @let label = group?.label;\n    @if (label) {\n      <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\n    }\n  </span>\n</ng-template>\n\n<ng-template #defaultSelectedItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\n  @let label = item?.label;\n  @if (label) {\n    <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\n  } @else {\n    <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\n  }\n</ng-template>\n\n<ng-template #defaultSelectedItemsTemplate [ngnTemplate]=\"templateTypes.selectedItems\" let-items>\n  <ngn-item-view\n    #itemView\n    [items]=\"items\"\n    [idField]=\"'value'\"\n    [separator]=\"true\"\n    style=\"margin-right: 8px\"\n  >\n    <ng-template #item let-item [ngnTemplate]=\"itemView.templateTypes.item\">\n      <ng-container\n        *ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"\n      ></ng-container>\n    </ng-template>\n  </ngn-item-view>\n  @if (items.length < 1) {\n    &ZeroWidthSpace;\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass", "ptDep"] }, { kind: "component", type: NgnListBox, selector: "ngn-list-box", inputs: ["items", "scrollToSelectedItemOnInit", "selectable", "selectOnHover", "focussable", "virtual", "itemHeight", "multiple", "checkbox", "filter", "filterText"], outputs: ["itemClicked"] }, { kind: "component", type: NgnPopover, selector: "ngn-popover", inputs: ["open", "anchor", "options", "hasShrinkableContent", "closeBy"], outputs: ["closed", "closing", "openChange"] }, { kind: "directive", type: NgnInput, selector: "input[ngnInput], textarea[ngnInput]", inputs: ["invalid", "value"], outputs: ["valueChange"], exportAs: ["ngnInput"] }, { kind: "component", type: NgnInputField, selector: "ngn-input-field", inputs: ["label", "labelledBy", "labelKind", "inputId", "showClearButton", "iconClearButton", "tabindex", "invalid", "readonly", "disabled"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "component", type: NgnItemView, selector: "ngn-item-view", inputs: ["idField", "items", "separator", "iconItemSeparator", "overflowStrategy", "overflowStrategyFreezeCount", "overflowStrategyIndex", "sameWidthItems"] }, { kind: "component", type: NgnIcon, selector: "ngn-icon", inputs: ["defaultIcon", "icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnSelect, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngn-select', imports: [
+                        NgnPt,
+                        NgnListBox,
+                        NgnPopover,
+                        NgnInput,
+                        NgnInputField,
+                        NgTemplateOutlet,
+                        NgnTemplate,
+                        NgnItemView,
+                        NgnIcon,
+                    ], providers: [provideSelf(NgnSelect)], host: {
+                        style: 'display: block;',
+                    }, template: "<div\n  [ptInt]=\"this\"\n  [ptClass]=\"{\n    input: true,\n    'input-editable': editable(),\n  }\"\n  (click)=\"show()\"\n  (keydown)=\"onKeyDown($event)\"\n  #field\n  [tabindex]=\"editable() || disabled() ? -1 : tabindex()\"\n  (focusout)=\"potentiallyBlurred()\"\n>\n  @if (editable()) {\n    <ng-content select=\"[ngnInput]\">\n      <input\n        ngnInput\n        autocomplete=\"list\"\n        [aria-expanded]=\"popover.open()\"\n        aria-haspopup=\"listbox\"\n        [attr.aria-controls]=\"inputId() + '_listbox'\"\n        [id]=\"inputId()\"\n        [value]=\"valueStr() || ''\"\n        (valueChange)=\"onEditableChange($event)\"\n        [readOnly]=\"readonly()\"\n        [disabled]=\"disabled()\"\n      />\n    </ng-content>\n  } @else {\n    <div\n      role=\"combobox\"\n      [ptInt]=\"this\"\n      [ptClass]=\"'combobox'\"\n      [aria-expanded]=\"popover.open()\"\n      aria-haspopup=\"listbox\"\n      [attr.aria-controls]=\"inputId() + '_listbox'\"\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\"\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-labelledby]=\"labelledBy()\"\n      [attr.disabled]=\"disabled() ? '' : null\"\n      [id]=\"inputId()\"\n    >\n      @if (multiple()) {\n        <ng-container\n          [ngTemplateOutlet]=\"selectedItemsTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: selectedItems(),\n          }\"\n        />\n      } @else {\n        <ng-container\n          [ngTemplateOutlet]=\"selectedItemTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: selectedItems()[0],\n          }\"\n        />\n      }\n    </div>\n  }\n  <ngn-icon\n    [ptInt]=\"this\"\n    [ptClass]=\"'icon'\"\n    [icon]=\"iconDropdown()\"\n    defaultIcon=\"dropdown-toggle\"\n  />\n</div>\n<ngn-popover\n  #popover\n  [ptInt]=\"this\"\n  [ptDep]=\"'popover'\"\n  [options]=\"appliedPopoverOptions()\"\n  [anchor]=\"anchorElement\"\n  (keydown)=\"onKeyDown($event)\"\n  (closed)=\"onPopoverClosed()\"\n  [id]=\"inputId() + '_popover'\"\n  [hasShrinkableContent]=\"true\"\n>\n  <ng-template #lazy>\n    <div [ptInt]=\"this\" [ptClass]=\"'popover-content'\">\n      @if (filter()) {\n        <ngn-input-field [ptInt]=\"this\" [ptDep]=\"'filter'\">\n          <input\n            ngnInput\n            [value]=\"filterTextInternal()\"\n            (valueChange)=\"filterTextInternal.set($event)\"\n            [attr.aria-label]=\"i18n['select_filterOptions']()\"\n          />\n          <ngn-icon\n            [ptInt]=\"this\"\n            [ptClass]=\"'filter-icon'\"\n            defaultIcon=\"search\"\n            [icon]=\"iconFilter()\"\n          />\n        </ngn-input-field>\n      }\n      <ngn-list-box\n        [ptInt]=\"this\"\n        [ptDep]=\"'list-box'\"\n        style=\"height: 100%; min-height: 0\"\n        [focussable]=\"false\"\n        [selectable]=\"true\"\n        [filter]=\"appliedFilter()\"\n        [filterText]=\"filterTextInternal()\"\n        [items]=\"options()\"\n        [itemHeight]=\"itemHeight()\"\n        [virtual]=\"virtual()\"\n        [templateItem]=\"itemTemplate()\"\n        [templateGroup]=\"groupTemplate()\"\n        [multiple]=\"multiple()\"\n        [value]=\"multiple() ? selectedItemsValues() : selectedItemsValues()[0]\"\n        [scrollToSelectedItemOnInit]=\"scrollToSelectedItemOnOpen()\"\n        (valueChange)=\"onSelect($event)\"\n        (itemClicked)=\"onItemClicked()\"\n        [inputId]=\"inputId() + '_listbox'\"\n        [templateEmpty]=\"noItemsTemplate()\"\n        [checkbox]=\"checkbox()\"\n      />\n    </div>\n  </ng-template>\n</ngn-popover>\n\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\n  <span [attr.data-testid]=\"item?.testId\">\n    @let label = item?.label;\n    @if (label) {\n      <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\n    }\n  </span>\n</ng-template>\n\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\n  <span [attr.data-testid]=\"group?.testId\">\n    @let label = group?.label;\n    @if (label) {\n      <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\n    }\n  </span>\n</ng-template>\n\n<ng-template #defaultSelectedItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\n  @let label = item?.label;\n  @if (label) {\n    <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\n  } @else {\n    <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\n  }\n</ng-template>\n\n<ng-template #defaultSelectedItemsTemplate [ngnTemplate]=\"templateTypes.selectedItems\" let-items>\n  <ngn-item-view\n    #itemView\n    [items]=\"items\"\n    [idField]=\"'value'\"\n    [separator]=\"true\"\n    style=\"margin-right: 8px\"\n  >\n    <ng-template #item let-item [ngnTemplate]=\"itemView.templateTypes.item\">\n      <ng-container\n        *ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"\n      ></ng-container>\n    </ng-template>\n  </ngn-item-view>\n  @if (items.length < 1) {\n    &ZeroWidthSpace;\n  }\n</ng-template>\n" }]
+        }], ctorParameters: () => [], propDecorators: { _popover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgnPopover), { isSignal: true }] }], _field: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], _customEditableInput: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgnInput), { isSignal: true }] }], popoverOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "popoverOptions", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], filterText: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterText", required: false }] }], iconFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconFilter", required: false }] }], iconDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconDropdown", required: false }] }], virtual: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtual", required: false }] }], itemHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemHeight", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], editableAutoFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "editableAutoFilter", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], scrollToSelectedItemOnOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToSelectedItemOnOpen", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], checkbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkbox", required: false }] }], _listbox: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgnListBox), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgnSelect };
+//# sourceMappingURL=ngneers-controls-select.mjs.map

package/fesm2022/ngneers-controls-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngneers-controls-select.mjs","sources":["../../src/select/select-templates.ts","../../src/select/select.ts","../../src/select/select.html","../../src/select/ngneers-controls-select.ts"],"sourcesContent":["import { computed, contentChild, Directive, input, TemplateRef, viewChild } from '@angular/core';\nimport { templateTypesFn } from '@ngneers/controls/api/ng';\nimport { ValueControlBase } from '@ngneers/controls/base';\n\nimport type { NgnItem } from '@ngneers/controls/api';\nimport type { InputGeneric } from '@ngneers/controls/utils';\n\n/**\n * This type determines the value type for the select control.\n * * If `multiple` is true, the value is an array of items: `T[K][]`.\n * * If `editable` is true, the value is a `string`.\n * * If neither is true, the value is the item's value type `T[K]`.\n */\nexport type ValueType<V, Editable extends boolean, Multiple extends boolean> =\n  InputGeneric<Multiple, false> extends true\n    ? V[]\n    : InputGeneric<Editable, false> extends true\n      ? string\n      : V;\n\n@Directive()\nexport abstract class SelectTemplates<\n  V,\n  Editable extends boolean,\n  Multiple extends boolean,\n> extends ValueControlBase<'select', ValueType<V, Editable, Multiple> | null> {\n  // Item template\n  private readonly _defaultItemTemplate =\n    viewChild.required<TemplateRef<typeof this.templateTypes.item>>('defaultItemTemplate');\n  private readonly _userItemTemplate =\n    contentChild<TemplateRef<typeof this.templateTypes.item>>('item');\n  /**\n   * Set a custom template for an item of the select control.\n   * Can also be set using an `<ng-template>` element with `#item` template reference variable.\n   */\n  public readonly templateItem = input<TemplateRef<typeof this.templateTypes.item> | null>(null);\n  protected readonly itemTemplate = computed(\n    () => this._userItemTemplate() ?? this.templateItem() ?? this._defaultItemTemplate()\n  );\n\n  // Selected item template\n  private readonly _defaultSelectedItemTemplate = viewChild.required<\n    TemplateRef<typeof this.templateTypes.item>\n  >('defaultSelectedItemTemplate');\n  private readonly _userSelectedItemTemplate =\n    contentChild<TemplateRef<typeof this.templateTypes.item>>('selectedItem');\n  /**\n   * Set a custom template for the selected item of the select control.\n   * Can also be set using an `<ng-template>` element with `#selectedItem` template reference variable.\n   */\n  public readonly templateSelectedItem = input<TemplateRef<typeof this.templateTypes.item> | null>(\n    null\n  );\n  protected readonly selectedItemTemplate = computed(\n    () =>\n      this._userSelectedItemTemplate() ??\n      this.templateSelectedItem() ??\n      this._defaultSelectedItemTemplate()\n  );\n\n  // Selected items template\n  private readonly _defaultSelectedItemsTemplate = viewChild.required<\n    TemplateRef<typeof this.templateTypes.selectedItems>\n  >('defaultSelectedItemsTemplate');\n  private readonly _userSelectedItemsTemplate =\n    contentChild<TemplateRef<typeof this.templateTypes.selectedItems>>('selectedItems');\n  /**\n   * Set a custom template for the selected items of the select control if {@link multiple} is `true`.\n   * Can also be set using an `<ng-template>` element with `#selectedItems` template reference variable.\n   */\n  public readonly templateSelectedItems = input<TemplateRef<\n    typeof this.templateTypes.selectedItems\n  > | null>(null);\n  protected readonly selectedItemsTemplate = computed(\n    () =>\n      this._userSelectedItemsTemplate() ??\n      this.templateSelectedItems() ??\n      this._defaultSelectedItemsTemplate()\n  );\n\n  // Group template\n  private readonly _defaultGroupTemplate =\n    viewChild.required<TemplateRef<typeof this.templateTypes.item>>('defaultGroupTemplate');\n  private readonly _userGroupTemplate =\n    contentChild<TemplateRef<typeof this.templateTypes.item>>('group');\n  /**\n   * Set a custom template for a group in the select control.\n   * Can also be set using an `<ng-template>` element with `#group` template reference variable.\n   */\n  public readonly templateGroup = input<TemplateRef<typeof this.templateTypes.item> | null>(null);\n  protected readonly groupTemplate = computed(\n    () => this._userGroupTemplate() ?? this.templateGroup() ?? this._defaultGroupTemplate()\n  );\n\n  // No items template\n  private readonly _userNoItemsTemplate = contentChild<TemplateRef<unknown>>('noItems');\n  /**\n   * Set a custom template for the no items state of the select control.\n   * Can also be set using an `<ng-template>` element with `#noItems` template reference variable.\n   */\n  public readonly templateNoItems = input<TemplateRef<unknown> | null>(null);\n  protected readonly noItemsTemplate = computed(\n    () => this._userNoItemsTemplate() ?? this.templateNoItems()\n  );\n\n  /**\n   * Types for the dialog templates.\n   */\n  public readonly templateTypes = templateTypesFn<{\n    item: {\n      $implicit: NgnItem<unknown, V> | undefined;\n    };\n    selectedItems: {\n      $implicit: NgnItem<unknown, V>[];\n    };\n  }>();\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  ElementRef,\n  input,\n  linkedSignal,\n  type OutputRefSubscription,\n  type Signal,\n  signal,\n  viewChild,\n  inject,\n} from '@angular/core';\nimport { type FilterConfig, mapToItems, type NgnItem } from '@ngneers/controls/api';\nimport { NgnTemplate } from '@ngneers/controls/api/ng';\nimport { NgnPt, provideSelf } from '@ngneers/controls/base';\nimport { I18n } from '@ngneers/controls/i18n';\nimport { NgnIcon } from '@ngneers/controls/icon';\nimport { NgnInput } from '@ngneers/controls/input';\nimport { NgnInputField } from '@ngneers/controls/input-field';\nimport { NgnItemView } from '@ngneers/controls/item-view';\nimport { NgnListBox } from '@ngneers/controls/list-box';\nimport { NgnPopover, type PopoverOptions } from '@ngneers/controls/popover';\nimport { deepMerge, maybeCallback, NgnError } from '@ngneers/controls/utils';\nimport { selectControlTemplate } from '@ngneers/controls-themes/templates/select';\n\nimport { SelectTemplates, type ValueType } from './select-templates';\n\nimport type { SelectFilterOptions } from './types';\nimport type { IconType } from '@ngneers/controls-custom-types';\n\n/**\n * @category control\n */\n@Component({\n  selector: 'ngn-select',\n  templateUrl: './select.html',\n  imports: [\n    NgnPt,\n    NgnListBox,\n    NgnPopover,\n    NgnInput,\n    NgnInputField,\n    NgTemplateOutlet,\n    NgnTemplate,\n    NgnItemView,\n    NgnIcon,\n  ],\n  providers: [provideSelf(NgnSelect)],\n  host: {\n    style: 'display: block;',\n  },\n})\nexport class NgnSelect<\n  V,\n  Editable extends boolean = false,\n  Multiple extends boolean = false,\n> extends SelectTemplates<V, Editable, Multiple> {\n  public override readonly isFieldControl = true;\n  protected readonly theme = this.injectThemeTemplate(selectControlTemplate, 'root');\n  protected readonly i18n = inject(I18n).translations;\n  private readonly _popover = viewChild.required<NgnPopover>(NgnPopover);\n  private readonly _field = viewChild.required<ElementRef<HTMLElement>>('field');\n  private readonly _customEditableInput = contentChild(NgnInput);\n  private _customEditableSub?: OutputRefSubscription;\n\n  /**\n   * Options for the popover.\n   */\n  public readonly popoverOptions = input<PopoverOptions>({});\n  protected readonly appliedPopoverOptions = computed<PopoverOptions>(() =>\n    deepMerge<PopoverOptions, PopoverOptions>(\n      {\n        sizeConstraints: {\n          width: 1,\n          maxWidth: 1,\n          minHeight: '250px',\n          maxHeight: '700px',\n        },\n        cache: true,\n      },\n      this.popoverOptions()\n    )\n  );\n  /**\n   * The available options to choose from. They can either be\n   * * A list of {@link NgnItem} objects\n   * * A list of plain objects. You'll have to provide a {@link fields} input to specify how to map the plain objects to {@link NgnItem} objects.\n   */\n  public readonly options = input<readonly NgnItem<unknown, V>[]>([]);\n  /**\n   * Accepts a boolean value that determines whether the filter is enabled.\n   * Alternatively, you can provide `SelectFilterOptions` to customize the filter behavior.\n   * @default `false`\n   */\n  public readonly filter = input<SelectFilterOptions<NgnItem<unknown, V>> | boolean>(false);\n  /**\n   * Manually set the filter text.\n   */\n  public readonly filterText = input<string | null>(null);\n  /**\n   * The icon to display in the filter input.\n   */\n  public readonly iconFilter = input<IconType>();\n  /**\n   * The icon to display in the dropdown.\n   */\n  public readonly iconDropdown = input<IconType>();\n  /**\n   * Whether the select is virtualized.\n   * @default `false`\n   */\n  public readonly virtual = input(false, { transform: booleanAttribute });\n  /**\n   * When {@link virtual} is enabled, this property defines the height of each item in the list.\n   */\n  public readonly itemHeight = input<number>();\n  /**\n   * Enable this to allow the user to type in a value that is not in the list.\n   * When enabled, the value of the control becomes the label of a selected item or the typed value.\n   *\n   * Cannot be used with\n   * * {@link multiple} selection\n   * * {@link filter} without also setting {@link editableAutoFilter} to `false`\n   *\n   * @default `false`\n   */\n  public readonly editable = input<Editable>();\n  /**\n   * Whether to automatically filter the options based on the user's input in the {@link editable} input.\n   * @default `true`\n   */\n  public readonly editableAutoFilter = input(true, { transform: booleanAttribute });\n  /**\n   * Enable this to allow the user to select multiple values.\n   * When enabled, the value of the control becomes an array of selected items.\n   *\n   * This is only applicable when {@link editable} is `false`.\n   * @default `false`\n   */\n  public readonly multiple = input<Multiple>();\n  /**\n   * Whether to scroll to the selected item when the dropdown is opened.\n   * @default `true`\n   */\n  public readonly scrollToSelectedItemOnOpen = input<boolean | ScrollLogicalPosition>(true);\n  /**\n   * Tabindex for the select control.\n   * @default `0`\n   */\n  public readonly tabindex = input<number>(0);\n  /**\n   * Whether to use a checkbox to indicate selection state.\n   *\n   * This option is true per default when {@link multiple} is `true`.\n   * @default multiple()\n   */\n  public readonly checkbox = input<boolean>();\n\n  protected readonly maybeCallback = maybeCallback;\n\n  private readonly _listbox = viewChild(NgnListBox);\n  private _userChangedEditableInput = false;\n  protected get anchorElement(): HTMLElement {\n    return (\n      (this.element.nativeElement.closest('ngn-input-field') as HTMLElement | null) ??\n      this.element.nativeElement\n    );\n  }\n\n  protected readonly filterTextInternal = linkedSignal(this.filterText);\n  protected readonly currentHighlightedValue = signal<V | null>(null);\n  protected readonly valueStr = computed(() => {\n    const v = this.value();\n    return typeof v === 'string' ? v : null;\n  });\n  protected readonly valueArray = computed(() => {\n    const v = this.value();\n    return Array.isArray(v) ? v : v ? [v] : [];\n  });\n\n  protected readonly appliedFilter: Signal<FilterConfig<NgnItem> | boolean> = computed(\n    () => this.filter() || this.editable() || false\n  );\n\n  private readonly _flatOptions = computed(() => mapToItems(this.options()));\n\n  protected readonly selectedItems = computed(() => {\n    if (this.editable()) {\n      return [this._flatOptions().find(option => option.label === this.value())];\n    } else {\n      return this.valueArray().map(value =>\n        this._flatOptions().find(option => option.value === value)\n      );\n    }\n  });\n  protected readonly selectedItemsValues = computed(() =>\n    this.selectedItems().map(item => item?.value)\n  );\n\n  constructor() {\n    super();\n    effect(() => {\n      if (this.editable() && this.multiple()) {\n        throw new NgnError('select', 'Editable and multiple selection cannot be used together');\n      }\n      if (this.editable() && this.filter()) {\n        throw new NgnError('select', 'Editable and filtering cannot be used together');\n      }\n    });\n    effect(() => {\n      this._customEditableSub?.unsubscribe();\n      const editable = this.editable();\n      const customEditableInput = this._customEditableInput();\n      if (!editable || !customEditableInput) {\n        return;\n      }\n\n      this._customEditableSub = customEditableInput.value.subscribe(value => {\n        this.onEditableChange(value);\n      });\n      // Set ARIA attributes for accessibility. `role=\"combobox\"` is required so\n      // the combobox attributes below are allowed even when the projected input\n      // has an implicit role that forbids them (e.g. `<input type=\"number\">` →\n      // `spinbutton`, which disallows `aria-autocomplete`). See calendar year field.\n      customEditableInput.element.nativeElement.setAttribute('role', 'combobox');\n      customEditableInput.element.nativeElement.setAttribute('aria-autocomplete', 'list');\n      customEditableInput.element.nativeElement.setAttribute(\n        'aria-expanded',\n        `${this._popover().open()}`\n      );\n      customEditableInput.element.nativeElement.setAttribute('aria-haspopup', 'listbox');\n      customEditableInput.element.nativeElement.setAttribute(\n        'aria-controls',\n        `${this.inputId()}_listbox`\n      );\n    });\n    effect(() => {\n      if (!this.editable()) {\n        return;\n      }\n      const valueSig = this._customEditableInput()?.value;\n      if (valueSig) {\n        valueSig.set((this.value() as string) || '');\n      }\n    });\n    effect(() => {\n      if (!this.editable()) {\n        return;\n      }\n      const hasOptions = !!this._listbox()?.displayedItems().length;\n      if (!this._userChangedEditableInput) {\n        return;\n      }\n      this._userChangedEditableInput = false;\n      if (hasOptions) {\n        this.show();\n      } else {\n        this.hide();\n      }\n    });\n  }\n\n  protected onKeyDown(event: KeyboardEvent) {\n    if (this._popover().open()) {\n      this._listbox()?.onKeyDown(event);\n    }\n    // if event is not handled by the listbox, we can handle it here\n    if (!event.defaultPrevented) {\n      if (event.key === 'Enter') {\n        if (this.readonly() || this.disabled()) {\n          return;\n        }\n        this._popover().toggle();\n        event.stopPropagation();\n        event.preventDefault();\n      }\n      if (this._popover().open() && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n        if (this.readonly() || this.disabled()) {\n          return;\n        }\n        const currentIndex = this.options().findIndex(option => option.value === this.value());\n        let newIndex = event.key === 'ArrowDown' ? currentIndex + 1 : currentIndex - 1;\n        if (newIndex < 0) {\n          newIndex = 0;\n        }\n        if (newIndex >= this.options().length) {\n          newIndex = this.options().length - 1;\n        }\n        const newValue = this.options()[newIndex]?.value;\n        if (newValue !== undefined) {\n          this.onSelect(newValue as ValueType<V, false, Multiple>);\n        }\n      }\n    }\n  }\n\n  protected onPopoverClosed() {\n    this._listbox()?.currentHighlightedValue.set(null);\n    this.potentiallyBlurred();\n    this.currentHighlightedValue.set(null);\n    const filter = this.filter();\n    if (filter === true || (typeof filter === 'object' && filter.clearFilterOnClose)) {\n      if (!this.editable()) {\n        this.filterTextInternal.set('');\n      }\n    }\n  }\n\n  protected onSelect(value: ValueType<V, false, Multiple> | null) {\n    if (this.editable()) {\n      const item = this._flatOptions().find(option => option.value === value);\n      if (item) {\n        this.value.set(maybeCallback(item.label) as ValueType<V, Editable, Multiple>);\n      }\n    } else {\n      const v = value as ValueType<V, Editable, Multiple>;\n      if (this.value() !== v) {\n        this.value.set(v);\n      }\n    }\n  }\n\n  protected onItemClicked() {\n    if (!this.multiple()) {\n      this.hide();\n    }\n  }\n\n  /**\n   * Shows the select dropdown.\n   */\n  public show() {\n    if (this.disabled() || this.readonly()) {\n      return;\n    }\n    this._popover().show();\n  }\n\n  /**\n   * Hides the select dropdown.\n   */\n  public hide() {\n    this._popover().hide();\n  }\n\n  protected onEditableChange(value: string | null) {\n    if (this.editable()) {\n      this.value.set(maybeCallback(value) as ValueType<V, Editable, Multiple>);\n      this._userChangedEditableInput = true;\n      if (this.editableAutoFilter()) {\n        this.filterTextInternal.set(value);\n      }\n    }\n  }\n\n  protected potentiallyBlurred() {\n    setTimeout(() => {\n      if (this.element.nativeElement.contains(document.activeElement) || this._popover().open()) {\n        return;\n      }\n      this.touched.set(true);\n    });\n  }\n}\n","<div\n  [ptInt]=\"this\"\n  [ptClass]=\"{\n    input: true,\n    'input-editable': editable(),\n  }\"\n  (click)=\"show()\"\n  (keydown)=\"onKeyDown($event)\"\n  #field\n  [tabindex]=\"editable() || disabled() ? -1 : tabindex()\"\n  (focusout)=\"potentiallyBlurred()\"\n>\n  @if (editable()) {\n    <ng-content select=\"[ngnInput]\">\n      <input\n        ngnInput\n        autocomplete=\"list\"\n        [aria-expanded]=\"popover.open()\"\n        aria-haspopup=\"listbox\"\n        [attr.aria-controls]=\"inputId() + '_listbox'\"\n        [id]=\"inputId()\"\n        [value]=\"valueStr() || ''\"\n        (valueChange)=\"onEditableChange($event)\"\n        [readOnly]=\"readonly()\"\n        [disabled]=\"disabled()\"\n      />\n    </ng-content>\n  } @else {\n    <div\n      role=\"combobox\"\n      [ptInt]=\"this\"\n      [ptClass]=\"'combobox'\"\n      [aria-expanded]=\"popover.open()\"\n      aria-haspopup=\"listbox\"\n      [attr.aria-controls]=\"inputId() + '_listbox'\"\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\"\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-labelledby]=\"labelledBy()\"\n      [attr.disabled]=\"disabled() ? '' : null\"\n      [id]=\"inputId()\"\n    >\n      @if (multiple()) {\n        <ng-container\n          [ngTemplateOutlet]=\"selectedItemsTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: selectedItems(),\n          }\"\n        />\n      } @else {\n        <ng-container\n          [ngTemplateOutlet]=\"selectedItemTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: selectedItems()[0],\n          }\"\n        />\n      }\n    </div>\n  }\n  <ngn-icon\n    [ptInt]=\"this\"\n    [ptClass]=\"'icon'\"\n    [icon]=\"iconDropdown()\"\n    defaultIcon=\"dropdown-toggle\"\n  />\n</div>\n<ngn-popover\n  #popover\n  [ptInt]=\"this\"\n  [ptDep]=\"'popover'\"\n  [options]=\"appliedPopoverOptions()\"\n  [anchor]=\"anchorElement\"\n  (keydown)=\"onKeyDown($event)\"\n  (closed)=\"onPopoverClosed()\"\n  [id]=\"inputId() + '_popover'\"\n  [hasShrinkableContent]=\"true\"\n>\n  <ng-template #lazy>\n    <div [ptInt]=\"this\" [ptClass]=\"'popover-content'\">\n      @if (filter()) {\n        <ngn-input-field [ptInt]=\"this\" [ptDep]=\"'filter'\">\n          <input\n            ngnInput\n            [value]=\"filterTextInternal()\"\n            (valueChange)=\"filterTextInternal.set($event)\"\n            [attr.aria-label]=\"i18n['select_filterOptions']()\"\n          />\n          <ngn-icon\n            [ptInt]=\"this\"\n            [ptClass]=\"'filter-icon'\"\n            defaultIcon=\"search\"\n            [icon]=\"iconFilter()\"\n          />\n        </ngn-input-field>\n      }\n      <ngn-list-box\n        [ptInt]=\"this\"\n        [ptDep]=\"'list-box'\"\n        style=\"height: 100%; min-height: 0\"\n        [focussable]=\"false\"\n        [selectable]=\"true\"\n        [filter]=\"appliedFilter()\"\n        [filterText]=\"filterTextInternal()\"\n        [items]=\"options()\"\n        [itemHeight]=\"itemHeight()\"\n        [virtual]=\"virtual()\"\n        [templateItem]=\"itemTemplate()\"\n        [templateGroup]=\"groupTemplate()\"\n        [multiple]=\"multiple()\"\n        [value]=\"multiple() ? selectedItemsValues() : selectedItemsValues()[0]\"\n        [scrollToSelectedItemOnInit]=\"scrollToSelectedItemOnOpen()\"\n        (valueChange)=\"onSelect($event)\"\n        (itemClicked)=\"onItemClicked()\"\n        [inputId]=\"inputId() + '_listbox'\"\n        [templateEmpty]=\"noItemsTemplate()\"\n        [checkbox]=\"checkbox()\"\n      />\n    </div>\n  </ng-template>\n</ngn-popover>\n\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\n  <span [attr.data-testid]=\"item?.testId\">\n    @let label = item?.label;\n    @if (label) {\n      <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\n    }\n  </span>\n</ng-template>\n\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\n  <span [attr.data-testid]=\"group?.testId\">\n    @let label = group?.label;\n    @if (label) {\n      <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\n    }\n  </span>\n</ng-template>\n\n<ng-template #defaultSelectedItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\n  @let label = item?.label;\n  @if (label) {\n    <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\n  } @else {\n    <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\n  }\n</ng-template>\n\n<ng-template #defaultSelectedItemsTemplate [ngnTemplate]=\"templateTypes.selectedItems\" let-items>\n  <ngn-item-view\n    #itemView\n    [items]=\"items\"\n    [idField]=\"'value'\"\n    [separator]=\"true\"\n    style=\"margin-right: 8px\"\n  >\n    <ng-template #item let-item [ngnTemplate]=\"itemView.templateTypes.item\">\n      <ng-container\n        *ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"\n      ></ng-container>\n    </ng-template>\n  </ngn-item-view>\n  @if (items.length < 1) {\n    &ZeroWidthSpace;\n  }\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}