@nova-design-system/nova-webcomponents 3.0.0-beta.30 → 3.0.0-beta.33

package/dist/components/nv-fieldmultiselect.js

@@ -1,1129 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d506ae63.js';
-import { d as defineCustomElement$8 } from './p-a4802979.js';
-import { d as defineCustomElement$7 } from './p-5ce661bd.js';
-import { d as defineCustomElement$6 } from './p-e4641c41.js';
-import { d as defineCustomElement$5 } from './p-d70df149.js';
-import { d as defineCustomElement$4 } from './p-8bec002e.js';
-import { d as defineCustomElement$3 } from './p-a1aa8970.js';
-import { d as defineCustomElement$2 } from './p-d5dd3def.js';
-import { v as v4 } from './p-f5ff676c.js';
-
-const nvFieldmultiselectCss = "nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldmultiselect[required]:not([required=false])>label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldmultiselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;align-items:center;position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;padding-right:2rem;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect .toggle-dropdown-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px}nv-fieldmultiselect .input-container-multiselect.focus-within,nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldmultiselect hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}.input-container-multiselect.focus-within,.input-container-multiselect:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}.no-results-message{text-align:center;padding:10px;color:var(--nv-field-error-text, #999)}";
-const NvFieldmultiselectStyle0 = nvFieldmultiselectCss;
-
-const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmultiselect extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.dropdownItemSelected = createEvent(this, "dropdownItemSelected", 7);
-        this.valueChanged = createEvent(this, "valueChanged", 7);
-        this.multiselectChange = createEvent(this, "multiselectChange", 7);
-        /**
-         * Flag to prevent concurrent reordering operations.
-         * Private property preferred over @State as it:
-         * - Manages internal component logic without affecting UI
-         * - Avoids unnecessary re-renders
-         * - Provides better performance for rapid state changes
-         * - Only needs class-level scope
-         */
-        this.isReordering = false;
-        /**
-         * Handle badge close for options mode.
-         */
-        this.handleBadgeCloseOptions = () => {
-            this.selectedValues = [];
-            this.multiselectChange.emit(this.selectedValues);
-            // Uncheck all elements
-            const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-            items.forEach(item => {
-                item.checked = false;
-                item.style.display = '';
-            });
-            // Reorder options without the divider since there are no selected elements
-            this.parsedOptions = this.parsedOptions.filter(option => !option.isDivider);
-            // Reorder options without the divider since there are no selected elements
-            this.reorderOptionsContent();
-        };
-        /**
-         * Handle badge close for slots mode.
-         */
-        this.handleBadgeCloseSlots = () => {
-            this.selectedValues = [];
-            this.multiselectChange.emit(this.selectedValues);
-            // Uncheck all elements
-            const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-            items.forEach(item => {
-                item.checked = false;
-                item.style.display = '';
-            });
-            // Reorder slot content
-            this.reorderSlotContent();
-        };
-        /**
-         * Handle popover close
-         */
-        this.handlePopoverClose = () => {
-            this.open = false;
-            this.filterText = '';
-            if (this.modeState === 'options') {
-                this.reorderOptionsContent();
-            }
-            else {
-                this.reorderSlotContent();
-            }
-            // Reset filter if needed
-            if (this.filterable) {
-                this.resetFilter();
-            }
-        };
-        /**
-         * Handle keyboard events for options mode.
-         * @param {KeyboardEvent} event - The keyboard event.
-         */
-        this.handleKeyDownOptions = (event) => {
-            if (!this.open) {
-                if (event.key === 'ArrowDown') {
-                    this.open = true;
-                    this.popoverElement.show();
-                    if (!this.filterable) {
-                        this.focusFirstItem();
-                    }
-                    event.preventDefault();
-                    return;
-                }
-                return;
-            }
-            const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-            if (items.length === 0) {
-                console.warn('No dropdown items found to navigate');
-                return;
-            }
-            let currentIndex = items.findIndex(item => item.classList.contains('highlighted'));
-            if (event.key === 'ArrowDown') {
-                event.preventDefault();
-                currentIndex = (currentIndex + 1) % items.length;
-                this.updateHighlightedItem(items, currentIndex);
-            }
-            else if (event.key === 'ArrowUp') {
-                event.preventDefault();
-                currentIndex = (currentIndex - 1 + items.length) % items.length;
-                this.updateHighlightedItem(items, currentIndex);
-            }
-            else if (event.key === 'Enter' && currentIndex >= 0) {
-                event.preventDefault();
-                items[currentIndex].click();
-            }
-            else if (event.key === 'Escape') {
-                event.preventDefault();
-                this.handlePopoverClose();
-                if (this.inputElement) {
-                    this.inputElement.blur();
-                }
-            }
-        };
-        /**
-         * Handle input blur for options mode.
-         */
-        this.handleInputBlurOptions = () => {
-            setTimeout(() => {
-                if (!this.el.contains(document.activeElement)) {
-                    this.handlePopoverClose();
-                }
-            }, 150);
-        };
-        /**
-         * Handle click on the input container for options mode.
-         * @param {MouseEvent} event - The click event.
-         */
-        this.handleInputContainerClickOptions = (event) => {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            const target = event.target;
-            if (target.tagName === 'P' || target.tagName === 'SPAN') {
-                this.open = true;
-                this.popoverElement.show();
-                const inputContainer = this.el.querySelector('.input-container');
-                if (inputContainer) {
-                    inputContainer.classList.add('focus-within');
-                    const removeFocusWithin = () => {
-                        inputContainer.classList.remove('focus-within');
-                    };
-                    this.popoverElement.addEventListener('hide', removeFocusWithin);
-                }
-            }
-        };
-        /**
-         * Handle click on the input container for slots mode.
-         * @param {MouseEvent} event - The click event.
-         */
-        this.handleInputContainerClickSlots = (event) => {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            const target = event.target;
-            if (target.tagName === 'P' || target.tagName === 'SPAN') {
-                this.open = true;
-                this.popoverElement.show();
-                const inputContainer = this.el.querySelector('.input-container');
-                if (inputContainer) {
-                    inputContainer.classList.add('focus-within');
-                    const removeFocusWithin = () => {
-                        inputContainer.classList.remove('focus-within');
-                    };
-                    this.popoverElement.addEventListener('hide', removeFocusWithin);
-                }
-            }
-        };
-        /**
-         * Handle input change for options mode.
-         * @param {Event} event - The input event.
-         */
-        this.handleInputOptions = (event) => {
-            if (!this.filterable)
-                return;
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            const input = event.target;
-            this.value = input.value;
-            this.valueChanged.emit(this.value);
-            // Clear any existing timer
-            if (this.debounceTimer) {
-                window.clearTimeout(this.debounceTimer);
-            }
-            // Set a new timer for filtering
-            this.debounceTimer = window.setTimeout(() => {
-                this.filterText = input.value.toLowerCase();
-                this.filterOptionsItems();
-            }, this.debounceDelay);
-        };
-        /**
-         * Handle input change for slots mode
-         * @param {Event} event - The input event.
-         */
-        this.handleInputSlots = (event) => {
-            if (!this.filterable)
-                return;
-            if (this.disabled || this.readonly)
-                return;
-            const input = event.target;
-            this.value = input.value;
-            this.valueChanged.emit(this.value);
-            // Clear any existing timer
-            if (this.debounceTimer) {
-                window.clearTimeout(this.debounceTimer);
-            }
-            // Set a new timer for filtering
-            this.debounceTimer = window.setTimeout(() => {
-                this.filterText = input.value.toLowerCase();
-                this.filterSlotsItems();
-            }, this.debounceDelay);
-        };
-        /**
-         * Handle input focus for options mode.
-         */
-        this.handleInputFocusOptions = () => {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            this.open = true;
-        };
-        /**
-         * Handle input focus for slots mode.
-         */
-        this.handleInputFocusSlots = () => {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            this.open = true;
-        };
-        /**
-         * Handle input blur for slots mode.
-         */
-        this.handleInputBlurSlots = () => {
-            setTimeout(() => {
-                if (!this.el.contains(document.activeElement)) {
-                    this.handlePopoverClose();
-                }
-            }, 150);
-        };
-        /**
-         * Toggle the multiselect popover for options mode.
-         */
-        this.togglePopoverOptions = () => {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            if (this.open) {
-                this.handlePopoverClose();
-            }
-            else {
-                this.open = true;
-                this.popoverElement.show();
-                if (!this.filterable) {
-                    this.focusFirstItem();
-                }
-            }
-        };
-        /**
-         * Toggle the multiselect popover for slots mode.
-         */
-        this.togglePopoverSlots = () => {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            this.open = !this.open;
-            if (this.open) {
-                this.popoverElement.show();
-                if (!this.filterable) {
-                    this.focusFirstItem();
-                }
-            }
-            else {
-                this.popoverElement.hide();
-            }
-        };
-        /**
-         * Handle keyboard events for slots mode.
-         * @param {KeyboardEvent} event - The keyboard event.
-         */
-        this.handleKeyDownSlots = (event) => {
-            if (!this.open) {
-                if (event.key === 'ArrowDown') {
-                    this.open = true;
-                    this.popoverElement.show();
-                    if (!this.filterable) {
-                        this.focusFirstItem();
-                    }
-                    event.preventDefault();
-                    return;
-                }
-                return;
-            }
-            const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-            if (items.length === 0) {
-                console.warn('No dropdown items found to navigate');
-                return;
-            }
-            let currentIndex = items.findIndex(item => item.classList.contains('highlighted'));
-            if (event.key === 'ArrowDown') {
-                event.preventDefault();
-                currentIndex = (currentIndex + 1) % items.length;
-                this.updateHighlightedItem(items, currentIndex);
-            }
-            else if (event.key === 'ArrowUp') {
-                event.preventDefault();
-                currentIndex = (currentIndex - 1 + items.length) % items.length;
-                this.updateHighlightedItem(items, currentIndex);
-            }
-            else if (event.key === 'Enter' && currentIndex >= 0) {
-                event.preventDefault();
-                items[currentIndex].click();
-            }
-            else if (event.key === 'Escape') {
-                event.preventDefault();
-                this.handlePopoverClose();
-                if (this.inputElement) {
-                    this.inputElement.blur();
-                }
-            }
-        };
-        this.inputId = v4();
-        this.name = undefined;
-        this.label = undefined;
-        this.description = undefined;
-        this.placeholder = undefined;
-        this.maxHeight = '200px';
-        this.badgeLabel = '';
-        this.emptyresult = 'No results found';
-        this.required = false;
-        this.error = false;
-        this.errorDescription = undefined;
-        this.readonly = false;
-        this.disabled = false;
-        this.autocomplete = 'off';
-        this.filterable = false;
-        this.value = undefined;
-        this.open = false;
-        this.mode = undefined;
-        this.options = undefined;
-        this.parsedOptions = [];
-        this.selectedValues = [];
-        this.sortedOptions = [];
-        this.filterText = '';
-        this.isFilterable = this.filterable;
-        this.debounceDelay = 300;
-        this.modeState = 'options';
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region EVENTS
-    /**
-     * Subscribe to click outside event.
-     */
-    connectedCallback() {
-        this.modeState = this.mode;
-        this.handleOptionsChange(this.options);
-        document.addEventListener('click', this.handleClickOutside.bind(this));
-        // If we don't have parsed options, initialize with slot elements
-        if (!this.parsedOptions || this.parsedOptions.length === 0) {
-            // Wait for the slot to be available
-            requestAnimationFrame(() => {
-                const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-                // Initialize selectedValues with checked elements
-                this.selectedValues = items
-                    .filter(item => item.hasAttribute('checked'))
-                    .map(item => item.getAttribute('value') || '');
-            });
-        }
-        // Initialize the sorted options array with the parsed options for initial rendering
-        this.sortedOptions = [...this.parsedOptions];
-        // Handle pre-selection during component initialization
-        this.setInitialSelection();
-        // Apply filtering if the multiselect is filterable and there is a value
-        if (this.filterable && this.value) {
-            this.filterText = this.value.toLowerCase();
-            this.filterItems();
-        }
-        else {
-            // Reset visibility state of all dropdown items
-            this.resetFilter();
-        }
-        const slot = this.el.querySelector('slot[name="content"]');
-        if (slot) {
-            const observer = new MutationObserver(() => {
-                this.reorderSlotContent();
-            });
-            observer.observe(slot, {
-                childList: true,
-                subtree: true,
-            });
-            this.reorderSlotContent();
-        }
-    }
-    /**
-     * Unsubscribe from click outside event.
-     */
-    disconnectedCallback() {
-        document.removeEventListener('click', this.handleClickOutside.bind(this));
-    }
-    /**
-     * Emitted when the input loses focus.
-     * @param {CustomEvent<boolean>} event - The event object containing the focus state.
-     */
-    handleOpenChanged(event) {
-        // Update the open state of popover
-        this.open = event.detail;
-        if (this.open) {
-            if (this.filterText) {
-                this.filterItems();
-            }
-        }
-        else {
-            this.reorderSlotContent();
-        }
-    }
-    /**
-     * Listen for the `itemChecked` event emitted by child items.
-     * @param {CustomEvent<{ value: string; checked: boolean }>} event - The event object containing the selected value and its checked state.
-     */
-    handleItemChecked(event) {
-        if (this.disabled || this.readonly)
-            return;
-        const { value, checked } = event.detail;
-        if (value !== undefined && value !== null) {
-            const newSelectedValues = [...this.selectedValues];
-            if (checked && !newSelectedValues.includes(value)) {
-                newSelectedValues.push(value);
-            }
-            else if (!checked) {
-                const index = newSelectedValues.indexOf(value);
-                if (index > -1) {
-                    newSelectedValues.splice(index, 1);
-                }
-            }
-            this.selectedValues = newSelectedValues;
-            this.multiselectChange.emit(this.selectedValues);
-        }
-    }
-    /**
-     * Emitted when the options change.
-     * @param {string | Array<{label: string, value: string, isDivider?: boolean, disabled?: boolean, description?: string, checked?: boolean}>} newValue - The new value of the options.
-     */
-    handleOptionsChange(newValue) {
-        if (typeof newValue === 'string') {
-            try {
-                const parsedOpts = JSON.parse(newValue);
-                // Process options: initialize selections, reorder items, and add dividers where needed
-                this.selectedValues = parsedOpts
-                    .filter(option => option.checked)
-                    .map(option => option.value);
-                const checkedItems = parsedOpts.filter(option => this.selectedValues.includes(option.value));
-                const uncheckedItems = parsedOpts.filter(option => !this.selectedValues.includes(option.value));
-                this.parsedOptions = [
-                    ...checkedItems,
-                    ...(checkedItems.length > 0 && uncheckedItems.length > 0
-                        ? [{ isDivider: true, label: '', value: '' }]
-                        : []),
-                    ...uncheckedItems,
-                ];
-            }
-            catch (error) {
-                console.error('Error parsing options:', error);
-                this.parsedOptions = [];
-            }
-        }
-        else if (Array.isArray(newValue)) {
-            this.selectedValues = newValue
-                .filter(option => option.checked)
-                .map(option => option.value);
-            this.parsedOptions = [...newValue];
-        }
-        else {
-            this.parsedOptions = [];
-        }
-        this.reorderSlotContent();
-    }
-    /**
-     * Emitted when the value changes.
-     */
-    watchValueHandler() {
-        // Handle value change and update the corresponding multiselect item if it exists
-        this.setInitialSelection();
-    }
-    /**
-     * Emitted when the filterable property changes.
-     * @param {boolean} newValue - The new value of the filterable property.
-     */
-    watchFilterableHandler(newValue) {
-        this.isFilterable = newValue;
-        this.filterable = newValue;
-    }
-    // Add a watcher for the slot content
-    handleSlotChange(event) {
-        const slot = event.target;
-        if (slot.name === 'content') {
-            const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-            // Update selectedValues when slot content changes
-            this.selectedValues = items
-                .filter(item => item.hasAttribute('checked'))
-                .map(item => item.getAttribute('value') || '');
-        }
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Retrieves the current filter text entered by the user.
-     * @returns {string} The filter text.
-     */
-    async getFilterText() {
-        return this.filterText;
-    }
-    /**
-     * Set the initial selection based on the current value and update the inputElement value.
-     */
-    setInitialSelection() {
-        var _a;
-        const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitem'));
-        const selectedItem = items.find(item => {
-            var _a;
-            return item.getAttribute('label') === this.value ||
-                item.getAttribute('value') === this.value ||
-                ((_a = item.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === this.value;
-        });
-        // Remove 'selected' from all items first to reset the state
-        items.forEach(item => {
-            item.removeAttribute('selected');
-            item.classList.remove('selected');
-        });
-        if (selectedItem) {
-            // Add the `selected` attribute and `selected` class for visual styling
-            selectedItem.setAttribute('selected', 'true');
-            selectedItem.classList.add('selected');
-            // Update the value and inputElement value to reflect the pre-selected item
-            this.value =
-                selectedItem.getAttribute('label') ||
-                    selectedItem.getAttribute('value') ||
-                    ((_a = selectedItem.textContent) === null || _a === void 0 ? void 0 : _a.trim()) ||
-                    '';
-            if (this.inputElement) {
-                this.inputElement.value = this.value;
-            }
-        }
-    }
-    /**
-     * Reset the filter and make all items visible.
-     */
-    async resetFilter() {
-        const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-        // Reset visibility state of all dropdown items
-        items.forEach(item => {
-            item.style.display = '';
-        });
-        // Clean up filter-related UI elements
-        const ul = this.el.querySelector('ul');
-        if (ul) {
-            const emptyMessage = ul.querySelector('[data-empty]');
-            const divider = ul.querySelector('hr.dropdown-divider');
-            if (emptyMessage)
-                emptyMessage.remove();
-            if (divider)
-                divider.remove();
-        }
-    }
-    /**
-     * Returns the list of selected values.
-     * @returns {string[]} The selected values.
-     */
-    async getSelectedValues() {
-        return this.selectedValues;
-    }
-    /**
-     * Reorder the content of the slot.
-     */
-    reorderSlotContent() {
-        if (this.modeState === 'options')
-            return;
-        const ul = this.el.querySelector('ul');
-        if (!ul)
-            return;
-        // First remove all existing dividers
-        ul.querySelectorAll('hr.dropdown-divider').forEach(divider => divider.remove());
-        // Get all visible items (not hidden)
-        const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck')).filter(item => item.style.display !== 'none');
-        // Check if we have an empty message
-        const hasEmptyMessage = ul.querySelector('[data-empty]');
-        if (hasEmptyMessage) {
-            // If we have an empty message, don't reorder
-            return;
-        }
-        // Separate selected and unselected items
-        const selectedItems = items.filter(item => this.selectedValues.includes(item.getAttribute('value') || ''));
-        const unselectedItems = items.filter(item => !this.selectedValues.includes(item.getAttribute('value') || ''));
-        // Empty the list
-        while (ul.firstChild) {
-            ul.removeChild(ul.firstChild);
-        }
-        // Reorder items
-        selectedItems.forEach(item => ul.appendChild(item));
-        // Add divider only if we have both selected AND unselected items
-        // AND if visible items are different
-        if (selectedItems.length > 0 &&
-            unselectedItems.length > 0 &&
-            items.length > 1) {
-            const divider = document.createElement('hr');
-            divider.className = 'dropdown-divider';
-            ul.appendChild(divider);
-        }
-        // Add unselected items
-        unselectedItems.forEach(item => ul.appendChild(item));
-    }
-    /**
-     * Reorder the content for options mode with async handling
-     */
-    async reorderOptionsContent() {
-        if (this.isReordering ||
-            !this.parsedOptions ||
-            this.parsedOptions.length === 0 ||
-            this.modeState !== 'options') {
-            return;
-        }
-        try {
-            this.isReordering = true;
-            // Update parsedOptions first
-            const optionsWithoutDivider = this.parsedOptions.filter(opt => !opt.isDivider);
-            const selectedOptions = optionsWithoutDivider.filter(opt => this.selectedValues.includes(opt.value));
-            const unselectedOptions = optionsWithoutDivider.filter(opt => !this.selectedValues.includes(opt.value));
-            // Update parsedOptions with new divider
-            this.parsedOptions = [
-                ...selectedOptions,
-                ...(selectedOptions.length > 0 && unselectedOptions.length > 0
-                    ? [{ isDivider: true, label: '', value: '' }]
-                    : []),
-                ...unselectedOptions,
-            ];
-            // Then update DOM
-            await new Promise(resolve => requestAnimationFrame(resolve));
-            const ul = this.el.querySelector('ul');
-            if (!ul)
-                return;
-            // Get all items
-            const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-            // Remove all existing dividers
-            ul.querySelectorAll('hr.dropdown-divider').forEach(divider => divider.remove());
-            // Separate selected and unselected items
-            const selectedItems = items.filter(item => this.selectedValues.includes(item.getAttribute('value') || ''));
-            const unselectedItems = items.filter(item => !this.selectedValues.includes(item.getAttribute('value') || ''));
-            // Empty the list
-            while (ul.firstChild) {
-                ul.removeChild(ul.firstChild);
-            }
-            // Reorder items
-            selectedItems.forEach(item => ul.appendChild(item));
-            // Add divider only if there are both selected AND unselected items
-            if (selectedItems.length > 0 && unselectedItems.length > 0) {
-                const divider = document.createElement('hr');
-                divider.className = 'dropdown-divider';
-                ul.appendChild(divider);
-            }
-            // Add unselected items
-            unselectedItems.forEach(item => ul.appendChild(item));
-        }
-        finally {
-            this.isReordering = false;
-        }
-    }
-    /**
-     * Filter multiselect items based on the text entered by the user.
-     */
-    filterItems() {
-        const ul = this.el.querySelector('ul');
-        if (!ul)
-            return;
-        // Remove existing empty message if any
-        const existingEmptyMessage = ul.querySelector('[data-empty]');
-        if (existingEmptyMessage) {
-            existingEmptyMessage.remove();
-        }
-        if (!this.filterText.trim()) {
-            if (this.parsedOptions && this.parsedOptions.length > 0) {
-                // Reset options display
-                const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));
-                items.forEach(item => {
-                    item.style.display = '';
-                });
-            }
-            else {
-                // Reset slot items display
-                const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-                items.forEach(item => {
-                    item.style.display = '';
-                });
-            }
-            this.reorderSlotContent();
-            return;
-        }
-        const normalizedFilter = this.normalizeText(this.filterText);
-        let hasVisibleItems = false;
-        if (this.parsedOptions && this.parsedOptions.length > 0) {
-            // Filter options mode
-            const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));
-            items.forEach(item => {
-                const option = this.parsedOptions.find(opt => opt.value === item.getAttribute('value'));
-                if (option && !option.isDivider) {
-                    const matchesFilter = this.normalizeText(option.label).includes(normalizedFilter) ||
-                        this.normalizeText(option.value).includes(normalizedFilter);
-                    item.style.display = matchesFilter ? '' : 'none';
-                    if (matchesFilter)
-                        hasVisibleItems = true;
-                }
-            });
-            // Hide dividers if needed
-            const dividers = ul.querySelectorAll('hr.dropdown-divider');
-            dividers.forEach(divider => {
-                divider.style.display = hasVisibleItems ? '' : 'none';
-            });
-        }
-        else {
-            // Filter slot items mode
-            const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-            items.forEach(item => {
-                const label = item.getAttribute('label') || '';
-                const value = item.getAttribute('value') || '';
-                const textContent = item.textContent || '';
-                const matchesFilter = this.normalizeText(label).includes(normalizedFilter) ||
-                    this.normalizeText(value).includes(normalizedFilter) ||
-                    this.normalizeText(textContent).includes(normalizedFilter);
-                item.style.display = matchesFilter ? '' : 'none';
-                if (matchesFilter)
-                    hasVisibleItems = true;
-            });
-        }
-        // Add empty message if no items match the filter
-        if (!hasVisibleItems) {
-            const emptyMessage = document.createElement('li');
-            emptyMessage.setAttribute('data-empty', 'true');
-            emptyMessage.textContent = this.emptyresult;
-            emptyMessage.classList.add('no-results-message');
-            ul.appendChild(emptyMessage);
-        }
-        this.reorderSlotContent();
-    }
-    /**
-     * Filter multiselect items in options mode.
-     */
-    filterOptionsItems() {
-        const ul = this.el.querySelector('ul');
-        if (!ul)
-            return;
-        // Remove existing empty message if any
-        const existingEmptyMessage = ul.querySelector('[data-empty]');
-        if (existingEmptyMessage) {
-            existingEmptyMessage.remove();
-        }
-        if (!this.filterText.trim()) {
-            // Reset options display
-            const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));
-            items.forEach(item => {
-                item.style.display = '';
-            });
-            this.reorderOptionsContent();
-            return;
-        }
-        const normalizedFilter = this.normalizeText(this.filterText);
-        let hasVisibleItems = false;
-        // Filter options mode
-        const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));
-        items.forEach(item => {
-            const option = this.parsedOptions.find(opt => opt.value === item.getAttribute('value'));
-            if (option && !option.isDivider) {
-                const matchesFilter = this.normalizeText(option.label).includes(normalizedFilter) ||
-                    this.normalizeText(option.value).includes(normalizedFilter);
-                item.style.display = matchesFilter ? '' : 'none';
-                if (matchesFilter)
-                    hasVisibleItems = true;
-            }
-        });
-        // Get visible items after filtering
-        const visibleItems = items.filter(item => item.style.display !== 'none');
-        const visibleSelectedItems = visibleItems.filter(item => this.selectedValues.includes(item.getAttribute('value') || ''));
-        // Hide divider if all visible items are either all selected or all unselected
-        const divider = ul.querySelector('hr.dropdown-divider');
-        if (divider) {
-            const shouldShowDivider = visibleSelectedItems.length > 0 &&
-                visibleSelectedItems.length < visibleItems.length;
-            divider.style.display = shouldShowDivider ? '' : 'none';
-        }
-        // Add empty message if no items match the filter
-        if (!hasVisibleItems) {
-            const emptyMessage = document.createElement('li');
-            emptyMessage.setAttribute('data-empty', 'true');
-            emptyMessage.textContent = this.emptyresult;
-            emptyMessage.classList.add('no-results-message');
-            ul.appendChild(emptyMessage);
-        }
-    }
-    /**
-     * Filter multiselect items in slots mode
-     */
-    filterSlotsItems() {
-        if (this.modeState === 'options')
-            return;
-        const ul = this.el.querySelector('ul');
-        if (!ul)
-            return;
-        // Remove existing empty message if any
-        const existingEmptyMessage = ul.querySelector('[data-empty]');
-        if (existingEmptyMessage) {
-            existingEmptyMessage.remove();
-        }
-        // If filter text is empty, reset all items visibility
-        if (!this.filterText.trim()) {
-            this.resetFilter();
-            return;
-        }
-        const normalizedFilter = this.normalizeText(this.filterText);
-        let hasVisibleItems = false;
-        // Get all items and preserve them in the DOM
-        const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-        // Instead of removing/reordering, just hide/show items
-        items.forEach(item => {
-            var _a;
-            const label = item.getAttribute('label') || '';
-            const value = item.getAttribute('value') || '';
-            const textContent = ((_a = item.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
-            const matchesFilter = this.normalizeText(label).includes(normalizedFilter) ||
-                this.normalizeText(value).includes(normalizedFilter) ||
-                this.normalizeText(textContent).includes(normalizedFilter);
-            item.style.display = matchesFilter ? '' : 'none';
-            if (matchesFilter)
-                hasVisibleItems = true;
-        });
-        // Get visible items after filtering
-        const visibleItems = items.filter(item => item.style.display !== 'none');
-        const visibleSelectedItems = visibleItems.filter(item => this.selectedValues.includes(item.getAttribute('value') || ''));
-        // Hide divider if all visible items are either all selected or all unselected
-        const divider = ul.querySelector('hr.dropdown-divider');
-        if (divider) {
-            const shouldShowDivider = visibleSelectedItems.length > 0 &&
-                visibleSelectedItems.length < visibleItems.length;
-            divider.style.display = shouldShowDivider ? '' : 'none';
-        }
-        // Add empty message if no items match the filter
-        if (!hasVisibleItems) {
-            const emptyMessage = document.createElement('li');
-            emptyMessage.setAttribute('data-empty', 'true');
-            emptyMessage.textContent = this.emptyresult;
-            emptyMessage.classList.add('no-results-message');
-            ul.appendChild(emptyMessage);
-        }
-    }
-    /**
-     * Normalizes text by removing accents and converting to lowercase
-     * @param {string} text - The text to normalize
-     * @returns {string} The normalized text
-     *
-     * @example
-     * normalizeText("Café Latte") => "cafe latte"
-     *
-     * @description
-     * This function performs text normalization in three steps:
-     * 1. Decomposes characters into their base form and combining characters (NFD)
-     * 2. Removes all diacritical marks (accents, umlauts, etc.)
-     * 3. Converts to lowercase and trims whitespace
-     *
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize} - MDN documentation on String.normalize()
-     * @see {@link https://en.wikipedia.org/wiki/Unicode_equivalence#Normal_forms} - More info about Unicode normalization forms
-     */
-    normalizeText(text) {
-        return text
-            .normalize('NFD') // Decompose characters into base + combining characters (e.g., é => e + ´)
-            .replace(/[\u0300-\u036f]/g, '') // Remove all diacritical marks (Unicode range for combining characters)
-            .toLowerCase() // Convert to lowercase
-            .trim(); // Remove leading and trailing whitespace
-    }
-    /**
-     * Handle click outside the component.
-     * @param {MouseEvent} event - The click event.
-     */
-    handleClickOutside(event) {
-        if (this.el.contains(event.target) ||
-            (this.inputElement && this.inputElement.contains(event.target))) {
-            return;
-        }
-        // Force le même comportement que la fermeture par iconbutton
-        if (this.modeState === 'options') {
-            this.handlePopoverClose();
-        }
-        else {
-            this.popoverElement.hide();
-        }
-    }
-    /**
-     * Handle keyboard events & arrow key navigation.
-     * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.
-     * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.
-     * @param {KeyboardEvent} event - The keyboard event.
-     */
-    handleKeyDown(event) {
-        if (!this.open) {
-            if (event.key === 'ArrowDown') {
-                this.open = true;
-                this.popoverElement.show();
-                // Focus on the first item if the list is not filterable
-                if (!this.filterable) {
-                    this.focusFirstItem();
-                }
-                event.preventDefault();
-                return;
-            }
-            return;
-        }
-        const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
-        if (items.length === 0) {
-            console.warn('No dropdown items found to navigate');
-            return;
-        }
-        let currentIndex = items.findIndex(item => item.classList.contains('highlighted'));
-        if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            currentIndex = (currentIndex + 1) % items.length;
-            this.updateHighlightedItem(items, currentIndex);
-        }
-        else if (event.key === 'ArrowUp') {
-            event.preventDefault();
-            currentIndex = (currentIndex - 1 + items.length) % items.length;
-            this.updateHighlightedItem(items, currentIndex);
-        }
-        else if (event.key === 'Enter' && currentIndex >= 0) {
-            event.preventDefault();
-            items[currentIndex].click();
-        }
-        else if (event.key === 'Escape') {
-            event.preventDefault();
-            this.open = false;
-            this.popoverElement.hide();
-            if (this.inputElement) {
-                this.inputElement.blur();
-            }
-        }
-    }
-    /**
-     * Updates the highlighted item in the dropdown list.
-     *
-     * @param {(HTMLNvFielddropdownitemElement | HTMLNvFielddropdownitemcheckElement)[]} items - The items to update.
-     * @param {number} index - The index of the item to highlight.
-     */
-    updateHighlightedItem(items, index) {
-        items.forEach((item, i) => {
-            if (i === index) {
-                item.classList.add('highlighted');
-                item.setAttribute('tabindex', '0');
-                item.focus();
-            }
-            else {
-                item.classList.remove('highlighted');
-                item.setAttribute('tabindex', '-1');
-            }
-        });
-    }
-    /**
-     * Focus on the first item in the dropdown list.
-     */
-    focusFirstItem() {
-        const firstItem = this.el.querySelector('nv-fielddropdownitemcheck');
-        if (firstItem) {
-            firstItem.setAttribute('tabindex', '0');
-            firstItem.classList.add('highlighted');
-            firstItem.focus();
-        }
-        else {
-            console.warn('No first item found to focus');
-        }
-    }
-    /**
-     * Watch for changes in the mode prop and update modeState accordingly
-     * @param {string} newValue - The new mode value
-     */
-    handleModeChange(newValue) {
-        this.modeState = newValue;
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    /**
-     * Renders the component in options mode
-     * @returns {any} The JSX for options mode
-     */
-    renderOptionsMode() {
-        return (h(Host, null, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { htmlFor: this.inputId }, h("slot", { name: "label" }, this.label))), h("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h("slot", { name: "before-input" }), h("div", { class: "input-container-multiselect" }, h("slot", { name: "leading-input" }), h("nv-badge", { slot: "leading-input", "prevent-auto-close": "true", color: "10", dismissible: this.selectedValues.length > 0, hidden: this.selectedValues.length <= 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseOptions }), this.isFilterable || this.disabled || this.readonly ? (h("input", { id: this.inputId, ref: e => (this.inputElement = e), autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onBlur: this.handleInputBlurOptions, onKeyDown: this.handleKeyDownOptions })) : (h("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickOptions, tabIndex: 0, onKeyDown: this.handleKeyDownOptions, onFocus: this.handleInputFocusOptions, role: "combobox", "aria-expanded": this.open }, h("span", null, this.value || this.placeholder))), h("nv-iconbutton", { class: "toggle-dropdown-icon", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopoverOptions })), h("slot", { name: "after-input" })), h("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, h("ul", { role: "presentation" }, this.parsedOptions.map(option => option.isDivider ? (h("hr", { class: "dropdown-divider" })) : (h("nv-fielddropdownitemcheck", { label: option.label, description: option.description, value: option.value, checked: this.selectedValues.includes(option.value), disabled: option.disabled })))))), this.renderDescriptions()));
-    }
-    /**
-     * Renders the component in slots mode
-     * @returns {any} The JSX for slots mode
-     */
-    renderSlotsMode() {
-        return (h(Host, null, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { htmlFor: this.inputId }, h("slot", { name: "label" }, this.label))), h("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h("slot", { name: "before-input" }), h("div", { class: "input-container-multiselect", onClick: this.handleInputContainerClickSlots }, h("slot", { name: "leading-input" }, h("p", null, "No leading input")), h("nv-badge", { slot: "leading-input", "prevent-auto-close": "true", color: "10", dismissible: this.selectedValues.length > 0, hidden: this.selectedValues.length <= 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseSlots }), this.isFilterable || this.disabled || this.readonly ? (h("input", { id: this.inputId, ref: e => (this.inputElement = e), autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputSlots, onFocus: this.handleInputFocusSlots, onBlur: this.handleInputBlurSlots, onKeyDown: this.handleKeyDownSlots })) : (h("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickSlots, tabIndex: 0, onKeyDown: this.handleKeyDownSlots, onFocus: this.handleInputFocusSlots, role: "combobox", "aria-expanded": this.open }, h("span", null, this.value || this.placeholder))), h("nv-iconbutton", { class: "toggle-dropdown-icon", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopoverSlots })), h("slot", { name: "after-input" })), h("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, h("slot", { name: "content" }))), this.renderDescriptions()));
-    }
-    /**
-     * Renders description and error description sections
-     * @returns {any} The JSX for descriptions
-     */
-    renderDescriptions() {
-        return [
-            (this.description || this.el.querySelector('[slot="description"]')) && (h("div", { class: "description" }, h("slot", { name: "description" }, this.description))),
-            (this.errorDescription ||
-                this.el.querySelector('[slot="error-description"]')) && (h("div", { hidden: !this.error, class: "error-description" }, h("slot", { name: "error-description" }, this.errorDescription))),
-        ];
-    }
-    /**
-     * Main render method that decides which mode to render
-     * @returns {any} The JSX for the component
-     */
-    render() {
-        return this.modeState === 'options'
-            ? this.renderOptionsMode()
-            : this.renderSlotsMode();
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "options": ["handleOptionsChange"],
-        "value": ["watchValueHandler"],
-        "filterable": ["watchFilterableHandler"],
-        "mode": ["handleModeChange"]
-    }; }
-    static get style() { return NvFieldmultiselectStyle0; }
-}, [4, "nv-fieldmultiselect", {
-        "inputId": [513, "input-id"],
-        "name": [513],
-        "label": [513],
-        "description": [513],
-        "placeholder": [513],
-        "maxHeight": [513, "max-height"],
-        "badgeLabel": [513, "badge-label"],
-        "emptyresult": [513],
-        "required": [516],
-        "error": [516],
-        "errorDescription": [513, "error-description"],
-        "readonly": [516],
-        "disabled": [516],
-        "autocomplete": [513],
-        "filterable": [1540],
-        "value": [1537],
-        "open": [1540],
-        "mode": [513],
-        "options": [513],
-        "debounceDelay": [514, "debounce-delay"],
-        "parsedOptions": [32],
-        "selectedValues": [32],
-        "sortedOptions": [32],
-        "filterText": [32],
-        "isFilterable": [32],
-        "modeState": [32],
-        "getFilterText": [64],
-        "resetFilter": [64],
-        "getSelectedValues": [64]
-    }, [[0, "openChanged", "handleOpenChanged"], [0, "itemChecked", "handleItemChecked"], [0, "slotchange", "handleSlotChange"], [0, "keydown", "handleKeyDown"]], {
-        "options": ["handleOptionsChange"],
-        "value": ["watchValueHandler"],
-        "filterable": ["watchFilterableHandler"],
-        "mode": ["handleModeChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-fieldmultiselect", "nv-badge", "nv-fieldcheckbox", "nv-fielddropdownitemcheck", "nv-icon", "nv-iconbutton", "nv-loader", "nv-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-fieldmultiselect":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvFieldmultiselect$1);
-            }
-            break;
-        case "nv-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "nv-fieldcheckbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "nv-fielddropdownitemcheck":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "nv-iconbutton":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "nv-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "nv-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvFieldmultiselect = NvFieldmultiselect$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvFieldmultiselect, defineCustomElement };
-
-//# sourceMappingURL=nv-fieldmultiselect.js.map