@spartan-ng/brain 0.0.1-alpha.603 → 0.0.1-alpha.605

package/fesm2022/spartan-ng-brain-combobox.mjs

@@ -0,0 +1,919 @@
+import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
+import * as i0 from '@angular/core';
+import { Directive, InjectionToken, inject, forwardRef, Injector, input, booleanAttribute, linkedSignal, computed, model, signal, contentChild, ElementRef, contentChildren, effect, Renderer2, TemplateRef, ViewContainerRef, PLATFORM_ID } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { BrnPopover } from '@spartan-ng/brain/popover';
+import { stringifyAsLabel } from '@spartan-ng/brain/core';
+import { BrnDialog } from '@spartan-ng/brain/dialog';
+import { isPlatformBrowser } from '@angular/common';
+
+class BrnComboboxInputWrapper {
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxInputWrapper, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxInputWrapper, isStandalone: true, selector: "[brnComboboxInputWrapper]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxInputWrapper, decorators: [{
+            type: Directive,
+            args: [{ selector: '[brnComboboxInputWrapper]' }]
+        }] });
+
+const BrnComboboxItemToken = new InjectionToken('BrnComboboxItemToken');
+function provideBrnComboboxItem(Combobox) {
+    return { provide: BrnComboboxItemToken, useExisting: Combobox };
+}
+
+const comboboxContainsFilter = (item, query, collator, itemToString) => {
+    if (!query) {
+        return true;
+    }
+    const itemString = stringifyAsLabel(item, itemToString);
+    for (let i = 0; i <= itemString.length - query.length; i += 1) {
+        if (collator.compare(itemString.slice(i, i + query.length), query) === 0) {
+            return true;
+        }
+    }
+    return false;
+};
+const comboboxStartsWithFilter = (item, query, collator, itemToString) => {
+    if (!query) {
+        return true;
+    }
+    const itemString = stringifyAsLabel(item, itemToString);
+    return collator.compare(itemString.slice(0, query.length), query) === 0;
+};
+const comboboxEndsWithFilter = (item, query, collator, itemToString) => {
+    if (!query) {
+        return true;
+    }
+    const itemString = stringifyAsLabel(item, itemToString);
+    const queryLength = query.length;
+    return (itemString.length >= queryLength && collator.compare(itemString.slice(itemString.length - queryLength), query) === 0);
+};
+
+const BrnComboboxBaseToken = new InjectionToken('BrnComboboxBaseToken');
+function provideBrnComboboxBase(instance) {
+    return { provide: BrnComboboxBaseToken, useExisting: instance };
+}
+/**
+ * Inject the combobox component.
+ */
+function injectBrnComboboxBase() {
+    return inject(BrnComboboxBaseToken);
+}
+function getDefaultConfig() {
+    return {
+        filterOptions: {
+            usage: 'search',
+            sensitivity: 'base',
+            ignorePunctuation: true,
+        },
+        filter: (itemValue, search, collator, itemToString) => comboboxContainsFilter(itemValue, search, collator, itemToString),
+        isItemEqualToValue: (itemValue, selectedValue) => Object.is(itemValue, selectedValue),
+        itemToString: undefined,
+    };
+}
+const BrnComboboxConfigToken = new InjectionToken('BrnComboboxConfig');
+function provideBrnComboboxConfig(config) {
+    return { provide: BrnComboboxConfigToken, useValue: { ...getDefaultConfig(), ...config } };
+}
+function injectBrnComboboxConfig() {
+    const injectedConfig = inject(BrnComboboxConfigToken, { optional: true });
+    return injectedConfig ? injectedConfig : getDefaultConfig();
+}
+
+const BRN_COMBOBOX_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => BrnCombobox),
+    multi: true,
+};
+class BrnCombobox {
+    _injector = inject(Injector);
+    _config = injectBrnComboboxConfig();
+    /** Access the popover if present */
+    _brnPopover = inject(BrnPopover, { optional: true });
+    /** Whether the combobox is disabled */
+    disabled = input(false, { transform: booleanAttribute });
+    _disabled = linkedSignal(this.disabled);
+    /** @internal The disabled state as a readonly signal */
+    disabledState = this._disabled.asReadonly();
+    /** Options for filtering the combobox items */
+    filterOptions = input({});
+    /** @internal The collator used for string comparison */
+    collator = computed(() => {
+        const options = this.filterOptions();
+        const mergedOptions = { ...this._config.filterOptions, ...options };
+        return new Intl.Collator(options.locale, mergedOptions);
+    });
+    /** A function to compare an item with the selected value. */
+    isItemEqualToValue = input(this._config.isItemEqualToValue);
+    /** A function to convert an item to a string for display. */
+    itemToString = input(this._config.itemToString);
+    /** A custom filter function to use when searching. */
+    filter = input(this._config.filter);
+    /** The selected value of the combobox. */
+    value = model(null);
+    /** The current search query. */
+    search = signal('');
+    _searchInputWrapper = contentChild(BrnComboboxInputWrapper, {
+        read: ElementRef,
+    });
+    /** @internal The width of the search input wrapper */
+    searchInputWrapperWidth = computed(() => {
+        const inputElement = this._searchInputWrapper()?.nativeElement;
+        return inputElement ? inputElement.offsetWidth : null;
+    });
+    /** @internal Access all the items within the combobox */
+    items = contentChildren(BrnComboboxItemToken, {
+        descendants: true,
+    });
+    /** Determine if the combobox has any visible items */
+    visibleItems = computed(() => this.items().some((item) => item.visible()));
+    /** @internal The key manager for managing active descendant */
+    keyManager = new ActiveDescendantKeyManager(this.items, this._injector);
+    /** @internal Whether the combobox is expanded */
+    isExpanded = computed(() => this._brnPopover?.stateComputed() === 'open');
+    _onChange;
+    _onTouched;
+    constructor() {
+        this.keyManager
+            .withVerticalOrientation()
+            .withHomeAndEnd()
+            .withWrap()
+            .skipPredicate((item) => item.disabled || !item.visible());
+        this._brnPopover?.closed.subscribe(() => {
+            this.search.set('');
+            this.keyManager.setActiveItem(-1);
+        });
+    }
+    isSelected(itemValue) {
+        return this.isItemEqualToValue()(itemValue, this.value());
+    }
+    select(itemValue) {
+        this.value.set(itemValue);
+        this._onChange?.(itemValue);
+        this.close();
+    }
+    /** Select the active item with Enter key. */
+    selectActiveItem() {
+        if (!this.isExpanded())
+            return;
+        const value = this.keyManager.activeItem?.value();
+        if (value === undefined)
+            return;
+        this.select(value);
+    }
+    resetValue() {
+        this.value.set(null);
+        this._onChange?.(null);
+    }
+    removeValue(_) {
+        console.warn('BrnComboboxChipRemove only works with multiple selection comboboxes.');
+    }
+    removeLastSelectedItem() {
+        console.warn('BrnComboboxChipInput only works with multiple selection comboboxes.');
+    }
+    open() {
+        if (this._disabled() || this.isExpanded())
+            return;
+        this._brnPopover?.open();
+    }
+    close() {
+        if (this._disabled() || !this.isExpanded())
+            return;
+        this._brnPopover?.close();
+    }
+    /** CONTROL VALUE ACCESSOR */
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled.set(isDisabled);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnCombobox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.0.7", type: BrnCombobox, isStandalone: true, selector: "[brnCombobox]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: true, isRequired: false, transformFunction: null }, isItemEqualToValue: { classPropertyName: "isItemEqualToValue", publicName: "isItemEqualToValue", isSignal: true, isRequired: false, transformFunction: null }, itemToString: { classPropertyName: "itemToString", publicName: "itemToString", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [provideBrnComboboxBase(BrnCombobox), BRN_COMBOBOX_VALUE_ACCESSOR], queries: [{ propertyName: "_searchInputWrapper", first: true, predicate: BrnComboboxInputWrapper, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "items", predicate: BrnComboboxItemToken, descendants: true, isSignal: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnCombobox, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnCombobox]',
+                    providers: [provideBrnComboboxBase(BrnCombobox), BRN_COMBOBOX_VALUE_ACCESSOR],
+                }]
+        }], ctorParameters: () => [] });
+
+class BrnComboboxContent {
+    _combobox = injectBrnComboboxBase();
+    /** Determine if the combobox has any visible items */
+    _visibleItems = this._combobox.visibleItems;
+    _comboboxWidth = this._combobox.searchInputWrapperWidth;
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxContent, isStandalone: true, selector: "[brnComboboxContent]", host: { properties: { "attr.data-empty": "!_visibleItems() ? \"\" : null", "style.--brn-combobox-width.px": "_comboboxWidth()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxContent]',
+                    host: {
+                        '[attr.data-empty]': '!_visibleItems() ? "" : null',
+                        '[style.--brn-combobox-width.px]': '_comboboxWidth()',
+                    },
+                }]
+        }] });
+
+class BrnComboboxAnchor {
+    _host = inject(ElementRef, { host: true });
+    _brnDialog = inject(BrnDialog, { optional: true });
+    _content = inject(BrnComboboxContent, { optional: true });
+    constructor() {
+        // skip if it's inside a combobox content
+        if (this._content)
+            return;
+        if (!this._brnDialog)
+            return;
+        this._brnDialog.mutableAttachTo.set(this._host.nativeElement);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxAnchor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxAnchor, isStandalone: true, selector: "[brnComboboxAnchor]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxAnchor, decorators: [{
+            type: Directive,
+            args: [{ selector: '[brnComboboxAnchor]' }]
+        }], ctorParameters: () => [] });
+
+class BrnComboboxChip {
+    _combobox = injectBrnComboboxBase();
+    _disabled = this._combobox.disabledState;
+    value = input.required();
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxChip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.7", type: BrnComboboxChip, isStandalone: true, selector: "[brnComboboxChip]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "tabindex": "-1" }, properties: { "attr.data-disabled": "_disabled() ? \"\" : null", "attr.aria-disabled": "_disabled() ? \"true\" : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxChip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxChip]',
+                    host: {
+                        tabindex: '-1',
+                        '[attr.data-disabled]': '_disabled() ? "" : null',
+                        '[attr.aria-disabled]': '_disabled() ? "true" : null',
+                    },
+                }]
+        }] });
+
+class BrnComboboxChipInput {
+    static _id = 0;
+    _el = inject(ElementRef);
+    _combobox = injectBrnComboboxBase();
+    /** The id of the combobox input */
+    id = input(`brn-combobox-input-${++BrnComboboxChipInput._id}`);
+    _disabled = this._combobox.disabledState;
+    /** Whether the combobox panel is expanded */
+    _isExpanded = this._combobox.isExpanded;
+    constructor() {
+        effect(() => {
+            const search = this._combobox.search();
+            if (search === '') {
+                // reset input on popover close
+                this._el.nativeElement.value = '';
+            }
+        });
+    }
+    onInput(event) {
+        const value = event.target.value;
+        this._combobox.search.set(value);
+        this._combobox.open();
+    }
+    /** Listen for keydown events */
+    onKeyDown(event) {
+        if (event.key === 'Enter') {
+            // prevent form submission if inside a form
+            event.preventDefault();
+            this._combobox.selectActiveItem();
+        }
+        if (!this._isExpanded()) {
+            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                this._combobox.open();
+            }
+            if (event.key === 'Escape') {
+                this._combobox.resetValue();
+            }
+        }
+        if (this._combobox.search() === '' && event.key === 'Backspace') {
+            this._combobox.removeLastSelectedItem();
+        }
+        this._combobox.keyManager.onKeydown(event);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxChipInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.7", type: BrnComboboxChipInput, isStandalone: true, selector: "input[brnComboboxChipInput]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "text", "role": "combobox", "autocomplete": "off", "autocorrect": "off", "autocapitalize": "none", "spellcheck": "false", "aria-autocomplete": "list", "aria-haspopup": "listbox" }, listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" }, properties: { "id": "id()", "attr.aria-expanded": "_isExpanded()", "attr.disabled": "_disabled() ? \"\" : null", "attr.data-disabled": "_disabled() ? \"\" : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxChipInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[brnComboboxChipInput]',
+                    host: {
+                        '[id]': 'id()',
+                        type: 'text',
+                        role: 'combobox',
+                        autocomplete: 'off',
+                        autocorrect: 'off',
+                        autocapitalize: 'none',
+                        spellcheck: 'false',
+                        'aria-autocomplete': 'list',
+                        'aria-haspopup': 'listbox',
+                        '[attr.aria-expanded]': '_isExpanded()',
+                        '[attr.disabled]': '_disabled() ? "" : null',
+                        '[attr.data-disabled]': '_disabled() ? "" : null',
+                        '(keydown)': 'onKeyDown($event)',
+                        '(input)': 'onInput($event)',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class BrnComboboxChipRemove {
+    _combobox = injectBrnComboboxBase();
+    _chip = inject((BrnComboboxChip));
+    _disabled = this._combobox.disabledState;
+    removeChip(event) {
+        event.stopPropagation();
+        if (this._combobox.disabledState()) {
+            return;
+        }
+        const value = this._chip.value();
+        this._combobox.removeValue(value);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxChipRemove, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxChipRemove, isStandalone: true, selector: "button[brnComboboxChipRemove]", host: { attributes: { "type": "button", "tabindex": "-1", "aria-disabled": "true" }, listeners: { "click": "removeChip($event)" }, properties: { "attr.data-disabled": "_disabled() ? \"\" : null", "attr.aria-disabled": "_disabled() ? \"true\" : null", "attr.disabled": "_disabled() ? \"\" : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxChipRemove, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[brnComboboxChipRemove]',
+                    host: {
+                        type: 'button',
+                        tabindex: '-1',
+                        'aria-disabled': 'true',
+                        '[attr.data-disabled]': '_disabled() ? "" : null',
+                        '[attr.aria-disabled]': '_disabled() ? "true" : null',
+                        '[attr.disabled]': '_disabled() ? "" : null',
+                        '(click)': 'removeChip($event)',
+                    },
+                }]
+        }] });
+
+class BrnComboboxClear {
+    _combobox = injectBrnComboboxBase();
+    _renderer = inject(Renderer2);
+    _templateRef = inject(TemplateRef);
+    _viewContainerRef = inject(ViewContainerRef);
+    /** Determine if the combobox has a value */
+    _hasValue = computed(() => this._combobox.value() !== null);
+    constructor() {
+        effect(() => {
+            this._viewContainerRef.clear();
+            if (this._hasValue()) {
+                const view = this._viewContainerRef.createEmbeddedView(this._templateRef);
+                view.rootNodes.forEach((node) => {
+                    this._renderer.listen(node, 'click', (e) => {
+                        e.preventDefault();
+                        this.clear();
+                    });
+                });
+            }
+        });
+    }
+    clear() {
+        this._combobox.resetValue();
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxClear, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxClear, isStandalone: true, selector: "[brnComboboxClear]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxClear, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxClear]',
+                }]
+        }], ctorParameters: () => [] });
+
+class BrnComboboxEmpty {
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxEmpty, isStandalone: true, selector: "[brnComboboxEmpty]", host: { attributes: { "role": "status", "aria-live": "polite", "aria-atomic": "true" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxEmpty, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxEmpty]',
+                    host: {
+                        role: 'status',
+                        'aria-live': 'polite',
+                        'aria-atomic': 'true',
+                    },
+                }]
+        }] });
+
+class BrnComboboxLabel {
+    static _id = 0;
+    /** The id of the combobox label */
+    id = input(`brn-combobox-label-${++BrnComboboxLabel._id}`);
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.7", type: BrnComboboxLabel, isStandalone: true, selector: "[brnComboboxLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxLabel]',
+                    host: {
+                        '[id]': 'id()',
+                    },
+                }]
+        }] });
+
+class BrnComboboxGroup {
+    /** Get the items in the group */
+    _items = contentChildren(BrnComboboxItemToken, {
+        descendants: true,
+    });
+    /** Determine if there are any visible items in the group */
+    _visible = computed(() => this._items().some((item) => item.visible()));
+    /** Get the label associated with the group */
+    _label = contentChild(BrnComboboxLabel);
+    _labelledBy = computed(() => {
+        const label = this._label();
+        return label ? label.id() : null;
+    });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.0.7", type: BrnComboboxGroup, isStandalone: true, selector: "[brnComboboxGroup]", host: { attributes: { "role": "group" }, properties: { "attr.data-hidden": "!_visible() ? \"\" : null", "attr.aria-labelledby": "_labelledBy()" } }, queries: [{ propertyName: "_items", predicate: BrnComboboxItemToken, descendants: true, isSignal: true }, { propertyName: "_label", first: true, predicate: BrnComboboxLabel, descendants: true, isSignal: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxGroup]',
+                    host: {
+                        role: 'group',
+                        '[attr.data-hidden]': '!_visible() ? "" : null',
+                        '[attr.aria-labelledby]': '_labelledBy()',
+                    },
+                }]
+        }] });
+
+class BrnComboboxInput {
+    static _id = 0;
+    _el = inject(ElementRef);
+    _combobox = injectBrnComboboxBase();
+    _content = inject(BrnComboboxContent, { optional: true });
+    _mode = computed(() => (this._content ? 'popup' : 'combobox'));
+    /** The id of the combobox input */
+    id = input(`brn-combobox-input-${++BrnComboboxInput._id}`);
+    disabled = this._combobox.disabledState;
+    /** Whether the combobox panel is expanded */
+    _isExpanded = this._combobox.isExpanded;
+    constructor() {
+        effect(() => {
+            const mode = this._mode();
+            const value = this._combobox.value();
+            const search = this._combobox.search();
+            switch (mode) {
+                case 'combobox':
+                    if (value && search === '') {
+                        this._el.nativeElement.value = stringifyAsLabel(value, this._combobox.itemToString());
+                    }
+                    else if (search === '') {
+                        this._el.nativeElement.value = '';
+                    }
+                    break;
+                case 'popup':
+                    if (search === '') {
+                        this._el.nativeElement.value = '';
+                    }
+                    break;
+            }
+        });
+    }
+    onInput(event) {
+        const value = event.target.value;
+        this._combobox.search.set(value);
+        this._combobox.open();
+        if (value === '' && this._mode() === 'combobox') {
+            this._combobox.resetValue();
+        }
+    }
+    /** Listen for keydown events */
+    onKeyDown(event) {
+        if (event.key === 'Enter') {
+            // prevent form submission if inside a form
+            event.preventDefault();
+            this._combobox.selectActiveItem();
+        }
+        if (!this._isExpanded()) {
+            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                this._combobox.open();
+            }
+            if (event.key === 'Escape') {
+                this._combobox.resetValue();
+            }
+        }
+        this._combobox.keyManager.onKeydown(event);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.7", type: BrnComboboxInput, isStandalone: true, selector: "input[brnComboboxInput]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "text", "role": "combobox", "autocomplete": "off", "autocorrect": "off", "autocapitalize": "none", "spellcheck": "false", "aria-autocomplete": "list", "aria-haspopup": "listbox" }, listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" }, properties: { "id": "id()", "attr.aria-expanded": "_isExpanded()", "attr.disabled": "disabled() ? \"\" : null" } }, exportAs: ["brnComboboxInput"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[brnComboboxInput]',
+                    exportAs: 'brnComboboxInput',
+                    host: {
+                        '[id]': 'id()',
+                        type: 'text',
+                        role: 'combobox',
+                        autocomplete: 'off',
+                        autocorrect: 'off',
+                        autocapitalize: 'none',
+                        spellcheck: 'false',
+                        'aria-autocomplete': 'list',
+                        'aria-haspopup': 'listbox',
+                        '[attr.aria-expanded]': '_isExpanded()',
+                        '[attr.disabled]': 'disabled() ? "" : null',
+                        '(keydown)': 'onKeyDown($event)',
+                        '(input)': 'onInput($event)',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class BrnComboboxItem {
+    static _id = 0;
+    _platform = inject(PLATFORM_ID);
+    _elementRef = inject(ElementRef);
+    /** Access the combobox component */
+    _combobox = injectBrnComboboxBase();
+    /** A unique id for the item */
+    id = input(`brn-combobox-item-${++BrnComboboxItem._id}`);
+    /** The value this item represents. */
+    value = input.required();
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    _disabled = input(false, {
+        alias: 'disabled',
+        transform: booleanAttribute,
+    });
+    /** Expose disabled as a value - used by the Highlightable interface */
+    get disabled() {
+        return this._disabled();
+    }
+    /** Whether the item is selected. */
+    active = computed(() => this._combobox.isSelected(this.value()));
+    _highlighted = signal(false);
+    /** @internal Determine if this item is visible based on the current search query */
+    visible = computed(() => {
+        return this._combobox.filter()(this.value(), this._combobox.search(), this._combobox.collator(), this._combobox.itemToString());
+    });
+    setActiveStyles() {
+        this._highlighted.set(true);
+        // ensure the item is in view
+        if (isPlatformBrowser(this._platform)) {
+            this._elementRef.nativeElement.scrollIntoView({ block: 'nearest' });
+        }
+    }
+    setInactiveStyles() {
+        this._highlighted.set(false);
+    }
+    getLabel() {
+        return stringifyAsLabel(this.value(), this._combobox.itemToString());
+    }
+    select() {
+        if (this._disabled()) {
+            return;
+        }
+        this._combobox.keyManager.setActiveItem(this);
+        this._combobox.select(this.value());
+    }
+    activate() {
+        if (this._disabled()) {
+            return;
+        }
+        this._combobox.keyManager.setActiveItem(this);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.7", type: BrnComboboxItem, isStandalone: true, selector: "[brnComboboxItem]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, _disabled: { classPropertyName: "_disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, listeners: { "click": "select()", "mouseenter": "activate()" }, properties: { "id": "id()", "attr.data-highlighted": "_highlighted() ? \"\" : null", "attr.data-value": "value()", "attr.data-hidden": "!visible() ? '' : null", "attr.aria-selected": "active()", "attr.aria-disabled": "_disabled()" } }, providers: [provideBrnComboboxItem(BrnComboboxItem)], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxItem]',
+                    providers: [provideBrnComboboxItem(BrnComboboxItem)],
+                    host: {
+                        role: 'option',
+                        '[id]': 'id()',
+                        '[attr.data-highlighted]': '_highlighted() ? "" : null',
+                        '[attr.data-value]': 'value()',
+                        '[attr.data-hidden]': "!visible() ? '' : null",
+                        '[attr.aria-selected]': 'active()',
+                        '[attr.aria-disabled]': '_disabled()',
+                        '(click)': 'select()',
+                        '(mouseenter)': 'activate()',
+                    },
+                }]
+        }] });
+
+class BrnComboboxList {
+    static _id = 0;
+    _combobox = injectBrnComboboxBase();
+    /** Determine if the combobox has any visible items */
+    _visibleItems = this._combobox.visibleItems;
+    /** The id of the combobox list */
+    id = input(`brn-combobox-list-${++BrnComboboxList._id}`);
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.7", type: BrnComboboxList, isStandalone: true, selector: "[brnComboboxList]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listbox", "tabIndex": "-1", "aria-orientation": "vertical" }, properties: { "id": "id()", "attr.data-empty": "!_visibleItems() ? \"\" : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxList]',
+                    host: {
+                        role: 'listbox',
+                        tabIndex: '-1',
+                        'aria-orientation': 'vertical',
+                        '[id]': 'id()',
+                        '[attr.data-empty]': '!_visibleItems() ? "" : null',
+                    },
+                }]
+        }] });
+
+const BRN_COMBOBOX_MULTIPLE_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => BrnComboboxMultiple),
+    multi: true,
+};
+class BrnComboboxMultiple {
+    _injector = inject(Injector);
+    _config = injectBrnComboboxConfig();
+    /** Access the popover if present */
+    _brnPopover = inject(BrnPopover, { optional: true });
+    /** Whether the combobox is disabled */
+    disabled = input(false, { transform: booleanAttribute });
+    _disabled = linkedSignal(this.disabled);
+    /** @internal The disabled state as a readonly signal */
+    disabledState = this._disabled.asReadonly();
+    /** Options for filtering the combobox items */
+    filterOptions = input({});
+    /** @internal The collator used for string comparison */
+    collator = computed(() => {
+        const options = this.filterOptions();
+        const mergedOptions = { ...this._config.filterOptions, ...options };
+        return new Intl.Collator(options.locale, mergedOptions);
+    });
+    /** A function to compare an item with the selected value. */
+    isItemEqualToValue = input(this._config.isItemEqualToValue);
+    /** A function to convert an item to a string for display. */
+    itemToString = input(this._config.itemToString);
+    /** A custom filter function to use when searching. */
+    filter = input(this._config.filter);
+    /** The selected values of the combobox. */
+    value = model(null);
+    /** The current search query. */
+    search = signal('');
+    _searchInputWrapper = contentChild(BrnComboboxInputWrapper, {
+        read: ElementRef,
+    });
+    searchInputWrapperWidth = computed(() => {
+        const inputElement = this._searchInputWrapper()?.nativeElement;
+        return inputElement ? inputElement.offsetWidth : null;
+    });
+    /** @internal Access all the items within the combobox */
+    items = contentChildren(BrnComboboxItemToken, {
+        descendants: true,
+    });
+    /** Determine if the combobox has any visible items */
+    visibleItems = computed(() => this.items().some((item) => item.visible()));
+    /** @internal The key manager for managing active descendant */
+    keyManager = new ActiveDescendantKeyManager(this.items, this._injector);
+    /** @internal Whether the autocomplete is expanded */
+    isExpanded = computed(() => this._brnPopover?.stateComputed() === 'open');
+    _onChange;
+    _onTouched;
+    constructor() {
+        this.keyManager
+            .withVerticalOrientation()
+            .withHomeAndEnd()
+            .withWrap()
+            .skipPredicate((item) => item.disabled || !item.visible());
+        this._brnPopover?.closed.subscribe(() => {
+            this.search.set('');
+            this.keyManager.setActiveItem(-1);
+        });
+    }
+    isSelected(itemValue) {
+        return this.value()?.some((v) => this.isItemEqualToValue()(itemValue, v)) ?? false;
+    }
+    select(itemValue) {
+        const selected = this.value() ?? [];
+        if (this.isSelected(itemValue)) {
+            this.value.set(selected.filter((d) => !this.isItemEqualToValue()(d, itemValue)) ?? []);
+        }
+        else {
+            this.value.set([...selected, itemValue]);
+        }
+        if (this.search() !== '') {
+            // reset search after selection and close popover
+            this.search.set('');
+            this.close();
+        }
+        this._onChange?.(this.value() ?? []);
+    }
+    /** Select the active item with Enter key. */
+    selectActiveItem() {
+        if (!this.isExpanded())
+            return;
+        const value = this.keyManager.activeItem?.value();
+        if (value === undefined)
+            return;
+        this.select(value);
+    }
+    resetValue() {
+        this.value.set(null);
+        this._onChange?.(null);
+    }
+    removeValue(itemValue) {
+        const selected = this.value() ?? [];
+        this.value.set(selected.filter((value) => !this.isItemEqualToValue()(itemValue, value)) ?? []);
+        this._onChange?.(this.value());
+    }
+    removeLastSelectedItem() {
+        const selected = this.value() ?? [];
+        if (selected.length === 0)
+            return;
+        selected.pop();
+        this.value.set([...selected]);
+        this._onChange?.(this.value());
+    }
+    open() {
+        if (this._disabled() || this.isExpanded())
+            return;
+        this._brnPopover?.open();
+    }
+    close() {
+        if (this._disabled() || !this.isExpanded())
+            return;
+        this._brnPopover?.close();
+    }
+    /** CONTROL VALUE ACCESSOR */
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled.set(isDisabled);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxMultiple, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.0.7", type: BrnComboboxMultiple, isStandalone: true, selector: "[brnCombobox]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: true, isRequired: false, transformFunction: null }, isItemEqualToValue: { classPropertyName: "isItemEqualToValue", publicName: "isItemEqualToValue", isSignal: true, isRequired: false, transformFunction: null }, itemToString: { classPropertyName: "itemToString", publicName: "itemToString", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [provideBrnComboboxBase(BrnComboboxMultiple), BRN_COMBOBOX_MULTIPLE_VALUE_ACCESSOR], queries: [{ propertyName: "_searchInputWrapper", first: true, predicate: BrnComboboxInputWrapper, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "items", predicate: BrnComboboxItemToken, descendants: true, isSignal: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxMultiple, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnCombobox]',
+                    providers: [provideBrnComboboxBase(BrnComboboxMultiple), BRN_COMBOBOX_MULTIPLE_VALUE_ACCESSOR],
+                }]
+        }], ctorParameters: () => [] });
+
+class BrnComboboxPopoverTrigger {
+    _combobox = injectBrnComboboxBase();
+    _brnDialog = inject(BrnDialog, { optional: true });
+    open() {
+        if (this._combobox.disabledState())
+            return;
+        this._brnDialog?.open();
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxPopoverTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxPopoverTrigger, isStandalone: true, selector: "[brnComboboxPopoverTrigger]", host: { listeners: { "click": "open()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxPopoverTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxPopoverTrigger]',
+                    host: {
+                        '(click)': 'open()',
+                    },
+                }]
+        }] });
+
+class BrnComboboxSeparator {
+    orientation = input('horizontal');
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.7", type: BrnComboboxSeparator, isStandalone: true, selector: "[brnComboboxSeparator]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "attr.aria-orientation": "orientation()", "attr.data-orientation": "orientation()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxSeparator]',
+                    host: {
+                        role: 'separator',
+                        '[attr.aria-orientation]': 'orientation()',
+                        '[attr.data-orientation]': 'orientation()',
+                    },
+                }]
+        }] });
+
+class BrnComboboxTrigger {
+    _combobox = injectBrnComboboxBase();
+    _disabled = this._combobox.disabledState;
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxTrigger, isStandalone: true, selector: "button[brnComboboxTrigger]", host: { attributes: { "type": "button" }, properties: { "attr.aria-disabled": "_disabled() ? \"true\" : null", "attr.disabled": "_disabled() ? \"\" : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[brnComboboxTrigger]',
+                    host: {
+                        type: 'button',
+                        '[attr.aria-disabled]': '_disabled() ? "true" : null',
+                        '[attr.disabled]': '_disabled() ? "" : null',
+                    },
+                }]
+        }] });
+
+class BrnComboboxValue {
+    _combobox = injectBrnComboboxBase();
+    _value = computed(() => stringifyAsLabel(this._combobox.value(), this._combobox.itemToString()));
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxValue, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxValue, isStandalone: true, selector: "[brnComboboxValue]", host: { properties: { "textContent": "_value()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxValue, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxValue]',
+                    host: {
+                        '[textContent]': '_value()',
+                    },
+                }]
+        }] });
+
+class BrnComboboxValues {
+    _templateRef = inject((TemplateRef));
+    _viewContainerRef = inject(ViewContainerRef);
+    _combobox = injectBrnComboboxBase();
+    _values = computed(() => {
+        const values = this._combobox.value();
+        if (values == null) {
+            return null;
+        }
+        return Array.isArray(values) ? values : [values];
+    });
+    constructor() {
+        effect(() => {
+            const values = this._values();
+            if (values?.length) {
+                this._viewContainerRef.clear();
+                this._viewContainerRef.createEmbeddedView(this._templateRef, {
+                    $implicit: values,
+                });
+            }
+            else {
+                this._viewContainerRef.clear();
+            }
+        });
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxValues, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BrnComboboxValues, isStandalone: true, selector: "[brnComboboxValues]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnComboboxValues, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[brnComboboxValues]',
+                }]
+        }], ctorParameters: () => [] });
+
+const BrnComboboxImports = [
+    BrnCombobox,
+    BrnComboboxAnchor,
+    BrnComboboxChip,
+    BrnComboboxChipInput,
+    BrnComboboxChipRemove,
+    BrnComboboxClear,
+    BrnComboboxContent,
+    BrnComboboxEmpty,
+    BrnComboboxGroup,
+    BrnComboboxInputWrapper,
+    BrnComboboxInput,
+    BrnComboboxItem,
+    BrnComboboxLabel,
+    BrnComboboxList,
+    BrnComboboxMultiple,
+    BrnComboboxPopoverTrigger,
+    BrnComboboxSeparator,
+    BrnComboboxTrigger,
+    BrnComboboxValue,
+    BrnComboboxValues,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BRN_COMBOBOX_MULTIPLE_VALUE_ACCESSOR, BRN_COMBOBOX_VALUE_ACCESSOR, BrnCombobox, BrnComboboxAnchor, BrnComboboxBaseToken, BrnComboboxChip, BrnComboboxChipInput, BrnComboboxChipRemove, BrnComboboxClear, BrnComboboxContent, BrnComboboxEmpty, BrnComboboxGroup, BrnComboboxImports, BrnComboboxInput, BrnComboboxInputWrapper, BrnComboboxItem, BrnComboboxItemToken, BrnComboboxLabel, BrnComboboxList, BrnComboboxMultiple, BrnComboboxPopoverTrigger, BrnComboboxSeparator, BrnComboboxTrigger, BrnComboboxValue, BrnComboboxValues, comboboxContainsFilter, comboboxEndsWithFilter, comboboxStartsWithFilter, injectBrnComboboxBase, injectBrnComboboxConfig, provideBrnComboboxBase, provideBrnComboboxConfig, provideBrnComboboxItem };
+//# sourceMappingURL=spartan-ng-brain-combobox.mjs.map