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

package/dist/esm/nv-fielddropdown.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-fielddropdown.entry.js","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"],"names":["uuidv4"],"mappings":"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"}
+{"version":3,"file":"nv-fielddropdown.entry.js","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"],"names":["uuidv4"],"mappings":"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"}

package/dist/esm/nv-fielddropdownitem.entry.js

@@ -48,10 +48,9 @@ const NvFielddropdownitem = class {
     /****************************************************************************/
     //#region LIFECYCLE
     componentWillLoad() {
-        var _a;
         this.composed = Boolean(this.el.children.length);
         if (!this.value) {
-            const fallback = (_a = this.label) !== null && _a !== void 0 ? _a : this.el.textContent;
+            const fallback = this.label ?? this.el.textContent;
             this.value = fallback.replace(/\W+/g, ''); // Remove non-word characters
         }
     }
@@ -59,7 +58,7 @@ const NvFielddropdownitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '8e6df7335e8a1027ee94556ab9d65fa116cbd02d', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, h("slot", { key: 'a25cae7080ff84e1f5131a48b76d79e5408f0ed0' }), !this.composed && (h("div", { key: 'ae4bb89552c360b1600070bf7c62b765fe619df6', class: "text-wrapper" }, h("span", { key: 'f5b4f073628b5e875e1764cac6554882da3588ae', "data-scope": "text" }, this.label))), this.selected && (h("nv-icon", { key: '7612d6918b74088e728060fc6894499d28400d42', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
+        return (h(Host, { key: 'a5ff5cb1a34da1d5b023b0d04349a8f5c3333011', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, h("slot", { key: 'dad658fc948771bc75323bca9343b3b5d88d5343' }), !this.composed && (h("div", { key: 'e3f3493d33ea392946b1723e2ca2731fec7e337b', class: "text-wrapper" }, h("span", { key: '3c86a6beeb5c19f4fc06201d6018f719592ab5e2', "data-scope": "text" }, this.label))), this.selected && (h("nv-icon", { key: 'ffc1c5bc56fc312d65c3ea0beab763e5aa1c1c4a', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/nv-fielddropdownitem.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-fielddropdownitem.entry.js","sources":["src/components/nv-fielddropdownitem/styles/nv-fielddropdownitem.scss?tag=nv-fielddropdownitem","src/components/nv-fielddropdownitem/nv-fielddropdownitem.tsx"],"sourcesContent":["@use \"./mixins\" as *;\n\nnv-fielddropdownitem {\n  @include root-styles();\n\n  &[disabled]:not([disabled='false']) {\n    @include disabled-styles();\n  }\n\n  .text-wrapper {\n    @include text-wrapper-styles();\n  }\n\n  [data-scope='text'] {\n    @include text-styles();\n  }\n\n  nv-icon[data-scope='selected'] {\n    @include selected-icon-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Listen,\n} from '@stencil/core';\n\n/**\n * @slot default - The content to be displayed inside the dropdown item.\n */\n@Component({\n  tag: 'nv-fielddropdownitem',\n  styleUrl: 'styles/nv-fielddropdownitem.scss',\n  shadow: false,\n})\nexport class NvFielddropdownitem {\n  @Element() el: HTMLNvFielddropdownitemElement;\n  private composed = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Disables the item, preventing any user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Indicates if the item is selected.\n   */\n  @Prop({ reflect: true })\n  readonly selected: boolean = false;\n\n  /**\n   * Value associated with the item. This is recommended and required for proper\n   * form management.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value?: string;\n\n  /**\n   * Specifies the text label for the dropdown item.\n   *\n   * When no default slot is provided, this label is rendered as the item's\n   * visible text. If the default slot is supplied, the label isn’t directly\n   * displayed but is used as the selected text (on the dropdown trigger). If\n   * no label is explicitly set, the component will automatically derive the\n   * label from the text content of the default slot.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * If detached, the item will not be filtered out or change the dropdown's\n   * selected item. Useful for actionable items, such as Add New item, etc.\n   */\n  @Prop({ reflect: true })\n  readonly detached: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /* eslint-disable nova/event-bubbling */\n  /**\n   * Event emitted when the dropdown item is selected.\n   */\n  @Event({ bubbles: true })\n  dropdownItemSelected: EventEmitter<{\n    /** The value associated with the item. */\n    label?: string;\n    /** The value associated with the item. */\n    value: string;\n    /** Is the item detached? */\n    detached?: boolean;\n  }>;\n  /* eslint-enable nova/event-bubbling */\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.target !== this.el) return;\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleSelected();\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleSelected = () => {\n    if (this.disabled) return;\n\n    this.dropdownItemSelected.emit({\n      label: this.label,\n      value: this.value,\n      detached: this.detached,\n    });\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.composed = Boolean(this.el.children.length);\n    if (!this.value) {\n      const fallback = this.label ?? this.el.textContent;\n      this.value = fallback.replace(/\\W+/g, ''); // Remove non-word characters\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host role=\"menuitem\" tabindex={'-1'} onClick={this.handleSelected}>\n        <slot />\n\n        {!this.composed && (\n          <div class=\"text-wrapper\">\n            <span data-scope=\"text\">{this.label}</span>\n          </div>\n        )}\n\n        {this.selected && (\n          <nv-icon name=\"check\" aria-hidden=\"true\" data-scope=\"selected\" />\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,uyCAAuyC;;MCmBzzC,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;;;AAKxB;;AAEG;AAEM,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAElC;;AAEG;AAEM,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAqBlC;;;AAGG;AAEM,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;;;AAmC1B,QAAA,IAAc,CAAA,cAAA,GAAG,MAAK;YAC5B,IAAI,IAAI,CAAC,QAAQ;gBAAE;AAEnB,YAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;gBAC7B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,aAAA,CAAC;AACJ,SAAC;AAqCF;;AA1DC,IAAA,aAAa,CAAC,KAAoB,EAAA;AAChC,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE;YAAE;AAE9B,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,cAAc,EAAE;;;;;;IAsBzB,iBAAiB,GAAA;;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;AAChD,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,WAAW;AAClD,YAAA,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;;;;;;IAQ9C,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,EAAA,EAChE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEP,CAAC,IAAI,CAAC,QAAQ,KACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAiB,MAAM,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CACvC,CACP,EAEA,IAAI,CAAC,QAAQ,KACZ,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,OAAO,EAAa,aAAA,EAAA,MAAM,gBAAY,UAAU,EAAA,CAAG,CAClE,CACI;;;;;;;;"}
+{"version":3,"file":"nv-fielddropdownitem.entry.js","sources":["src/components/nv-fielddropdownitem/styles/nv-fielddropdownitem.scss?tag=nv-fielddropdownitem","src/components/nv-fielddropdownitem/nv-fielddropdownitem.tsx"],"sourcesContent":["@use \"./mixins\" as *;\n\nnv-fielddropdownitem {\n  @include root-styles();\n\n  &[disabled]:not([disabled='false']) {\n    @include disabled-styles();\n  }\n\n  .text-wrapper {\n    @include text-wrapper-styles();\n  }\n\n  [data-scope='text'] {\n    @include text-styles();\n  }\n\n  nv-icon[data-scope='selected'] {\n    @include selected-icon-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Listen,\n} from '@stencil/core';\n\n/**\n * @slot default - The content to be displayed inside the dropdown item.\n */\n@Component({\n  tag: 'nv-fielddropdownitem',\n  styleUrl: 'styles/nv-fielddropdownitem.scss',\n  shadow: false,\n})\nexport class NvFielddropdownitem {\n  @Element() el: HTMLNvFielddropdownitemElement;\n  private composed = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Disables the item, preventing any user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Indicates if the item is selected.\n   */\n  @Prop({ reflect: true })\n  readonly selected: boolean = false;\n\n  /**\n   * Value associated with the item. This is recommended and required for proper\n   * form management.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value?: string;\n\n  /**\n   * Specifies the text label for the dropdown item.\n   *\n   * When no default slot is provided, this label is rendered as the item's\n   * visible text. If the default slot is supplied, the label isn’t directly\n   * displayed but is used as the selected text (on the dropdown trigger). If\n   * no label is explicitly set, the component will automatically derive the\n   * label from the text content of the default slot.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * If detached, the item will not be filtered out or change the dropdown's\n   * selected item. Useful for actionable items, such as Add New item, etc.\n   */\n  @Prop({ reflect: true })\n  readonly detached: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /* eslint-disable nova/event-bubbling */\n  /**\n   * Event emitted when the dropdown item is selected.\n   */\n  @Event({ bubbles: true })\n  dropdownItemSelected: EventEmitter<{\n    /** The value associated with the item. */\n    label?: string;\n    /** The value associated with the item. */\n    value: string;\n    /** Is the item detached? */\n    detached?: boolean;\n  }>;\n  /* eslint-enable nova/event-bubbling */\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.target !== this.el) return;\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleSelected();\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleSelected = () => {\n    if (this.disabled) return;\n\n    this.dropdownItemSelected.emit({\n      label: this.label,\n      value: this.value,\n      detached: this.detached,\n    });\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.composed = Boolean(this.el.children.length);\n    if (!this.value) {\n      const fallback = this.label ?? this.el.textContent;\n      this.value = fallback.replace(/\\W+/g, ''); // Remove non-word characters\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host role=\"menuitem\" tabindex={'-1'} onClick={this.handleSelected}>\n        <slot />\n\n        {!this.composed && (\n          <div class=\"text-wrapper\">\n            <span data-scope=\"text\">{this.label}</span>\n          </div>\n        )}\n\n        {this.selected && (\n          <nv-icon name=\"check\" aria-hidden=\"true\" data-scope=\"selected\" />\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,uyCAAuyC;;MCmBzzC,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;;;AAKxB;;AAEG;AAEM,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAElC;;AAEG;AAEM,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAqBlC;;;AAGG;AAEM,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;;;AAmC1B,QAAA,IAAc,CAAA,cAAA,GAAG,MAAK;YAC5B,IAAI,IAAI,CAAC,QAAQ;gBAAE;AAEnB,YAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;gBAC7B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,aAAA,CAAC;AACJ,SAAC;AAqCF;;AA1DC,IAAA,aAAa,CAAC,KAAoB,EAAA;AAChC,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE;YAAE;AAE9B,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,cAAc,EAAE;;;;;;IAsBzB,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;AAChD,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,CAAC,WAAW;AAClD,YAAA,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;;;;;;IAQ9C,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,EAAA,EAChE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEP,CAAC,IAAI,CAAC,QAAQ,KACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAiB,MAAM,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CACvC,CACP,EAEA,IAAI,CAAC,QAAQ,KACZ,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,OAAO,EAAa,aAAA,EAAA,MAAM,gBAAY,UAAU,EAAA,CAAG,CAClE,CACI;;;;;;;;"}

package/dist/esm/nv-fieldmultiselect.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-CasQushP.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 './i18n.utils-DOZbXX2L.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 './i18n.utils-IlwlcG9l.js';
 import { v as v4 } from './v4-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 = class {
     constructor(hostRef) {
@@ -507,13 +507,12 @@ const NvFieldmultiselect = class {
          * @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',
@@ -529,13 +528,12 @@ const NvFieldmultiselect = class {
          * @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',
@@ -753,7 +751,6 @@ const NvFieldmultiselect = class {
      * 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);
@@ -774,7 +771,7 @@ const NvFieldmultiselect = class {
         }
         // 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) {
@@ -961,14 +958,13 @@ const NvFieldmultiselect = class {
      * 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;
@@ -1052,10 +1048,9 @@ const NvFieldmultiselect = class {
      * 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({
@@ -1069,10 +1064,9 @@ const NvFieldmultiselect = class {
             // 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() || '',
                 });
             });
         }
@@ -1122,7 +1116,6 @@ const NvFieldmultiselect = class {
      * @returns {Promise<SearchResult>} Resolves with the search results.
      */
     async performAdvancedSearch() {
-        var _a;
         // Ensure index is built
         if (!this.indexedItems.length) {
             await this.rebuildSearchIndex();
@@ -1130,7 +1123,7 @@ const NvFieldmultiselect = class {
         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);
@@ -1166,9 +1159,8 @@ const NvFieldmultiselect = class {
      * @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');