npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.23.0 → 3.24.0 - Mend

@nova-design-system/nova-webcomponents 3.23.0 → 3.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (792) hide show

package/dist/components/nv-fielddropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nv-fielddropdown.js","mappings":"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","names":["NvFielddropdown","__stencil_proxyCustomElement","HTMLElement","uuidv4"],"sources":["src/components/nv-fielddropdown/styles/nv-fielddropdown.scss?tag=nv-fielddropdown","src/components/nv-fielddropdown/nv-fielddropdown.tsx"],"sourcesContent":["@use './mixins' as ;\n@use '../../../styles/form-field' as forms;\n@use '../../../styles/scrollbar' as scrollbar;\n\nnv-fielddropdown {\n @include forms.form-field-variables();\n @include forms.form-field-root();\n\n &[fluid]:not([fluid='false']) {\n @include forms.form-field-fluid();\n }\n\n &[readonly]:not([readonly='false']) {\n @include forms.form-field-readonly-variables();\n }\n\n &[error]:not([error='false']) {\n @include forms.form-field-error-variables();\n }\n\n &[required]:not([required='false']) label,\n &[aria-required=\"true\"] label {\n @include forms.form-field-label-required();\n }\n\n &[hidden]:not([hidden='false']) label {\n display: none;\n }\n\n label {\n @include forms.form-field-label();\n }\n\n nv-popover {\n @include forms.form-field-popover();\n\n div[slot='content'] {\n @include scrollbar.scrollbar();\n max-height: calc(90vh - var(--list-dropdown-padding) 2);\n overflow-y: auto;\n position: relative;\n }\n }\n\n .input-wrapper {\n @include forms.form-field-input-wrapper();\n @include input-wrapper-styles();\n }\n\n .input-container {\n @include forms.form-field-input-container();\n @include input-container-styles();\n\n input[type='search']::-webkit-search-decoration,\n input[type='search']::-webkit-search-cancel-button,\n input[type='search']::-webkit-search-results-button,\n input[type='search']::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n input,\n p.non-filterable-text {\n @include forms.form-field-input();\n }\n\n p.non-filterable-text {\n @include non-filterable-text-styles();\n }\n\n > nv-iconbutton {\n @include forms.form-field-action();\n }\n\n nv-icon.validation {\n @include forms.form-field-icon();\n }\n }\n\n .description {\n @include forms.form-field-description();\n }\n\n .error-description {\n @include forms.form-field-error-description();\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Listen,\n Event,\n EventEmitter,\n Watch,\n Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\nimport type {\n FilterMode,\n IndexedItem,\n SearchResult,\n RawItem,\n} from '../../utils/search-engine';\nimport {\n buildIndex,\n search,\n clampMaxResults,\n clampWorkerThreshold,\n FUZZY_DEBOUNCE_DELAY,\n shouldUseWorker,\n isWorkerSupported,\n getEffectiveFilterMode,\n SearchWorkerClient,\n} from '../../utils/search-engine';\nimport {\n getTruncatedResultsText,\n formatTruncatedResults,\n} from '../../utils/i18n.utils';\n\n/*\n @slot content - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n /\n@Component({\n tag: 'nv-fielddropdown',\n styleUrl: 'styles/nv-fielddropdown.scss',\n shadow: false,\n formAssociated: true,\n})\nexport class NvFielddropdown {\n @Element() el: HTMLNvFielddropdownElement;\n private inputElement!: HTMLInputElement;\n private selectElement!: HTMLElement;\n private toggleElement!: HTMLNvIconbuttonElement;\n private debounceTimer: number;\n\n /* Pre-computed search index for efficient filtering /\n private indexedItems: IndexedItem[] = [];\n\n /* Raw items for worker initialization /\n private rawItems: RawItem[] = [];\n\n /* Web Worker client for async search operations /\n private workerClient: SearchWorkerClient \| null = null;\n\n /* Effective filter mode (may differ from prop if fuzzy falls back to smart) /\n private effectiveFilterMode: FilterMode = 'strict';\n\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * Sets the ID for the input element and the for attribute of the associated\n * label. If no ID is provided, a random one will be automatically generated\n * to ensure unique identification, facilitating proper label association and\n * accessibility.\n /\n @Prop({ reflect: true })\n readonly inputId: string = uuidv4();\n\n /\n Defines the name attribute of the input field, which is crucial for form\n * submission. This value is used as the key in the key-value pair sent to\n * the server, representing the input's data in form submissions. It should be\n * unique within the form to avoid conflicts.\n /\n @Prop({ reflect: true })\n readonly name: string;\n\n /\n Lets you define the text that explains what users should enter in the text\n * input field. It's a crucial element for making forms clear and\n * user-friendly.\n /\n @Prop({ reflect: true })\n readonly label: string;\n\n /\n Add helpful hints or extra information under the text input field. This is\n * where you can clarify what users should enter or provide additional\n * instructions, making the form easier to fill out correctly.\n /\n @Prop({ reflect: true })\n readonly description: string;\n\n /\n Display temporary text inside the input field to give users a hint about\n * what to type. It's a great way to provide examples or suggestions directly\n * in the field before they start typing.\n * The placeholder is displayed only when the filterable option is enabled.\n /\n @Prop({ reflect: true })\n readonly placeholder: string;\n\n /\n The autocomplete prop helps users fill out the input field faster by\n * suggesting entries they've used before, like their email or address.\n * You can turn it on to make forms more convenient or off to ensure users\n * always type in fresh data.\n /\n @Prop({ reflect: true })\n readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n /\n Specifies the value of the input field, which determines the text displayed\n * within the field. This prop is typically used in controlled components\n * where the input's value is managed by the component's state.\n /\n @Prop({ reflect: true, mutable: true })\n value: string;\n\n /\n Marks the input field as required, ensuring that the user must fill it out\n * before submitting the form.\n * @note This uses the native HTML `required` attribute, which triggers browser validation.\n /\n @Prop({ reflect: true })\n readonly required: boolean = false;\n\n /\n Marks the input field as required for accessibility purposes without triggering\n * native HTML validation. Use this when implementing custom validation logic.\n * @note When set, this uses `aria-required` instead of the native `required` attribute.\n * This allows developers to implement custom validation while maintaining accessibility.\n * @note If this prop is not explicitly set, the component will check for the HTML attribute\n * 'aria-required' directly to determine if it should be applied.\n /\n @Prop({ reflect: true, attribute: 'aria-required' })\n readonly ariaRequiredAttr: boolean = false;\n\n /\n Display the input field's content without allowing users to change it.\n * Users can still click on it, select, and copy the text, but they won't be\n * able to type or delete anything.\n /\n @Prop({ reflect: true })\n readonly readonly: boolean = false;\n\n /\n The disabled prop lets you turn off the input field so that users can't\n * type in it. When disabled, the field is grayed out and won't respond to\n * clicks or touches.\n /\n @Prop({ reflect: true })\n readonly disabled: boolean = false;\n\n /\n Alters the input field's appearance to indicate an error, helping users\n * identify fields that need correction.\n * @validator error\n /\n @Prop({ reflect: true })\n readonly error: boolean = false;\n\n /\n A description that appears when there is an error related to the dropdown\n * field.\n * @validator message\n /\n @Prop({ reflect: true })\n readonly errorDescription: string;\n\n /\n Defines the maximum height of the multiselect list when open.\n /\n @Prop({ reflect: true })\n readonly maxHeight: string = '';\n\n /\n The text to display when no items match the filter.\n /\n @Prop({ reflect: true })\n readonly emptyResult: string = 'No results found';\n\n /\n Enables or disables the filtering feature for the dropdown items.\n /\n @Prop({ reflect: true })\n readonly filterable: boolean = false;\n\n /\n When an item is selected by the user, the dropdown will continue to stay\n * open.\n /\n @Prop({ reflect: true })\n readonly openOnSelect: boolean = false;\n\n /\n Determines if the component’s filtering behavior is managed externally.\n * When set to true and filterable is enabled, the component won’t\n * automatically filter items. Instead, you must implement your own filtering\n * logic (e.g., server-side search or custom matching) using the\n * filterTextChanged event.\n /\n @Prop({ reflect: true })\n readonly controlledFilter: boolean = false;\n\n /\n List of options used to automatically generate dropdown items. This\n * provides an alternative to using the slot manually.\n \n @example\n * options=[{\n * \"label\": \"Option 1\",\n * \"value\": \"option1\",\n * \"selected\": true,\n * },\n * {\n * \"label\": \"Option 2\",\n * \"value\": \"option2\",\n * }]\n /\n @Prop({ reflect: false })\n readonly options?: {\n /* Label to display for the option /\n label: string;\n /* Value associated with the option /\n value: string;\n /* Whether this option is disabled /\n disabled?: boolean;\n }[];\n\n /\n Delay in milliseconds before the search is triggered when typing in the\n * filter input.\n * @default 300\n /\n @Prop({ reflect: true })\n readonly debounceDelay: number = 300;\n\n /\n Applies focus to the input field as soon as the component is mounted. This\n * is equivalent to setting the native autofocus attribute on an <input>\n * element.\n /\n @Prop({ reflect: true })\n // eslint-disable-next-line @stencil-community/reserved-member-names\n readonly autofocus: boolean = false;\n\n /\n Allows the field to stretch and fill the entire width of its container.\n /\n @Prop({ reflect: true })\n readonly fluid: boolean = false;\n\n /\n Filter mode for dropdown search:\n * - 'strict': Simple substring matching (normalized includes)\n * - 'smart': Token-based matching (all query tokens must exist, order ignored)\n * - 'fuzzy': Typo-tolerant matching using Fuse.js (runs in Web Worker)\n * @default 'strict'\n /\n @Prop({ reflect: true })\n readonly filterMode: FilterMode = 'strict';\n\n /\n Maximum number of results to display. Protects UI performance on large datasets.\n * Values are clamped between 10 and 500 (hard cap).\n * @default 25\n /\n @Prop({ reflect: true })\n readonly maxResults: number = 25;\n\n /\n Minimum number of characters required before filtering starts.\n * Useful for preventing overwhelming results on very large datasets.\n * @default 0\n /\n @Prop({ reflect: true })\n readonly startFilterAt: number = 0;\n\n /\n Locale for automatic translation of truncated results text.\n * If not provided, automatically detects browser locale.\n * @example 'en', 'fr', 'de', 'es'\n /\n @Prop({ reflect: true })\n readonly locale?: string;\n\n /\n The text to display when results are truncated due to maxResults limit.\n * Supports placeholders: {shown} and {total} will be replaced with actual values.\n * If not provided, automatically uses a localized translation based on the locale prop\n * or browser language.\n * @example '{shown} results shown out of {total} — refine your search'\n /\n @Prop({ reflect: true })\n readonly truncatedResultsText?: string;\n\n /\n Number of items above which filtering is offloaded to a Web Worker.\n * This keeps the main thread responsive for large datasets.\n * @default 2000\n /\n @Prop({ reflect: true })\n readonly workerThreshold: number = 2000;\n\n /\n Threshold for fuzzy matching (0-1). Lower values are stricter.\n * Only applies when filterMode is 'fuzzy'.\n * @default 0.3\n * @see {@link https://fusejs.io/api/options.html#threshold} Fuse.js threshold documentation\n /\n @Prop({ reflect: true })\n readonly fuzzyThreshold: number = 0.3;\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region STATE\n\n /\n * The text entered by the user for filtering dropdown items.\n /\n @State()\n filterText: string = '';\n\n @State()\n selectedValues: Set<string> = new Set();\n\n @State()\n open: boolean = false;\n\n /\n Whether search results were truncated due to maxResults limit.\n /\n @State()\n resultsTruncated: boolean = false;\n\n /\n Total number of matches before truncation.\n /\n @State()\n totalResults: number = 0;\n\n /\n Whether a worker search is in progress (shows loading indicator).\n /\n @State()\n isSearching: boolean = false;\n\n //#endregion STATE\n /*************************************************************************/\n //#region EVENTS\n\n /\n * Emitted when the input value changes.\n * @bind value\n /\n @Event({ bubbles: false })\n valueChanged: EventEmitter<string>;\n\n /\n Event emitted when the filter input value changes.\n /\n @Event({ bubbles: false })\n filterTextChanged: EventEmitter<string>;\n\n ///////////////////////// CHILD COMPONENT EVENTS /////////////////////////////\n /\n Event emitted when the dropdown opened or closed.\n /\n @Event({ bubbles: false })\n openChanged: EventEmitter<HTMLNvPopoverElementEventMap['openChanged']>;\n\n / eslint-disable nova/event-bubbling /\n /\n Event emitted when an item is clicked. Propagation prevented in listener.\n /\n @Event({ bubbles: false })\n dropdownItemSelected: EventEmitter<\n HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n >;\n / eslint-enable nova/event-bubbling /\n\n //#endregion EVENTS\n /*************************************************************************/\n //#region WATCHERS\n\n @Watch('open')\n handleOpenChange(newOpen: boolean) {\n if (newOpen === false) {\n clearTimeout(this.debounceTimer);\n setTimeout(() => {\n this.clearFilter();\n }, 100);\n }\n }\n\n @Watch('value')\n handleValueChange() {\n this.updateSelectedItem();\n if (!this.open \|\| !this.filterText) this.setFilterInputToSelectedValue();\n }\n\n @Watch('options')\n handleOptionsChange() {\n this.updateSelectedItem();\n this.rebuildSearchIndex();\n }\n\n //#endregion WATCHERS\n /*************************************************************************/\n //#region LISTENERS\n\n / eslint-disable nova/native-event-listener /\n @Listen('dropdownItemSelected')\n handleDropdownItemSelected(\n event: CustomEvent<\n HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n >,\n ) {\n event.stopPropagation();\n\n if (this.disabled \|\| this.readonly) return;\n if (!this.openOnSelect) this.open = false;\n if (event.detail.detached) return;\n\n const items = this.getAllItems();\n\n items.forEach(item => {\n if (item !== event.target) {\n item.removeAttribute('selected');\n } else {\n item.setAttribute('selected', 'true');\n }\n });\n this.value = event.detail.value;\n this.setFilterInputToSelectedValue();\n this.valueChanged.emit(event.detail.value);\n }\n / eslint-enable nova/native-event-listener /\n\n @Listen('focus', { capture: true, passive: true })\n handleFocus(event: FocusEvent) {\n if (\n event.relatedTarget instanceof HTMLElement &&\n event.relatedTarget.tagName.includes('NV-FIELDDROPDOWNITEM')\n ) {\n return;\n }\n\n if (event.target != this.toggleElement) this.open = true;\n }\n\n @Listen('focusout', { capture: true, passive: true })\n handleFocusOut(event: FocusEvent) {\n if (!(event.relatedTarget instanceof Node)) return;\n if (this.el.contains(event.relatedTarget)) return;\n this.open = false;\n }\n\n @Listen('keydown', { passive: false })\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n this.focusField();\n this.open = false;\n return;\n }\n\n if (event.key === ' ') {\n if (event.target == this.selectElement) {\n event.preventDefault(); // Prevent scrolling down\n this.open = true;\n }\n return;\n }\n\n const items = this.getNavigableItems();\n const highlightedItem = this.getHighlightedItemIndex(items);\n\n if (event.key === 'ArrowDown') {\n event.preventDefault(); // Prevent scrolling down\n this.open = true;\n const nextIndex = highlightedItem + 1;\n this.updateHighlightedItem(\n items,\n nextIndex >= items.length ? 0 : nextIndex,\n );\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault(); // Prevent scrolling up\n this.open = true;\n const nextIndex = highlightedItem - 1;\n this.updateHighlightedItem(\n items,\n nextIndex < 0 ? items.length - 1 : nextIndex,\n );\n }\n }\n\n @Listen('click', { target: 'document' })\n handleDocumentClick(event: MouseEvent) {\n this.handleClickOutside(event);\n }\n\n /\n Closes the popover when a click is detected outside the component.\n * @param {MouseEvent} event - The click event.\n /\n private handleClickOutside = (event: MouseEvent) => {\n if (!(event.target instanceof Node)) return;\n if (!this.el?.contains(event.target)) this.open = false;\n };\n\n //#endregion LISTENERS\n /*************************************************************************/\n //#region METHODS\n\n / Clears the filter text /\n @Method()\n async clearFilter(): Promise<void> {\n if (!this.filterable) return;\n if (this.filterText?.length) {\n this.filterText = '';\n this.filterTextChanged.emit(this.filterText);\n }\n this.filterItems();\n\n // Wait for wrapper lifecycle to finish\n setTimeout(() => {\n this.setFilterInputToSelectedValue();\n }, 0);\n }\n\n /\n Toggles the dropdown popover open state\n * @param {boolean} open - The open state to set, if null, toggles the state\n /\n @Method()\n async toggleDropdown(open?: boolean) {\n if (open !== undefined) {\n setTimeout(() => {\n this.open = open;\n }, 0);\n } else {\n setTimeout(() => {\n this.open = !this.open;\n }, 0);\n }\n }\n\n private syncToggleDropdown() {\n this.open = !this.open;\n }\n\n private handleFilterInput = () => {\n this.open = true;\n this.filterText = this.inputElement.value;\n this.filterTextChanged.emit(this.inputElement.value);\n clearTimeout(this.debounceTimer);\n\n // Use longer debounce for fuzzy mode (Fuse.js needs more time)\n // For fuzzy mode, use FUZZY_DEBOUNCE_DELAY (300ms), otherwise use this.debounceDelay\n const debounce =\n this.effectiveFilterMode === 'fuzzy'\n ? FUZZY_DEBOUNCE_DELAY\n : this.debounceDelay;\n\n this.debounceTimer = window.setTimeout(() => {\n this.filterItems();\n }, debounce);\n };\n\n private setFilterInputToSelectedValue() {\n if (!this.filterable && !this.disabled && !this.readonly) return;\n if (!this.inputElement) return;\n if (!this.value) return (this.inputElement.value = '');\n\n this.inputElement.value = this.getSelectedLabel();\n }\n\n private getSelectedLabel = (): string => {\n if (!this.value) return '';\n if (this.filterText?.length) return this.filterText;\n\n if (this.options?.length > 1) {\n const matchingItem = this.options.find(\n option => option.value === this.value,\n );\n return matchingItem?.label ?? matchingItem?.value ?? this.value;\n }\n\n const items = Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem',\n ),\n );\n\n const matchingItem = items.find(item => item.value === this.value);\n const selectedLabel = matchingItem\n ? matchingItem.label ??\n matchingItem.textContent?.trim() ??\n matchingItem.value\n : '';\n\n return selectedLabel;\n };\n\n // Will exclude detached items and data-empty\n private getFilterableItems(): HTMLNvFielddropdownitemElement[] {\n return Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem:not([data-empty]):not([detached])',\n ),\n );\n }\n\n private getNavigableItems(): HTMLNvFielddropdownitemElement[] {\n return Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem:not([disabled]):not([hidden])',\n ),\n );\n }\n\n private getAllItems(): HTMLNvFielddropdownitemElement[] {\n return Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem',\n ),\n );\n }\n\n private getHighlightedItemIndex(\n items: HTMLNvFielddropdownitemElement[],\n ): number {\n return items.findIndex(item => item.classList.contains('highlighted'));\n }\n\n private updateHighlightedItem(\n items: HTMLNvFielddropdownitemElement[],\n index: number,\n ) {\n items.forEach((item, i) => {\n item.classList.remove('highlighted');\n if (i === index) {\n item.classList.add('highlighted');\n item.focus();\n item.scrollIntoView({ block: 'nearest' });\n }\n });\n }\n\n private focusField() {\n const focusableItem = this.el.querySelector<HTMLElement>(\n '[data-scope=\"focusable\"]',\n );\n focusableItem?.focus();\n }\n\n /\n Rebuilds the search index from current items (options prop or slot items).\n /\n private async rebuildSearchIndex() {\n const items = this.getFilterableItems();\n\n // Build raw items array for indexing\n this.rawItems = items.map((item, index) => ({\n id: item.value \|\| `item-${index}`,\n label: item.label \|\| item.textContent?.trim() \|\| item.value \|\| '',\n }));\n\n // Also include options prop items if present\n if (this.options?.length) {\n this.options.forEach((opt, index) => {\n this.rawItems.push({\n id: opt.value \|\| `opt-${index}`,\n label: opt.label \|\| opt.value \|\| '',\n });\n });\n }\n\n // Build local index for main-thread search\n this.indexedItems = buildIndex(this.rawItems);\n\n // Determine effective filter mode\n this.effectiveFilterMode = getEffectiveFilterMode(this.filterMode);\n\n // Initialize worker if needed\n const itemCount = this.rawItems.length;\n const threshold = clampWorkerThreshold(this.workerThreshold);\n\n if (shouldUseWorker(itemCount, this.effectiveFilterMode, threshold)) {\n await this.initWorker();\n } else {\n // Clean up worker if no longer needed\n this.terminateWorker();\n }\n }\n\n /\n Initializes the Web Worker for search operations.\n * Falls back to main thread if worker is not available.\n * Note: Fuzzy search now works on main thread with Fuse.js, so no mode change needed.\n /\n private async initWorker() {\n if (!isWorkerSupported()) {\n // Workers not supported - will use main thread (fuzzy still works with Fuse.js)\n return;\n }\n\n if (!this.workerClient) {\n this.workerClient = new SearchWorkerClient();\n // No fallback mode change needed - fuzzy works on main thread now\n }\n\n // Init will silently handle fallback if worker can't be created\n await this.workerClient.init(this.rawItems);\n }\n\n /\n Terminates the Web Worker and cleans up resources.\n /\n private terminateWorker() {\n if (this.workerClient) {\n this.workerClient.terminate();\n this.workerClient = null;\n }\n }\n\n /\n Filter dropdown items based on the text entered by the user.\n * Uses the search engine for optimized filtering with configurable modes.\n * If no items are found, display a message indicating no results.\n /\n private async filterItems() {\n if (this.controlledFilter) return;\n\n // Ensure index is built\n if (!this.indexedItems.length) {\n await this.rebuildSearchIndex();\n }\n\n const items = this.getFilterableItems();\n\n // Remove any existing \"no results found\" or \"truncated\" items\n this.el\n .querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem[data-empty], nv-fielddropdownitem[data-truncated]',\n )\n .forEach(item => item.remove());\n\n // Check if we should start filtering\n if (this.filterText.length < this.startFilterAt) {\n // Show all items up to maxResults\n const effectiveMaxResults = clampMaxResults(this.maxResults);\n let visibleCount = 0;\n\n items.forEach(item => {\n if (visibleCount < effectiveMaxResults) {\n item.removeAttribute('hidden');\n visibleCount++;\n } else {\n item.setAttribute('hidden', '');\n }\n });\n\n this.resultsTruncated = items.length > effectiveMaxResults;\n this.totalResults = items.length;\n\n if (this.resultsTruncated) {\n this.addTruncatedMessage(effectiveMaxResults, items.length);\n }\n return;\n }\n\n // Determine if we should use worker\n const itemCount = this.rawItems.length;\n const threshold = clampWorkerThreshold(this.workerThreshold);\n const useWorker = shouldUseWorker(\n itemCount,\n this.effectiveFilterMode,\n threshold,\n );\n\n let result: SearchResult;\n\n if (useWorker && this.workerClient?.isReady) {\n // Use worker for search\n this.isSearching = true;\n try {\n result = await this.workerClient.search(\n this.filterText,\n this.effectiveFilterMode,\n this.maxResults,\n this.fuzzyThreshold,\n );\n } catch (error) {\n console.error(\n 'Worker search failed, falling back to main thread:',\n error,\n );\n // Fall back to main thread search (now supports fuzzy with Fuse.js)\n result = search(this.indexedItems, {\n query: this.filterText,\n filterMode: this.effectiveFilterMode,\n maxResults: this.maxResults,\n startFilterAt: this.startFilterAt,\n fuzzyThreshold: this.fuzzyThreshold,\n });\n } finally {\n this.isSearching = false;\n }\n } else {\n // Use main thread search (now supports fuzzy mode with Fuse.js)\n result = search(this.indexedItems, {\n query: this.filterText,\n filterMode: this.effectiveFilterMode,\n maxResults: this.maxResults,\n startFilterAt: this.startFilterAt,\n fuzzyThreshold: this.fuzzyThreshold,\n });\n }\n\n this.resultsTruncated = result.truncated;\n this.totalResults = result.total;\n\n // Apply results to DOM\n this.applySearchResults(result, items);\n }\n\n /\n Applies search results to the DOM, showing/hiding items as needed.\n * @param {SearchResult} result - The search result.\n * @param {HTMLNvFielddropdownitemElement[]} items - The items to apply the search results to.\n * @example\n * const result: SearchResult = {\n * ids: ['item-1', 'item-2'],\n * total: 2,\n * truncated: false,\n * };\n * const items = Array.from(\n * this.el.querySelectorAll('nv-fielddropdownitem'),\n * ) as HTMLNvFielddropdownitemElement[];\n * this.applySearchResults(result, items);\n * // Matching items are shown, non-matching items are hidden.\n * // If no items match, a \"no results\" item is prepended to the list.\n /\n private applySearchResults(\n result: SearchResult,\n items: HTMLNvFielddropdownitemElement[],\n ) {\n // Create a Set of matching IDs for fast lookup\n const matchingIds = new Set(result.ids);\n\n let hasVisibleItems = false;\n let visibleCount = 0;\n const effectiveMaxResults = clampMaxResults(this.maxResults);\n\n items.forEach(item => {\n const itemId = item.value \|\| '';\n const itemLabel = item.label \|\| item.textContent?.trim() \|\| '';\n\n // Check if this item matches (by ID or by re-running search on label)\n const isMatch =\n matchingIds.has(itemId) \|\|\n result.ids.some(id => {\n const indexed = this.indexedItems.find(i => i.id === id);\n return (\n indexed && (indexed.label === itemLabel \|\| indexed.id === itemId)\n );\n });\n\n if (isMatch && visibleCount < effectiveMaxResults) {\n item.removeAttribute('hidden');\n hasVisibleItems = true;\n visibleCount++;\n } else {\n item.setAttribute('hidden', '');\n }\n });\n\n // If no items are visible, add the \"no results found\" item\n if (!hasVisibleItems) {\n const emptyItem = document.createElement('nv-fielddropdownitem');\n emptyItem.setAttribute('data-empty', 'true');\n emptyItem.setAttribute('disabled', 'true');\n emptyItem.textContent = this.emptyResult;\n this.el.querySelector('div[slot=\"content\"] ul')?.prepend(emptyItem);\n } else if (result.truncated) {\n // Add truncation message if results were limited\n this.addTruncatedMessage(result.ids.length, result.total);\n }\n }\n\n /\n Adds a non-selectable item showing truncation info.\n * @param {number} shown - The number of items shown.\n * @param {number} total - The total number of items.\n * @example\n * // Show a truncation message like \"10 of 100 results\".\n * this.addTruncatedMessage(10, 100);\n /\n private addTruncatedMessage(shown: number, total: number) {\n // Get the text template: use provided text or auto-detect from locale\n const textTemplate =\n this.truncatedResultsText \|\| getTruncatedResultsText(this.locale);\n\n const truncatedItem = document.createElement('nv-fielddropdownitem');\n truncatedItem.setAttribute('data-truncated', 'true');\n truncatedItem.setAttribute('disabled', 'true');\n truncatedItem.setAttribute('detached', 'true');\n truncatedItem.className = 'truncated-message';\n truncatedItem.textContent = formatTruncatedResults(\n textTemplate,\n shown,\n total,\n );\n\n const ul = this.el.querySelector('div[slot=\"content\"] ul');\n if (ul) {\n ul.appendChild(truncatedItem);\n }\n }\n\n private async updateSelectedItem() {\n const items = this.getAllItems();\n if (this.value) {\n items.forEach(item => {\n if (item.value === this.value) {\n item.selected = true;\n } else {\n item.selected = false;\n }\n });\n }\n }\n\n //#endregion METHODS\n /*************************************************************************/\n //#region LIFECYCLE\n\n componentDidLoad() {\n this.updateSelectedItem();\n this.setFilterInputToSelectedValue();\n // Build the search index on load\n this.rebuildSearchIndex();\n }\n\n disconnectedCallback() {\n clearTimeout(this.debounceTimer);\n this.terminateWorker();\n }\n\n componentDidRender() {\n // Make sure to show the value when the field is disabled or readonly\n // as we switch to an input instead of a p in that case\n if (!this.filterable && (this.disabled \|\| this.readonly)) {\n this.inputElement.value = this.getSelectedLabel();\n }\n }\n\n //#endregion LIFECYCLE\n /************************************************************************/\n //#region RENDER\n\n render() {\n // Check aria-required from multiple sources:\n // 1. JavaScript prop (most reliable)\n // 2. HTML attribute 'aria-required' (direct HTML)\n // 3. HTML attribute 'aria-required-attr' (from JSX kebab-case conversion)\n // Check aria-required from multiple sources:\n // 1. HTML attribute 'aria-required' (direct HTML) - check if explicitly set\n // 2. JavaScript prop (when prop is explicitly set via JavaScript)\n // We use hasAttribute to determine if the attribute was explicitly set by the user,\n // since the prop now defaults to false (to maintain Blazor compatibility)\n const hasAriaRequiredAttr =\n this.el.hasAttribute('aria-required') \|\|\n this.el.hasAttribute('aria-required-attr');\n\n const ariaRequiredFromAttr = hasAriaRequiredAttr\n ? this.el.getAttribute('aria-required') \|\|\n this.el.getAttribute('aria-required-attr')\n : null;\n\n // Use aria-required if the attribute was explicitly set\n // With reflect: true, setting the prop will also set the attribute\n const useAriaRequired = hasAriaRequiredAttr;\n\n // Determine the value: use attribute if it exists (prop reflects to attribute via reflect: true)\n // If attribute doesn't exist, the prop was never set and we don't use aria-required\n const ariaRequiredAttrValue = hasAriaRequiredAttr\n ? ariaRequiredFromAttr\n : null;\n\n // Determine which attributes to use\n // If aria-required HTML attribute is present, use it (convert string to boolean)\n // If required is set and aria-required is not \"false\", use native required\n // If aria-required is \"false\", don't use native required even if required is set\n const ariaRequiredValue = useAriaRequired\n ? ariaRequiredAttrValue === 'true' \|\| ariaRequiredAttrValue === ''\n : undefined;\n\n const useNativeRequired =\n this.required && (!useAriaRequired \|\| ariaRequiredValue === true);\n\n return (\n <Host\n role=\"combobox\"\n aria-expanded={this.open.toString()}\n aria-haspopup=\"listbox\"\n aria-label={this.label}\n >\n {(this.label \|\| this.el.querySelector('[slot=\"label\"]')) && (\n <label\n htmlFor={this.inputId}\n onClick={this.syncToggleDropdown.bind(this)}\n >\n <slot name=\"label\">{this.label}</slot>\n </label>\n )}\n <nv-popover\n triggerMode=\"controlled\"\n placement=\"bottom-start\"\n open={this.open}\n onOpenChanged={e => this.openChanged.emit(e.detail)}\n >\n <div class=\"input-wrapper\" slot=\"trigger\">\n <slot name=\"before-input\"></slot>\n\n <div class=\"input-container\">\n <slot name=\"leading-input\"></slot>\n\n {this.filterable \|\| this.disabled \|\| this.readonly ? (\n <input\n data-scope=\"focusable\"\n id={this.inputId}\n type=\"search\"\n ref={e => (this.inputElement = e)}\n autofocus={this.autofocus}\n autocomplete={this.autocomplete}\n placeholder={this.placeholder}\n name={this.name}\n required={useNativeRequired ? this.required : undefined}\n {...(ariaRequiredValue !== undefined && {\n 'aria-required': String(ariaRequiredValue),\n })}\n disabled={this.disabled}\n readOnly={this.readonly}\n onInput={this.handleFilterInput}\n />\n ) : (\n <p\n data-scope=\"focusable\"\n id={this.inputId}\n ref={el => (this.selectElement = el)}\n class=\"non-filterable-text\"\n tabIndex={this.disabled ? -1 : 0}\n >\n {this.getSelectedLabel() \|\| this.value \|\| this.placeholder}\n </p>\n )}\n\n {this.filterable && this.filterText && (\n <nv-iconbutton\n name=\"x\"\n size=\"md\"\n emphasis=\"lower\"\n class=\"clear-button\"\n onClick={this.clearFilter.bind(this)}\n aria-label=\"Clear input\"\n />\n )}\n\n {this.error && (\n <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n )}\n\n <nv-iconbutton\n data-scope=\"toggle-dropdown\"\n ref={el => (this.toggleElement = el)}\n name={this.open ? 'chevron-top' : 'chevron-down'}\n size=\"md\"\n emphasis=\"lower\"\n aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n onClick={this.syncToggleDropdown.bind(this)}\n tabIndex={this.disabled ? -1 : 0}\n />\n </div>\n\n <slot name=\"after-input\"></slot>\n </div>\n\n <div\n slot=\"content\"\n style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n >\n {this.options?.length > 0 && (\n <ul>\n {this.options.map(option => (\n <nv-fielddropdownitem\n label={option.label}\n value={option.value}\n disabled={option.disabled}\n selected={option.value === this.value}\n />\n ))}\n </ul>\n )}\n <slot name=\"content\"></slot>\n </div>\n </nv-popover>\n {(this.description \|\|\n this.el.querySelector('[slot=\"description\"]')) && (\n <div class=\"description\">\n <slot name=\"description\">{this.description}</slot>\n </div>\n )}\n {(this.errorDescription \|\|\n this.el.querySelector('[slot=\"error-description\"]')) && (\n <div hidden={!this.error} class=\"error-description\">\n <slot name=\"error-description\">{this.errorDescription}</slot>\n </div>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n /**************************************************************************/\n}\n"],"version":3}
1	+ {"file":"nv-fielddropdown.js","mappings":"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","names":["NvFielddropdown","__stencil_proxyCustomElement","HTMLElement","uuidv4"],"sources":["src/components/nv-fielddropdown/styles/nv-fielddropdown.scss?tag=nv-fielddropdown","src/components/nv-fielddropdown/nv-fielddropdown.tsx"],"sourcesContent":["@use './mixins' as ;\n@use '../../../styles/form-field' as forms;\n@use '../../../styles/scrollbar' as scrollbar;\n\nnv-fielddropdown {\n @include forms.form-field-variables();\n @include forms.form-field-root();\n\n &[fluid]:not([fluid='false']) {\n @include forms.form-field-fluid();\n }\n\n &[readonly]:not([readonly='false']) {\n @include forms.form-field-readonly-variables();\n }\n\n &[error]:not([error='false']) {\n @include forms.form-field-error-variables();\n }\n\n &[required]:not([required='false']) label,\n &[aria-required=\"true\"] label {\n @include forms.form-field-label-required();\n }\n\n &[hidden]:not([hidden='false']) label {\n display: none;\n }\n\n label {\n @include forms.form-field-label();\n }\n\n nv-popover {\n @include forms.form-field-popover();\n\n div[slot='content'] {\n @include scrollbar.scrollbar();\n max-height: calc(90vh - var(--list-dropdown-padding) 2);\n overflow-y: auto;\n position: relative;\n }\n }\n\n .input-wrapper {\n @include forms.form-field-input-wrapper();\n @include input-wrapper-styles();\n }\n\n .input-container {\n @include forms.form-field-input-container();\n @include input-container-styles();\n\n input[type='search']::-webkit-search-decoration,\n input[type='search']::-webkit-search-cancel-button,\n input[type='search']::-webkit-search-results-button,\n input[type='search']::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n input,\n p.non-filterable-text {\n @include forms.form-field-input();\n }\n\n p.non-filterable-text {\n @include non-filterable-text-styles();\n }\n\n > nv-iconbutton {\n @include forms.form-field-action();\n }\n\n nv-icon.validation {\n @include forms.form-field-icon();\n }\n }\n\n .description {\n @include forms.form-field-description();\n }\n\n .error-description {\n @include forms.form-field-error-description();\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Listen,\n Event,\n EventEmitter,\n Watch,\n Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\nimport type {\n FilterMode,\n IndexedItem,\n SearchResult,\n RawItem,\n} from '../../utils/search-engine';\nimport {\n buildIndex,\n search,\n clampMaxResults,\n clampWorkerThreshold,\n FUZZY_DEBOUNCE_DELAY,\n shouldUseWorker,\n isWorkerSupported,\n getEffectiveFilterMode,\n SearchWorkerClient,\n} from '../../utils/search-engine';\nimport {\n getTruncatedResultsText,\n formatTruncatedResults,\n} from '../../utils/i18n.utils';\n\n/*\n @slot content - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n /\n@Component({\n tag: 'nv-fielddropdown',\n styleUrl: 'styles/nv-fielddropdown.scss',\n shadow: false,\n formAssociated: true,\n})\nexport class NvFielddropdown {\n @Element() el: HTMLNvFielddropdownElement;\n private inputElement!: HTMLInputElement;\n private selectElement!: HTMLElement;\n private toggleElement!: HTMLNvIconbuttonElement;\n private debounceTimer: number;\n\n /* Pre-computed search index for efficient filtering /\n private indexedItems: IndexedItem[] = [];\n\n /* Raw items for worker initialization /\n private rawItems: RawItem[] = [];\n\n /* Web Worker client for async search operations /\n private workerClient: SearchWorkerClient \| null = null;\n\n /* Effective filter mode (may differ from prop if fuzzy falls back to smart) /\n private effectiveFilterMode: FilterMode = 'strict';\n\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * Sets the ID for the input element and the for attribute of the associated\n * label. If no ID is provided, a random one will be automatically generated\n * to ensure unique identification, facilitating proper label association and\n * accessibility.\n /\n @Prop({ reflect: true })\n readonly inputId: string = uuidv4();\n\n /\n Defines the name attribute of the input field, which is crucial for form\n * submission. This value is used as the key in the key-value pair sent to\n * the server, representing the input's data in form submissions. It should be\n * unique within the form to avoid conflicts.\n /\n @Prop({ reflect: true })\n readonly name: string;\n\n /\n Lets you define the text that explains what users should enter in the text\n * input field. It's a crucial element for making forms clear and\n * user-friendly.\n /\n @Prop({ reflect: true })\n readonly label: string;\n\n /\n Add helpful hints or extra information under the text input field. This is\n * where you can clarify what users should enter or provide additional\n * instructions, making the form easier to fill out correctly.\n /\n @Prop({ reflect: true })\n readonly description: string;\n\n /\n Display temporary text inside the input field to give users a hint about\n * what to type. It's a great way to provide examples or suggestions directly\n * in the field before they start typing.\n * The placeholder is displayed only when the filterable option is enabled.\n /\n @Prop({ reflect: true })\n readonly placeholder: string;\n\n /\n The autocomplete prop helps users fill out the input field faster by\n * suggesting entries they've used before, like their email or address.\n * You can turn it on to make forms more convenient or off to ensure users\n * always type in fresh data.\n /\n @Prop({ reflect: true })\n readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n /\n Specifies the value of the input field, which determines the text displayed\n * within the field. This prop is typically used in controlled components\n * where the input's value is managed by the component's state.\n /\n @Prop({ reflect: true, mutable: true })\n value: string;\n\n /\n Marks the input field as required, ensuring that the user must fill it out\n * before submitting the form.\n * @note This uses the native HTML `required` attribute, which triggers browser validation.\n /\n @Prop({ reflect: true })\n readonly required: boolean = false;\n\n /\n Marks the input field as required for accessibility purposes without triggering\n * native HTML validation. Use this when implementing custom validation logic.\n * @note When set, this uses `aria-required` instead of the native `required` attribute.\n * This allows developers to implement custom validation while maintaining accessibility.\n * @note If this prop is not explicitly set, the component will check for the HTML attribute\n * 'aria-required' directly to determine if it should be applied.\n /\n @Prop({ reflect: true, attribute: 'aria-required' })\n readonly ariaRequiredAttr: boolean = false;\n\n /\n Display the input field's content without allowing users to change it.\n * Users can still click on it, select, and copy the text, but they won't be\n * able to type or delete anything.\n /\n @Prop({ reflect: true })\n readonly readonly: boolean = false;\n\n /\n The disabled prop lets you turn off the input field so that users can't\n * type in it. When disabled, the field is grayed out and won't respond to\n * clicks or touches.\n /\n @Prop({ reflect: true })\n readonly disabled: boolean = false;\n\n /\n Alters the input field's appearance to indicate an error, helping users\n * identify fields that need correction.\n * @validator error\n /\n @Prop({ reflect: true })\n readonly error: boolean = false;\n\n /\n A description that appears when there is an error related to the dropdown\n * field.\n * @validator message\n /\n @Prop({ reflect: true })\n readonly errorDescription: string;\n\n /\n Defines the maximum height of the multiselect list when open.\n /\n @Prop({ reflect: true })\n readonly maxHeight: string = '';\n\n /\n The text to display when no items match the filter.\n /\n @Prop({ reflect: true })\n readonly emptyResult: string = 'No results found';\n\n /\n Enables or disables the filtering feature for the dropdown items.\n /\n @Prop({ reflect: true })\n readonly filterable: boolean = false;\n\n /\n When an item is selected by the user, the dropdown will continue to stay\n * open.\n /\n @Prop({ reflect: true })\n readonly openOnSelect: boolean = false;\n\n /\n Determines if the component’s filtering behavior is managed externally.\n * When set to true and filterable is enabled, the component won’t\n * automatically filter items. Instead, you must implement your own filtering\n * logic (e.g., server-side search or custom matching) using the\n * filterTextChanged event.\n /\n @Prop({ reflect: true })\n readonly controlledFilter: boolean = false;\n\n /\n List of options used to automatically generate dropdown items. This\n * provides an alternative to using the slot manually.\n \n @example\n * options=[{\n * \"label\": \"Option 1\",\n * \"value\": \"option1\",\n * \"selected\": true,\n * },\n * {\n * \"label\": \"Option 2\",\n * \"value\": \"option2\",\n * }]\n /\n @Prop({ reflect: false })\n readonly options?: {\n /* Label to display for the option /\n label: string;\n /* Value associated with the option /\n value: string;\n /* Whether this option is disabled /\n disabled?: boolean;\n }[];\n\n /\n Delay in milliseconds before the search is triggered when typing in the\n * filter input.\n * @default 300\n /\n @Prop({ reflect: true })\n readonly debounceDelay: number = 300;\n\n /\n Applies focus to the input field as soon as the component is mounted. This\n * is equivalent to setting the native autofocus attribute on an <input>\n * element.\n /\n @Prop({ reflect: true })\n // eslint-disable-next-line @stencil-community/reserved-member-names\n readonly autofocus: boolean = false;\n\n /\n Allows the field to stretch and fill the entire width of its container.\n /\n @Prop({ reflect: true })\n readonly fluid: boolean = false;\n\n /\n Filter mode for dropdown search:\n * - 'strict': Simple substring matching (normalized includes)\n * - 'smart': Token-based matching (all query tokens must exist, order ignored)\n * - 'fuzzy': Typo-tolerant matching using Fuse.js (runs in Web Worker)\n * @default 'strict'\n /\n @Prop({ reflect: true })\n readonly filterMode: FilterMode = 'strict';\n\n /\n Maximum number of results to display. Protects UI performance on large datasets.\n * Values are clamped between 10 and 500 (hard cap).\n * @default 25\n /\n @Prop({ reflect: true })\n readonly maxResults: number = 25;\n\n /\n Minimum number of characters required before filtering starts.\n * Useful for preventing overwhelming results on very large datasets.\n * @default 0\n /\n @Prop({ reflect: true })\n readonly startFilterAt: number = 0;\n\n /\n Locale for automatic translation of truncated results text.\n * If not provided, automatically detects browser locale.\n * @example 'en', 'fr', 'de', 'es'\n /\n @Prop({ reflect: true })\n readonly locale?: string;\n\n /\n The text to display when results are truncated due to maxResults limit.\n * Supports placeholders: {shown} and {total} will be replaced with actual values.\n * If not provided, automatically uses a localized translation based on the locale prop\n * or browser language.\n * @example '{shown} results shown out of {total} — refine your search'\n /\n @Prop({ reflect: true })\n readonly truncatedResultsText?: string;\n\n /\n Number of items above which filtering is offloaded to a Web Worker.\n * This keeps the main thread responsive for large datasets.\n * @default 2000\n /\n @Prop({ reflect: true })\n readonly workerThreshold: number = 2000;\n\n /\n Threshold for fuzzy matching (0-1). Lower values are stricter.\n * Only applies when filterMode is 'fuzzy'.\n * @default 0.3\n * @see {@link https://fusejs.io/api/options.html#threshold} Fuse.js threshold documentation\n /\n @Prop({ reflect: true })\n readonly fuzzyThreshold: number = 0.3;\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region STATE\n\n /\n * The text entered by the user for filtering dropdown items.\n /\n @State()\n filterText: string = '';\n\n @State()\n selectedValues: Set<string> = new Set();\n\n @State()\n open: boolean = false;\n\n /\n Whether search results were truncated due to maxResults limit.\n /\n @State()\n resultsTruncated: boolean = false;\n\n /\n Total number of matches before truncation.\n /\n @State()\n totalResults: number = 0;\n\n /\n Whether a worker search is in progress (shows loading indicator).\n /\n @State()\n isSearching: boolean = false;\n\n //#endregion STATE\n /*************************************************************************/\n //#region EVENTS\n\n /\n * Emitted when the input value changes.\n * @bind value\n /\n @Event({ bubbles: false })\n valueChanged: EventEmitter<string>;\n\n /\n Event emitted when the filter input value changes.\n /\n @Event({ bubbles: false })\n filterTextChanged: EventEmitter<string>;\n\n ///////////////////////// CHILD COMPONENT EVENTS /////////////////////////////\n /\n Event emitted when the dropdown opened or closed.\n /\n @Event({ bubbles: false })\n openChanged: EventEmitter<HTMLNvPopoverElementEventMap['openChanged']>;\n\n / eslint-disable nova/event-bubbling /\n /\n Event emitted when an item is clicked. Propagation prevented in listener.\n /\n @Event({ bubbles: false })\n dropdownItemSelected: EventEmitter<\n HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n >;\n / eslint-enable nova/event-bubbling /\n\n //#endregion EVENTS\n /*************************************************************************/\n //#region WATCHERS\n\n @Watch('open')\n handleOpenChange(newOpen: boolean) {\n if (newOpen === false) {\n clearTimeout(this.debounceTimer);\n setTimeout(() => {\n this.clearFilter();\n }, 100);\n }\n }\n\n @Watch('value')\n handleValueChange() {\n this.updateSelectedItem();\n if (!this.open \|\| !this.filterText) this.setFilterInputToSelectedValue();\n }\n\n @Watch('options')\n handleOptionsChange() {\n this.updateSelectedItem();\n this.rebuildSearchIndex();\n }\n\n //#endregion WATCHERS\n /*************************************************************************/\n //#region LISTENERS\n\n / eslint-disable nova/native-event-listener /\n @Listen('dropdownItemSelected')\n handleDropdownItemSelected(\n event: CustomEvent<\n HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n >,\n ) {\n event.stopPropagation();\n\n if (this.disabled \|\| this.readonly) return;\n if (!this.openOnSelect) this.open = false;\n if (event.detail.detached) return;\n\n const items = this.getAllItems();\n\n items.forEach(item => {\n if (item !== event.target) {\n item.removeAttribute('selected');\n } else {\n item.setAttribute('selected', 'true');\n }\n });\n this.value = event.detail.value;\n this.setFilterInputToSelectedValue();\n this.valueChanged.emit(event.detail.value);\n }\n / eslint-enable nova/native-event-listener /\n\n @Listen('focus', { capture: true, passive: true })\n handleFocus(event: FocusEvent) {\n if (\n event.relatedTarget instanceof HTMLElement &&\n event.relatedTarget.tagName.includes('NV-FIELDDROPDOWNITEM')\n ) {\n return;\n }\n\n if (event.target != this.toggleElement) this.open = true;\n }\n\n @Listen('focusout', { capture: true, passive: true })\n handleFocusOut(event: FocusEvent) {\n if (!(event.relatedTarget instanceof Node)) return;\n if (this.el.contains(event.relatedTarget)) return;\n this.open = false;\n }\n\n @Listen('keydown', { passive: false })\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n this.focusField();\n this.open = false;\n return;\n }\n\n if (event.key === ' ') {\n if (event.target == this.selectElement) {\n event.preventDefault(); // Prevent scrolling down\n this.open = true;\n }\n return;\n }\n\n const items = this.getNavigableItems();\n const highlightedItem = this.getHighlightedItemIndex(items);\n\n if (event.key === 'ArrowDown') {\n event.preventDefault(); // Prevent scrolling down\n this.open = true;\n const nextIndex = highlightedItem + 1;\n this.updateHighlightedItem(\n items,\n nextIndex >= items.length ? 0 : nextIndex,\n );\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault(); // Prevent scrolling up\n this.open = true;\n const nextIndex = highlightedItem - 1;\n this.updateHighlightedItem(\n items,\n nextIndex < 0 ? items.length - 1 : nextIndex,\n );\n }\n }\n\n @Listen('click', { target: 'document' })\n handleDocumentClick(event: MouseEvent) {\n this.handleClickOutside(event);\n }\n\n /\n Closes the popover when a click is detected outside the component.\n * @param {MouseEvent} event - The click event.\n /\n private handleClickOutside = (event: MouseEvent) => {\n if (!(event.target instanceof Node)) return;\n if (!this.el?.contains(event.target)) this.open = false;\n };\n\n //#endregion LISTENERS\n /*************************************************************************/\n //#region METHODS\n\n / Clears the filter text /\n @Method()\n async clearFilter(): Promise<void> {\n if (!this.filterable) return;\n if (this.filterText?.length) {\n this.filterText = '';\n this.filterTextChanged.emit(this.filterText);\n }\n this.filterItems();\n\n // Wait for wrapper lifecycle to finish\n setTimeout(() => {\n this.setFilterInputToSelectedValue();\n }, 0);\n }\n\n /\n Toggles the dropdown popover open state\n * @param {boolean} open - The open state to set, if null, toggles the state\n /\n @Method()\n async toggleDropdown(open?: boolean) {\n if (open !== undefined) {\n setTimeout(() => {\n this.open = open;\n }, 0);\n } else {\n setTimeout(() => {\n this.open = !this.open;\n }, 0);\n }\n }\n\n private syncToggleDropdown() {\n this.open = !this.open;\n }\n\n private handleFilterInput = () => {\n this.open = true;\n this.filterText = this.inputElement.value;\n this.filterTextChanged.emit(this.inputElement.value);\n clearTimeout(this.debounceTimer);\n\n // Use longer debounce for fuzzy mode (Fuse.js needs more time)\n // For fuzzy mode, use FUZZY_DEBOUNCE_DELAY (300ms), otherwise use this.debounceDelay\n const debounce =\n this.effectiveFilterMode === 'fuzzy'\n ? FUZZY_DEBOUNCE_DELAY\n : this.debounceDelay;\n\n this.debounceTimer = window.setTimeout(() => {\n this.filterItems();\n }, debounce);\n };\n\n private setFilterInputToSelectedValue() {\n if (!this.filterable && !this.disabled && !this.readonly) return;\n if (!this.inputElement) return;\n if (!this.value) return (this.inputElement.value = '');\n\n this.inputElement.value = this.getSelectedLabel();\n }\n\n private getSelectedLabel = (): string => {\n if (!this.value) return '';\n if (this.filterText?.length) return this.filterText;\n\n if (this.options?.length > 1) {\n const matchingItem = this.options.find(\n option => option.value === this.value,\n );\n return matchingItem?.label ?? matchingItem?.value ?? this.value;\n }\n\n const items = Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem',\n ),\n );\n\n const matchingItem = items.find(item => item.value === this.value);\n const selectedLabel = matchingItem\n ? matchingItem.label ??\n matchingItem.textContent?.trim() ??\n matchingItem.value\n : '';\n\n return selectedLabel;\n };\n\n // Will exclude detached items and data-empty\n private getFilterableItems(): HTMLNvFielddropdownitemElement[] {\n return Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem:not([data-empty]):not([detached])',\n ),\n );\n }\n\n private getNavigableItems(): HTMLNvFielddropdownitemElement[] {\n return Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem:not([disabled]):not([hidden])',\n ),\n );\n }\n\n private getAllItems(): HTMLNvFielddropdownitemElement[] {\n return Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem',\n ),\n );\n }\n\n private getHighlightedItemIndex(\n items: HTMLNvFielddropdownitemElement[],\n ): number {\n return items.findIndex(item => item.classList.contains('highlighted'));\n }\n\n private updateHighlightedItem(\n items: HTMLNvFielddropdownitemElement[],\n index: number,\n ) {\n items.forEach((item, i) => {\n item.classList.remove('highlighted');\n if (i === index) {\n item.classList.add('highlighted');\n item.focus();\n item.scrollIntoView({ block: 'nearest' });\n }\n });\n }\n\n private focusField() {\n const focusableItem = this.el.querySelector<HTMLElement>(\n '[data-scope=\"focusable\"]',\n );\n focusableItem?.focus();\n }\n\n /\n Rebuilds the search index from current items (options prop or slot items).\n /\n private async rebuildSearchIndex() {\n const items = this.getFilterableItems();\n\n // Build raw items array for indexing\n this.rawItems = items.map((item, index) => ({\n id: item.value \|\| `item-${index}`,\n label: item.label \|\| item.textContent?.trim() \|\| item.value \|\| '',\n }));\n\n // Also include options prop items if present\n if (this.options?.length) {\n this.options.forEach((opt, index) => {\n this.rawItems.push({\n id: opt.value \|\| `opt-${index}`,\n label: opt.label \|\| opt.value \|\| '',\n });\n });\n }\n\n // Build local index for main-thread search\n this.indexedItems = buildIndex(this.rawItems);\n\n // Determine effective filter mode\n this.effectiveFilterMode = getEffectiveFilterMode(this.filterMode);\n\n // Initialize worker if needed\n const itemCount = this.rawItems.length;\n const threshold = clampWorkerThreshold(this.workerThreshold);\n\n if (shouldUseWorker(itemCount, this.effectiveFilterMode, threshold)) {\n await this.initWorker();\n } else {\n // Clean up worker if no longer needed\n this.terminateWorker();\n }\n }\n\n /\n Initializes the Web Worker for search operations.\n * Falls back to main thread if worker is not available.\n * Note: Fuzzy search now works on main thread with Fuse.js, so no mode change needed.\n /\n private async initWorker() {\n if (!isWorkerSupported()) {\n // Workers not supported - will use main thread (fuzzy still works with Fuse.js)\n return;\n }\n\n if (!this.workerClient) {\n this.workerClient = new SearchWorkerClient();\n // No fallback mode change needed - fuzzy works on main thread now\n }\n\n // Init will silently handle fallback if worker can't be created\n await this.workerClient.init(this.rawItems);\n }\n\n /\n Terminates the Web Worker and cleans up resources.\n /\n private terminateWorker() {\n if (this.workerClient) {\n this.workerClient.terminate();\n this.workerClient = null;\n }\n }\n\n /\n Filter dropdown items based on the text entered by the user.\n * Uses the search engine for optimized filtering with configurable modes.\n * If no items are found, display a message indicating no results.\n /\n private async filterItems() {\n if (this.controlledFilter) return;\n\n // Ensure index is built\n if (!this.indexedItems.length) {\n await this.rebuildSearchIndex();\n }\n\n const items = this.getFilterableItems();\n\n // Remove any existing \"no results found\" or \"truncated\" items\n this.el\n .querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem[data-empty], nv-fielddropdownitem[data-truncated]',\n )\n .forEach(item => item.remove());\n\n // Check if we should start filtering\n if (this.filterText.length < this.startFilterAt) {\n // Show all items up to maxResults\n const effectiveMaxResults = clampMaxResults(this.maxResults);\n let visibleCount = 0;\n\n items.forEach(item => {\n if (visibleCount < effectiveMaxResults) {\n item.removeAttribute('hidden');\n visibleCount++;\n } else {\n item.setAttribute('hidden', '');\n }\n });\n\n this.resultsTruncated = items.length > effectiveMaxResults;\n this.totalResults = items.length;\n\n if (this.resultsTruncated) {\n this.addTruncatedMessage(effectiveMaxResults, items.length);\n }\n return;\n }\n\n // Determine if we should use worker\n const itemCount = this.rawItems.length;\n const threshold = clampWorkerThreshold(this.workerThreshold);\n const useWorker = shouldUseWorker(\n itemCount,\n this.effectiveFilterMode,\n threshold,\n );\n\n let result: SearchResult;\n\n if (useWorker && this.workerClient?.isReady) {\n // Use worker for search\n this.isSearching = true;\n try {\n result = await this.workerClient.search(\n this.filterText,\n this.effectiveFilterMode,\n this.maxResults,\n this.fuzzyThreshold,\n );\n } catch (error) {\n console.error(\n 'Worker search failed, falling back to main thread:',\n error,\n );\n // Fall back to main thread search (now supports fuzzy with Fuse.js)\n result = search(this.indexedItems, {\n query: this.filterText,\n filterMode: this.effectiveFilterMode,\n maxResults: this.maxResults,\n startFilterAt: this.startFilterAt,\n fuzzyThreshold: this.fuzzyThreshold,\n });\n } finally {\n this.isSearching = false;\n }\n } else {\n // Use main thread search (now supports fuzzy mode with Fuse.js)\n result = search(this.indexedItems, {\n query: this.filterText,\n filterMode: this.effectiveFilterMode,\n maxResults: this.maxResults,\n startFilterAt: this.startFilterAt,\n fuzzyThreshold: this.fuzzyThreshold,\n });\n }\n\n this.resultsTruncated = result.truncated;\n this.totalResults = result.total;\n\n // Apply results to DOM\n this.applySearchResults(result, items);\n }\n\n /\n Applies search results to the DOM, showing/hiding items as needed.\n * @param {SearchResult} result - The search result.\n * @param {HTMLNvFielddropdownitemElement[]} items - The items to apply the search results to.\n * @example\n * const result: SearchResult = {\n * ids: ['item-1', 'item-2'],\n * total: 2,\n * truncated: false,\n * };\n * const items = Array.from(\n * this.el.querySelectorAll('nv-fielddropdownitem'),\n * ) as HTMLNvFielddropdownitemElement[];\n * this.applySearchResults(result, items);\n * // Matching items are shown, non-matching items are hidden.\n * // If no items match, a \"no results\" item is prepended to the list.\n /\n private applySearchResults(\n result: SearchResult,\n items: HTMLNvFielddropdownitemElement[],\n ) {\n // Create a Set of matching IDs for fast lookup\n const matchingIds = new Set(result.ids);\n\n let hasVisibleItems = false;\n let visibleCount = 0;\n const effectiveMaxResults = clampMaxResults(this.maxResults);\n\n items.forEach(item => {\n const itemId = item.value \|\| '';\n const itemLabel = item.label \|\| item.textContent?.trim() \|\| '';\n\n // Check if this item matches (by ID or by re-running search on label)\n const isMatch =\n matchingIds.has(itemId) \|\|\n result.ids.some(id => {\n const indexed = this.indexedItems.find(i => i.id === id);\n return (\n indexed && (indexed.label === itemLabel \|\| indexed.id === itemId)\n );\n });\n\n if (isMatch && visibleCount < effectiveMaxResults) {\n item.removeAttribute('hidden');\n hasVisibleItems = true;\n visibleCount++;\n } else {\n item.setAttribute('hidden', '');\n }\n });\n\n // If no items are visible, add the \"no results found\" item\n if (!hasVisibleItems) {\n const emptyItem = document.createElement('nv-fielddropdownitem');\n emptyItem.setAttribute('data-empty', 'true');\n emptyItem.setAttribute('disabled', 'true');\n emptyItem.textContent = this.emptyResult;\n this.el.querySelector('div[slot=\"content\"] ul')?.prepend(emptyItem);\n } else if (result.truncated) {\n // Add truncation message if results were limited\n this.addTruncatedMessage(result.ids.length, result.total);\n }\n }\n\n /\n Adds a non-selectable item showing truncation info.\n * @param {number} shown - The number of items shown.\n * @param {number} total - The total number of items.\n * @example\n * // Show a truncation message like \"10 of 100 results\".\n * this.addTruncatedMessage(10, 100);\n /\n private addTruncatedMessage(shown: number, total: number) {\n // Get the text template: use provided text or auto-detect from locale\n const textTemplate =\n this.truncatedResultsText \|\| getTruncatedResultsText(this.locale);\n\n const truncatedItem = document.createElement('nv-fielddropdownitem');\n truncatedItem.setAttribute('data-truncated', 'true');\n truncatedItem.setAttribute('disabled', 'true');\n truncatedItem.setAttribute('detached', 'true');\n truncatedItem.className = 'truncated-message';\n truncatedItem.textContent = formatTruncatedResults(\n textTemplate,\n shown,\n total,\n );\n\n const ul = this.el.querySelector('div[slot=\"content\"] ul');\n if (ul) {\n ul.appendChild(truncatedItem);\n }\n }\n\n private async updateSelectedItem() {\n const items = this.getAllItems();\n if (this.value) {\n items.forEach(item => {\n if (item.value === this.value) {\n item.selected = true;\n } else {\n item.selected = false;\n }\n });\n }\n }\n\n //#endregion METHODS\n /*************************************************************************/\n //#region LIFECYCLE\n\n componentDidLoad() {\n this.updateSelectedItem();\n this.setFilterInputToSelectedValue();\n // Build the search index on load\n this.rebuildSearchIndex();\n }\n\n disconnectedCallback() {\n clearTimeout(this.debounceTimer);\n this.terminateWorker();\n }\n\n componentDidRender() {\n // Make sure to show the value when the field is disabled or readonly\n // as we switch to an input instead of a p in that case\n if (!this.filterable && (this.disabled \|\| this.readonly)) {\n this.inputElement.value = this.getSelectedLabel();\n }\n }\n\n //#endregion LIFECYCLE\n /************************************************************************/\n //#region RENDER\n\n render() {\n // Check aria-required from multiple sources:\n // 1. JavaScript prop (most reliable)\n // 2. HTML attribute 'aria-required' (direct HTML)\n // 3. HTML attribute 'aria-required-attr' (from JSX kebab-case conversion)\n // Check aria-required from multiple sources:\n // 1. HTML attribute 'aria-required' (direct HTML) - check if explicitly set\n // 2. JavaScript prop (when prop is explicitly set via JavaScript)\n // We use hasAttribute to determine if the attribute was explicitly set by the user,\n // since the prop now defaults to false (to maintain Blazor compatibility)\n const hasAriaRequiredAttr =\n this.el.hasAttribute('aria-required') \|\|\n this.el.hasAttribute('aria-required-attr');\n\n const ariaRequiredFromAttr = hasAriaRequiredAttr\n ? this.el.getAttribute('aria-required') \|\|\n this.el.getAttribute('aria-required-attr')\n : null;\n\n // Use aria-required if the attribute was explicitly set\n // With reflect: true, setting the prop will also set the attribute\n const useAriaRequired = hasAriaRequiredAttr;\n\n // Determine the value: use attribute if it exists (prop reflects to attribute via reflect: true)\n // If attribute doesn't exist, the prop was never set and we don't use aria-required\n const ariaRequiredAttrValue = hasAriaRequiredAttr\n ? ariaRequiredFromAttr\n : null;\n\n // Determine which attributes to use\n // If aria-required HTML attribute is present, use it (convert string to boolean)\n // If required is set and aria-required is not \"false\", use native required\n // If aria-required is \"false\", don't use native required even if required is set\n const ariaRequiredValue = useAriaRequired\n ? ariaRequiredAttrValue === 'true' \|\| ariaRequiredAttrValue === ''\n : undefined;\n\n const useNativeRequired =\n this.required && (!useAriaRequired \|\| ariaRequiredValue === true);\n\n return (\n <Host\n role=\"combobox\"\n aria-expanded={this.open.toString()}\n aria-haspopup=\"listbox\"\n aria-label={this.label}\n >\n {(this.label \|\| this.el.querySelector('[slot=\"label\"]')) && (\n <label\n htmlFor={this.inputId}\n onClick={this.syncToggleDropdown.bind(this)}\n >\n <slot name=\"label\">{this.label}</slot>\n </label>\n )}\n <nv-popover\n triggerMode=\"controlled\"\n placement=\"bottom-start\"\n open={this.open}\n onOpenChanged={e => this.openChanged.emit(e.detail)}\n >\n <div class=\"input-wrapper\" slot=\"trigger\">\n <slot name=\"before-input\"></slot>\n\n <div class=\"input-container\">\n <slot name=\"leading-input\"></slot>\n\n {this.filterable \|\| this.disabled \|\| this.readonly ? (\n <input\n data-scope=\"focusable\"\n id={this.inputId}\n type=\"search\"\n ref={e => (this.inputElement = e)}\n autofocus={this.autofocus}\n autocomplete={this.autocomplete}\n placeholder={this.placeholder}\n name={this.name}\n required={useNativeRequired ? this.required : undefined}\n {...(ariaRequiredValue !== undefined && {\n 'aria-required': String(ariaRequiredValue),\n })}\n disabled={this.disabled}\n readOnly={this.readonly}\n onInput={this.handleFilterInput}\n />\n ) : (\n <p\n data-scope=\"focusable\"\n id={this.inputId}\n ref={el => (this.selectElement = el)}\n class=\"non-filterable-text\"\n tabIndex={this.disabled ? -1 : 0}\n >\n {this.getSelectedLabel() \|\| this.value \|\| this.placeholder}\n </p>\n )}\n\n {this.filterable && this.filterText && (\n <nv-iconbutton\n name=\"x\"\n size=\"md\"\n emphasis=\"lower\"\n class=\"clear-button\"\n onClick={this.clearFilter.bind(this)}\n aria-label=\"Clear input\"\n />\n )}\n\n {this.error && (\n <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n )}\n\n <nv-iconbutton\n data-scope=\"toggle-dropdown\"\n ref={el => (this.toggleElement = el)}\n name={this.open ? 'chevron-top' : 'chevron-down'}\n size=\"md\"\n emphasis=\"lower\"\n aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n onClick={this.syncToggleDropdown.bind(this)}\n tabIndex={this.disabled ? -1 : 0}\n />\n </div>\n\n <slot name=\"after-input\"></slot>\n </div>\n\n <div\n slot=\"content\"\n style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n >\n {this.options?.length > 0 && (\n <ul>\n {this.options.map(option => (\n <nv-fielddropdownitem\n label={option.label}\n value={option.value}\n disabled={option.disabled}\n selected={option.value === this.value}\n />\n ))}\n </ul>\n )}\n <slot name=\"content\"></slot>\n </div>\n </nv-popover>\n {(this.description \|\|\n this.el.querySelector('[slot=\"description\"]')) && (\n <div class=\"description\">\n <slot name=\"description\">{this.description}</slot>\n </div>\n )}\n {(this.errorDescription \|\|\n this.el.querySelector('[slot=\"error-description\"]')) && (\n <div hidden={!this.error} class=\"error-description\">\n <slot name=\"error-description\">{this.errorDescription}</slot>\n </div>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n /**************************************************************************/\n}\n"],"version":3}

package/dist/components/nv-fielddropdownitem.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { N as NvFielddropdownitem$1, d as defineCustomElement$1 } from './p-DWG6az-u.js';
+import { N as NvFielddropdownitem$1, d as defineCustomElement$1 } from './p-DpDooigg.js';
 const NvFielddropdownitem = NvFielddropdownitem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nv-fielddropdownitemcheck.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { N as NvFielddropdownitemcheck$1, d as defineCustomElement$1 } from './p-BKfPh2in.js';
+import { N as NvFielddropdownitemcheck$1, d as defineCustomElement$1 } from './p-Dr-67WvG.js';
 const NvFielddropdownitemcheck = NvFielddropdownitemcheck$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nv-fieldmultiselect.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-C63Xpg9a.js';
-import { g as getEffectiveFilterMode, c as clampMaxResults, b as buildIndex, s as shouldUseWorker, i as isWorkerSupported, S as SearchWorkerClient, a as search, d as getTruncatedResultsText, f as formatTruncatedResults, e as clampWorkerThreshold } from './p-DOZbXX2L.js';
-import { d as defineCustomElement$8 } from './p-B6EYOx_n.js';
-import { d as defineCustomElement$7 } from './p-Dc_0pr83.js';
-import { d as defineCustomElement$6 } from './p-BKfPh2in.js';
-import { d as defineCustomElement$5 } from './p-CBOuqJTb.js';
-import { d as defineCustomElement$4 } from './p-DaiLIZ8f.js';
-import { d as defineCustomElement$3 } from './p-DzUXTCUy.js';
-import { d as defineCustomElement$2 } from './p-B-3kAnun.js';
+import { g as getEffectiveFilterMode, c as clampMaxResults, b as buildIndex, s as shouldUseWorker, i as isWorkerSupported, S as SearchWorkerClient, a as search, d as getTruncatedResultsText, f as formatTruncatedResults, e as clampWorkerThreshold } from './p-IlwlcG9l.js';
+import { d as defineCustomElement$8 } from './p-Bg_l3jn1.js';
+import { d as defineCustomElement$7 } from './p-BISctfud.js';
+import { d as defineCustomElement$6 } from './p-Dr-67WvG.js';
+import { d as defineCustomElement$5 } from './p-nfYynlVq.js';
+import { d as defineCustomElement$4 } from './p-DvapDVBj.js';
+import { d as defineCustomElement$3 } from './p-COnt5ux_.js';
+import { d as defineCustomElement$2 } from './p-B9i3m6rk.js';
 import { v as v4 } from './p-BdYh22OP.js';
-const nvFieldmultiselectCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}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;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}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-in-field)}nv-fieldmultiselect[required]:not([required=false]) label::after,nv-fieldmultiselect[aria-required=true] label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}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;justify-content:center;align-items:center;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, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus: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 .input-container-multiselect:has(input:read-only){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{position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}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);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}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:var(--font-weight-medium-emphasis);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{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}.no-results-message{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}";
+const nvFieldmultiselectCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}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;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}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-in-field)}nv-fieldmultiselect[required]:not([required=false]) label::after,nv-fieldmultiselect[aria-required=true] label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}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;justify-content:center;align-items:center;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, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus: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 .input-container-multiselect:has(input:read-only){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{position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}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);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}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:var(--font-weight-medium-emphasis);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{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}.no-results-message{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}";
 const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmultiselect extends H {
     constructor(registerHost) {
@@ -517,13 +517,12 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
          * @returns {any} The JSX for options mode
          */
         this.renderOptionsMode = () => {
-            var _a, _b, _c, _d;
-            return (h(Host, { "aria-label": this.label }, (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, onOpenChanged: this.handleOpenChanged }, h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h("slot", { name: "before-input" }), h("div", { class: "input-container-multiselect" }, h("slot", { name: "leading-input" }), (((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0 && (h("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: (((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) || 0) > 0, label: `${((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) || 0} ${this.badgeLabel}`, "aria-label": `Clear all ${((_d = this.value) === null || _d === void 0 ? void 0 : _d.length) || 0} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseOptions })), this.filterable || this.disabled || this.readonly ? (h("input", Object.assign({ type: "text", id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.filterText, required: this.getRequiredAttributes().useNativeRequired
+            return (h(Host, { "aria-label": this.label }, (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, onOpenChanged: this.handleOpenChanged }, h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h("slot", { name: "before-input" }), h("div", { class: "input-container-multiselect" }, h("slot", { name: "leading-input" }), (this.value?.length || 0) > 0 && (h("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: (this.value?.length || 0) > 0, label: `${this.value?.length || 0} ${this.badgeLabel}`, "aria-label": `Clear all ${this.value?.length || 0} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseOptions })), this.filterable || this.disabled || this.readonly ? (h("input", { type: "text", id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.filterText, required: this.getRequiredAttributes().useNativeRequired
                     ? this.required
-                    : undefined }, (this.getRequiredAttributes().ariaRequiredValue !==
-                undefined && {
-                'aria-required': String(this.getRequiredAttributes().ariaRequiredValue),
-            }), { disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onBlur: this.handleInputBlurOptions, onKeyDown: this.handleKeyDown, "data-scope": "focusable", "aria-label": this.label, "aria-controls": `${this.inputId}-listbox` }))) : (h(Fragment, null, h("input", { id: this.inputId, type: "text", style: {
+                    : undefined, ...(this.getRequiredAttributes().ariaRequiredValue !==
+                    undefined && {
+                    'aria-required': String(this.getRequiredAttributes().ariaRequiredValue),
+                }), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onBlur: this.handleInputBlurOptions, onKeyDown: this.handleKeyDown, "data-scope": "focusable", "aria-label": this.label, "aria-controls": `${this.inputId}-listbox` })) : (h(Fragment, null, h("input", { id: this.inputId, type: "text", style: {
                     position: 'absolute',
                     opacity: '0',
                     width: '0',
@@ -539,13 +538,12 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
          * @returns {any} The JSX for slots mode
          */
         this.renderSlotsMode = () => {
-            var _a, _b, _c, _d;
-            return (h(Host, { "aria-label": this.label }, (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" }), (((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0 && (h("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: (((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) || 0) > 0, label: `${((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) || 0} ${this.badgeLabel}`, "aria-label": `Clear all ${((_d = this.value) === null || _d === void 0 ? void 0 : _d.length) || 0} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseSlots })), this.filterable || this.disabled || this.readonly ? (h("input", Object.assign({ id: this.inputId, ref: e => (this.inputElement = e), autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.filterText, required: this.getRequiredAttributes().useNativeRequired
+            return (h(Host, { "aria-label": this.label }, (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" }), (this.value?.length || 0) > 0 && (h("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: (this.value?.length || 0) > 0, label: `${this.value?.length || 0} ${this.badgeLabel}`, "aria-label": `Clear all ${this.value?.length || 0} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseSlots })), this.filterable || 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.filterText, required: this.getRequiredAttributes().useNativeRequired
                     ? this.required
-                    : undefined }, (this.getRequiredAttributes().ariaRequiredValue !==
-                undefined && {
-                'aria-required': String(this.getRequiredAttributes().ariaRequiredValue),
-            }), { disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputSlots, onFocus: this.handleInputFocusSlots, onBlur: this.handleInputBlurSlots, onKeyDown: this.handleKeyDown, "data-scope": "focusable", "aria-label": this.label, "aria-controls": `${this.inputId}-listbox` }))) : (h(Fragment, null, h("input", { id: this.inputId, type: "text", style: {
+                    : undefined, ...(this.getRequiredAttributes().ariaRequiredValue !==
+                    undefined && {
+                    'aria-required': String(this.getRequiredAttributes().ariaRequiredValue),
+                }), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputSlots, onFocus: this.handleInputFocusSlots, onBlur: this.handleInputBlurSlots, onKeyDown: this.handleKeyDown, "data-scope": "focusable", "aria-label": this.label, "aria-controls": `${this.inputId}-listbox` })) : (h(Fragment, null, h("input", { id: this.inputId, type: "text", style: {
                     position: 'absolute',
                     opacity: '0',
                     width: '0',
@@ -763,7 +761,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * Set the mode state and handle options change.
      */
     componentWillLoad() {
-        var _a;
         // Don't call handleOptionsChange if we are in slots mode
         if (this.options) {
             this.handleOptionsChange(this.options);
@@ -784,7 +781,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         }
         // Initialize the sorted options array with the parsed options for initial rendering
         if (this.options) {
-            this.sortedOptions = [...((_a = this.options) !== null && _a !== void 0 ? _a : [])];
+            this.sortedOptions = [...(this.options ?? [])];
         }
         // Reset filter if needed
         if (!this.filterText) {
@@ -971,14 +968,13 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * Uses the search engine for optimized filtering with configurable modes.
      */
     async filterItems() {
-        var _a, _b;
         const ul = this.el.querySelector('ul');
         if (!ul)
             return;
         this.effectiveFilterMode = getEffectiveFilterMode(this.filterMode);
         // Remove existing empty message and truncation message if any
-        (_a = ul.querySelector('[data-empty]')) === null || _a === void 0 ? void 0 : _a.remove();
-        (_b = ul.querySelector('[data-truncated]')) === null || _b === void 0 ? void 0 : _b.remove();
+        ul.querySelector('[data-empty]')?.remove();
+        ul.querySelector('[data-truncated]')?.remove();
         // Reset truncation state
         this.resultsTruncated = false;
         this.totalResults = 0;
@@ -1062,10 +1058,9 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * Rebuilds the search index from current items (options prop or slot items).
      */
     async rebuildSearchIndex() {
-        var _a;
         // Build raw items array for indexing
         this.rawItems = [];
-        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) {
+        if (this.options?.length) {
             this.options.forEach((opt, index) => {
                 if (!opt.isDivider) {
                     this.rawItems.push({
@@ -1079,10 +1074,9 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             // Use slot items
             const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
             items.forEach((item, index) => {
-                var _a;
                 this.rawItems.push({
                     id: item.getAttribute('value') || `item-${index}`,
-                    label: item.getAttribute('label') || ((_a = item.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '',
+                    label: item.getAttribute('label') || item.textContent?.trim() || '',
                 });
             });
         }
@@ -1132,7 +1126,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * @returns {Promise<SearchResult>} Resolves with the search results.
      */
     async performAdvancedSearch() {
-        var _a;
         // Ensure index is built
         if (!this.indexedItems.length) {
             await this.rebuildSearchIndex();
@@ -1140,7 +1133,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         const itemCount = this.rawItems.length;
         const threshold = clampWorkerThreshold(this.workerThreshold);
         const useWorker = shouldUseWorker(itemCount, this.effectiveFilterMode, threshold);
-        if (useWorker && ((_a = this.workerClient) === null || _a === void 0 ? void 0 : _a.isReady)) {
+        if (useWorker && this.workerClient?.isReady) {
             this.isSearching = true;
             try {
                 return await this.workerClient.search(this.filterText, this.effectiveFilterMode, this.maxResults, this.fuzzyThreshold);
@@ -1176,9 +1169,8 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * @param {number} total - The total number of available items.
      */
     addTruncatedMessage(ul, shown, total) {
-        var _a;
         // Remove existing truncation message
-        (_a = ul.querySelector('[data-truncated]')) === null || _a === void 0 ? void 0 : _a.remove();
+        ul.querySelector('[data-truncated]')?.remove();
         // Get the text template: use provided text or auto-detect from locale
         const textTemplate = this.truncatedResultsText || getTruncatedResultsText(this.locale);
         const truncatedItem = document.createElement('li');