@nova-design-system/nova-webcomponents 3.18.0 → 3.19.0

package/dist/native/p-00d1e5e1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvMenuCss","NvMenuStyle0","NvMenu","constructor","hostRef","this","isHandlingKeyDown","open","nested","disableCloseOnSelect","placement","renderMenuItems","items","map","item","hasSubmenu","_a","submenuItems","length","h","slot","disabled","icon","shortcut","id","value","name","label","show","close","focusFirstItem","firstButton","popoverElement","querySelector","requestAnimationFrame","focus","handleOpenChange","newOpen","handleMenuItemSelect","event","detail","handleKeydown","key","document","activeElement","triggerElement","preventDefault","firstMenuItem","menuContent","el","menuItems","Array","from","childNodes","filter","matches","call","currentIndex","indexOf","parentElement","find","forEach","nextIndex","nextFocusable","prevIndex","prevFocusable","submenu","handleOpenChanged","stopPropagation","target","triggerHasFocus","triggerHasFocusVisible","componentWillLoad","children","child","getAttribute","render","Host","ref","triggerMode"],"sources":["src/components/nv-menu/nv-menu.scss?tag=nv-menu","src/components/nv-menu/nv-menu.tsx"],"sourcesContent":["@use \"../nv-menuitem/nv-menuitem\" as nv-menuitem;\n\n@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n\n  &:has([fluid]:not([fluid=\"false\"])) {\n    display: block;\n  }\n}\n\n@mixin content-styles() {\n  padding: var(--menu-contextual-padding-y)\n          var(--menu-contextual-padding-x);\n  border-radius: var(--menu-contextual-radius);\n  gap: var(--menu-contextual-gap-y);\n  background-color: var(--components-menu-contextual-background);\n  border-color: var(--components-menu-contextual-border);\n  display: flex;\n  flex-direction: column;\n}\n\n@mixin separator-styles() {\n  display: block;\n  margin: var(--menu-contextual-divider-padding-top)\n          var(--menu-contextual-divider-padding-x)\n          var(--menu-contextual-divider-padding-bottom)\n          var(--menu-contextual-divider-padding-x) ;\n}\n\nnv-menu {\n  @include root-styles();\n\n  nv-popover {\n    display: unset;\n\n    [data-scope=popover]{\n      background-color: transparent !important;\n      padding: 0 !important;\n    }\n  }\n\n  [slot=\"content\"] {\n    @include content-styles();\n  }\n\n  nv-menu[open]:not([open=\"false\"]) {\n    > nv-menuitem {\n      @include nv-menuitem.focused-styles();\n    }\n  }\n\n  hr {\n    @include separator-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Listen,\n  Event,\n  EventEmitter,\n  Method,\n  Watch,\n} from '@stencil/core';\nimport type { Placement } from '@floating-ui/dom';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/**\n * @slot trigger - The button element that toggles the menu popover\n * @slot content - The content of the menu, should be wrapped in a ul element containing nv-menuitem elements\n */\n@Component({\n  tag: 'nv-menu',\n  styleUrl: 'nv-menu.scss',\n  shadow: false,\n})\nexport class NvMenu {\n  @Element() el: HTMLNvMenuElement;\n  private triggerElement!: HTMLElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private isHandlingKeyDown: boolean = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Use this to toggle the initial visibility of the menu, by default the menu\n   * is hidden.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * Use this if the menu is nested inside another menu. This will prevent the\n   * parent menu from closing when the child menu is opened.\n   */\n  @Prop({ reflect: true })\n  readonly nested: boolean = false;\n\n  /**\n   * Use this to disable the menu from closing automatically when a menu item is\n   * selected.\n   */\n  @Prop({ reflect: true })\n  readonly disableCloseOnSelect: boolean = false;\n\n  /**\n   * Decides where the menu shows up next to the button it's linked to (above,\n   * below, to the sides). If there isn't enough room, it will adjust its\n   * position on the axis to fit on the screen, so users can always see it.\n   */\n  @Prop({ reflect: true })\n  readonly placement: Placement = 'bottom-end';\n\n  /**\n   * List of items used to automatically generate dropdown items. This\n   * provides an alternative to using the slot manually.\n   *\n   * @example\n   * items = [{\n   *  \"label\": \"Option 1\",\n   *  \"value\": \"option1\",\n   * },\n   * {\n   *  \"label\": \"Option 2\",\n   *  \"value\": \"option2\",\n   * }]\n   */\n  @Prop({ reflect: true })\n  readonly items?: {\n    /**\n     * The label of the menu item.\n     */\n    label: string;\n    /**\n     * The value of the menu item.\n     */\n    value?: string;\n    /**\n     * Whether the menu item is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Whether the menu item has a submenu.\n     */\n    hasSubmenu?: boolean;\n    /**\n     * The icon of the menu item.\n     */\n    icon?: string;\n    /**\n     * The shortcut of the menu item.\n     */\n    shortcut?: string;\n    /**\n     * Whether the menu item is nested.\n     */\n    nested?: boolean;\n    /**\n     * The submenu items of the menu item.\n     */\n    submenuItems?: InstanceType<typeof NvMenu>['items'];\n  }[];\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Opens the menu.\n   */\n  @Method()\n  async show() {\n    this.open = true;\n  }\n\n  /**\n   * Closes the menu.\n   */\n  @Method()\n  async close() {\n    this.open = false;\n  }\n\n  private focusFirstItem() {\n    const firstButton = this.popoverElement.querySelector('nv-menuitem');\n    if (firstButton) {\n      requestAnimationFrame(() => firstButton.focus());\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted from nv-menuitem elements with the corresponding id and name when\n   * selected (via click or keyboard). This event listener can be attached to\n   * either the nv-menu or the nv-menuitem element.\n   */\n  @Event()\n  menuitemSelected: EventEmitter<\n    HTMLNvMenuitemElementEventMap['menuitemSelected']\n  >;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('open')\n  handleOpenChange(newOpen: boolean) {\n    // React to external changes, e.g., focus first item if opened externally\n    if (newOpen) {\n      this.focusFirstItem();\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  @Listen('menuitemSelected')\n  handleMenuItemSelect(\n    event: CustomEvent<HTMLNvMenuitemElementEventMap['menuitemSelected']>,\n  ) {\n    if (this.disableCloseOnSelect) return;\n    if (event.detail.hasSubmenu) return;\n    this.open = false;\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeydown(event: KeyboardEvent) {\n    // If the menu is not open, check if the trigger is focused\n    // and the user presses Enter or ArrowDown, open the menu\n    if (!this.open) {\n      if (\n        (event.key === 'Enter' ||\n          event.key === 'ArrowDown' ||\n          event.key === ' ') &&\n        document.activeElement === this.triggerElement\n      ) {\n        event.preventDefault();\n        this.show();\n        // Then, put the focus on the first menuitem\n        const firstMenuItem = this.popoverElement.querySelector('nv-menuitem');\n        if (firstMenuItem) {\n          requestAnimationFrame(() => (firstMenuItem as HTMLElement).focus());\n        }\n      }\n      return;\n    }\n\n    if (this.isHandlingKeyDown) return;\n    this.isHandlingKeyDown = true;\n\n    if (\n      event.key === 'ArrowDown' ||\n      event.key === 'ArrowUp' ||\n      event.key === 'ArrowLeft' ||\n      event.key === 'ArrowRight' ||\n      event.key === 'Escape'\n    ) {\n      event.preventDefault();\n    }\n\n    if (event.key === 'Escape' && !this.nested) {\n      this.close();\n      this.triggerElement.focus();\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    const menuContent = this.el.querySelector('[slot=\"content\"]');\n    const menuItems = (\n      Array.from(menuContent.childNodes) as Array<\n        HTMLNvMenuitemElement | HTMLNvMenuElement\n      >\n    ).filter(item => item.matches?.('nv-menuitem, nv-menu'));\n\n    let currentIndex = menuItems.indexOf(\n      document.activeElement as HTMLNvMenuitemElement,\n    );\n    if (currentIndex === -1)\n      currentIndex = menuItems.indexOf(\n        document.activeElement.parentElement as HTMLNvMenuitemElement,\n      );\n    if (\n      currentIndex === -1 &&\n      menuItems.find(item => item.matches('nv-menu[open]'))\n    ) {\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      menuItems.forEach(item => {\n        if (item.matches('nv-menu')) (item as HTMLNvMenuElement).close();\n      });\n    }\n\n    if (event.key === 'ArrowDown') {\n      let nextIndex = (currentIndex + 1) % menuItems.length;\n      while (menuItems[nextIndex].matches('nv-menuitem[disabled]')) {\n        nextIndex = (nextIndex + 1) % menuItems.length;\n      }\n      const nextFocusable = menuItems[nextIndex];\n      if (nextFocusable.matches('nv-menuitem')) {\n        nextFocusable.focus();\n      } else if (nextFocusable.matches('nv-menu')) {\n        nextFocusable.querySelector('nv-menuitem').focus();\n      }\n    }\n\n    if (event.key === 'ArrowUp') {\n      let prevIndex = (currentIndex - 1 + menuItems.length) % menuItems.length;\n      while (menuItems[prevIndex].matches('nv-menuitem[disabled]')) {\n        prevIndex = (prevIndex - 1 + menuItems.length) % menuItems.length;\n      }\n      const prevFocusable = menuItems[prevIndex];\n      if (prevFocusable.matches('nv-menuitem')) {\n        prevFocusable.focus();\n      } else if (prevFocusable.matches('nv-menu')) {\n        prevFocusable.querySelector('nv-menuitem').focus();\n      }\n    }\n\n    if (event.key === 'ArrowRight') {\n      const submenu = menuItems[currentIndex];\n      if (!submenu.matches('nv-menu')) {\n        this.isHandlingKeyDown = false;\n        return;\n      }\n      (submenu as HTMLNvMenuElement).show();\n    }\n\n    if (event.key === 'ArrowLeft' && this.nested) {\n      if (menuItems.find(item => item.matches('nv-menu[open]'))) {\n        this.isHandlingKeyDown = false;\n        return;\n      }\n      this.close();\n      this.triggerElement.focus();\n    }\n\n    this.isHandlingKeyDown = false;\n  }\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    // Stop propagation to prevent the event from affecting parent components like dialogs\n    event.stopPropagation();\n\n    if (event.target === this.el.querySelector('nv-popover')) {\n      this.open = event.detail;\n    }\n    const triggerHasFocus = this.triggerElement === document.activeElement;\n    const triggerHasFocusVisible =\n      this.triggerElement.matches(':focus-visible');\n    if (triggerHasFocus && triggerHasFocusVisible) this.focusFirstItem();\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === 'trigger';\n    }) as HTMLElement;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  /**\n   * Generates menu items from the `items` property.\n   * @param {MenuItem[]} items - The items to display in the menu.\n   * @returns {HTMLElement[]} The rendered items.\n   */\n  private renderMenuItems = () => {\n    return this.items.map(item => {\n      if (item.hasSubmenu && item.submenuItems?.length > 0) {\n        return (\n          <nv-menu nested placement=\"right-start\" items={item.submenuItems}>\n            <nv-menuitem\n              slot=\"trigger\"\n              hasSubmenu\n              disabled={item.disabled}\n              icon={item.icon as IconName}\n              shortcut={item.shortcut}\n              id={item.value}\n              name={item.label}\n              label={item.label}\n            ></nv-menuitem>\n          </nv-menu>\n        );\n      }\n      return (\n        <nv-menuitem\n          disabled={item.disabled}\n          icon={item.icon as IconName}\n          shortcut={item.shortcut}\n          id={item.value}\n          name={item.label}\n          label={item.label}\n        ></nv-menuitem>\n      );\n    });\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"trigger\"></slot>\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"click\"\n          triggerElement={this.triggerElement}\n          placement={this.placement}\n          nested={this.nested}\n          open={this.open}\n        >\n          {this.items ? (\n            <ul slot=\"content\">{this.renderMenuItems()}</ul>\n          ) : (\n            <slot name=\"content\"></slot>\n          )}\n        </nv-popover>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-107e80c6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFieldmultiselectCss","NvFieldmultiselectStyle0","NvFieldmultiselect","constructor","hostRef","this","isBulkOperation","preventBlurClose","inputId","uuidv4","autocomplete","required","readonly","disabled","error","maxHeight","open","fluid","value","filterable","emptyResult","debounceDelay","autofocus","badgeLabel","filterText","enableSelectAll","selectAllLabel","deselectAllLabel","sortedOptions","isHandlingEscape","hasFilterResults","isSelectAllSectionVisible","handleBadgeCloseOptions","valueChanged","emit","items","Array","from","el","querySelectorAll","forEach","item","checked","style","display","options","filter","option","isDivider","reorderOptionsContent","handleBadgeCloseSlots","requestAnimationFrame","reorderSlotContent","handlePopoverClose","clearFilterText","filterTextChanged","resetFilter","handleInputBlurOptions","setTimeout","contains","document","activeElement","handleInputContainerClickOptions","event","target","tagName","inputContainer","querySelector","classList","add","removeFocusWithin","remove","popoverElement","addEventListener","handleInputContainerClickSlots","handleInputOptions","input","debounceTimer","window","clearTimeout","filterItemsOption","handleInputSlots","filterSlotsItems","handleInputFocusOptions","handleInputFocusSlots","handleInputBlurSlots","togglePopoverOptions","togglePopoverSlots","toggleSelectAllOptions","selectAll","visibleOptionValues","getVisibleEnabledOptionItems","Set","val","includes","syncChildComponents","toggleSelectAllSlots","getVisibleEnabledSlotItems","allActiveValues","map","getAttribute","visibleValues","handleSelectAllCheckboxOptionsClick","stopPropagation","preventDefault","currentState","getSelectAllCheckboxStateOptions","shouldSelectAll","handleSelectAllCheckboxSlotsClick","getSelectAllCheckboxStateSlots","handleMouseDownPreventBlur","renderOptionsMode","h","Host","label","htmlFor","name","ref","triggerMode","placement","class","slot","_a","length","color","dismissible","_b","_c","_d","onCloseClicked","type","id","e","inputElement","placeholder","readOnly","onInput","onFocus","onBlur","onKeyDown","handleKeyDown","Fragment","position","opacity","width","height","pointerEvents","tabIndex","autoComplete","onClick","role","size","emphasis","tabindex","title","onMouseDown","shouldShowToggleAllOptionsButton","indeterminate","description","renderDescriptions","renderSlotsMode","shouldShowToggleAllSlotButton","handleOptionsChange","newValue","watchValueHandler","isConnected","handleOpenChange","newOpen","filterItems","handleOpenChanged","detail","handleItemChecked","undefined","valueIndex","indexOf","hasChanged","push","splice","console","warn","handleSlotChange","key","focusFirstItem","currentIndex","findIndex","updateHighlightedItem","selectedItem","isCurrentlyChecked","hasAttribute","dispatchEvent","MouseEvent","view","bubbles","cancelable","handleEscape","async","Promise","resolve","blur","connectedCallback","_boundHandleClickOutside","handleClickOutside","bind","componentWillLoad","initializeValueFromSlots","then","componentDidLoad","disconnectedCallback","removeEventListener","getFilterText","ul","emptyMessage","selectedItems","unselectedItems","manageDivider","getSelectedValues","deselectAll","toggleSelectAll","divider","hasEmptyMessage","appendChild","createElement","className","existingEmptyMessage","trim","normalizedFilter","normalizeText","hasVisibleItems","find","opt","matchesFilter","visibleItems","visibleSelected","visibleUnselected","textContent","setAttribute","removeEmptyMessageOption","removeAttribute","addEmptyMessageOption","visibleSelectedItems","text","normalize","replace","toLowerCase","index","i","scrollIntoView","block","checkbox","focus","firstItem","existingMessage","shouldShowDivider","lastSelectedItem","after","itemValue","shouldBeChecked","allItems","isHidden","isDisabled","selectedVisibleOptions","checkedValues","errorDescription","hidden","render"],"sources":["src/components/nv-fieldmultiselect/styles/nv-fieldmultiselect.scss?tag=nv-fieldmultiselect","src/components/nv-fieldmultiselect/nv-fieldmultiselect.tsx"],"sourcesContent":["@use './mixins' as *;\n@import '../../../styles/form-field';\n@import '../../../styles/scrollbar';\n\nnv-fieldmultiselect {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[fluid]:not([fluid='false']) {\n    @include form-field-fluid();\n  }\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    @include form-field-popover();\n\n    div[slot='content'] {\n      @include scrollbar();\n      max-height: calc(90vh - var(--list-dropdown-padding) * 2);\n      overflow-y: auto;\n      position: relative;\n    }\n  }\n\n  .input-wrapper-multiselect {\n    @include form-field-input-wrapper();\n    @include input-wrapper-multiselect-styles();\n  }\n\n  .input-container-multiselect {\n    @include form-field-input-container();\n    @include input-container-multiselect-styles();\n  }\n\n  .non-filterable-text {\n    @include non-filterable-text-styles();\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n\n.no-results-message {\n  cursor: not-allowed;\n  background-color: unset;\n  color: var(--components-menu-contextual-item-content-disabled);\n  padding: var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);\n}\n\n.multiselect-divider {\n  @include multiselect-divider-styles();\n}\n\n.select-all-container {\n  @include select-all-container-styles();\n\n  .select-all-header {\n    @include select-all-header-styles();\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  Fragment,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot content - The content of the list.\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-fieldmultiselect',\n  styleUrl: 'styles/nv-fieldmultiselect.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldmultiselect {\n  @Element() el: HTMLNvFieldmultiselectElement;\n  private inputElement!: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private isBulkOperation: boolean = false;\n\n  /**\n   * Timer for debouncing input events.\n   * Private property preferred over @State as it:\n   * - Doesn't need to trigger re-renders\n   * - Is purely for internal logic\n   * - Improves performance by avoiding Stencil's reactivity system\n   */\n  private debounceTimer: number;\n\n  // Add the flag to the class\n  private preventBlurClose = false;\n  private _boundHandleClickOutside?: (event: MouseEvent) => void;\n\n  /****************************************************************************/\n  //#region PROPERTIES\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 user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\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   * Add helpful hints or extra information under the text input field.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Display temporary text inside the input field.\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   * Marks the input field as required.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Display the input field's content without allowing users to change it.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Disables the input field.\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 multiselect\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   * State of the multiselect popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: 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   * 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   * },\n   * {\n   *  \"label\": \"Option 2\",\n   *  \"value\": \"option2\",\n   * }]\n   */\n  @Prop({ reflect: false, mutable: true })\n  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 a divider */\n    isDivider?: boolean;\n    /** Whether this option is disabled */\n    disabled?: boolean;\n    /** Additional description for the option */\n    description?: string;\n    /** Whether this option is pre-checked */\n    checked?: boolean;\n  }[];\n\n  /**\n   * Specifies the selected values of the multiselect field.\n   * This is the canonical value for the component and is used for form submission.\n   */\n  @Prop({ reflect: false, mutable: true })\n  value: string[] = [];\n\n  /**\n   * Enables or disables the filtering feature for the multiselect items.\n   */\n  @Prop({ reflect: true })\n  readonly filterable: boolean = false;\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   * Delay in milliseconds before the search is triggered when typing in the 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   * Text for the badge showing the number of selected items.\n   */\n  @Prop({ reflect: true })\n  readonly badgeLabel: string = '';\n\n  /**\n   * The text entered by the user for filtering multiselect items.\n   */\n  @Prop({ reflect: true, mutable: true })\n  filterText: string = '';\n\n  /**\n   * Enables or disables the \"Select All / Deselect All\" toggle functionality.\n   */\n  @Prop({ reflect: true })\n  readonly enableSelectAll: boolean = false;\n\n  /**\n   * Text for the \"Select All\" button.\n   */\n  @Prop({ reflect: true })\n  readonly selectAllLabel: string = 'Select/deselect all';\n\n  /**\n   * Text for the \"Deselect All\" button.\n   */\n  @Prop({ reflect: true })\n  readonly deselectAllLabel: string = 'Select/deselect all';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region STATE\n\n  /**\n   * Sorted options for display.\n   */\n  @State()\n  sortedOptions: Array<{\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is a divider */\n    isDivider?: boolean;\n  }> = [];\n\n  @State()\n  private isHandlingEscape: boolean = false;\n\n  /**\n   * Indicates whether the current filter has visible results.\n   * Used to control the visibility of the \"Select All\" button.\n   */\n  @State()\n  private hasFilterResults: boolean = true;\n\n  /**\n   * Controls the visibility of the select all section.\n   */\n  @State()\n  private isSelectAllSectionVisible: boolean = true;\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the selected values change.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string[]>;\n\n  /**\n   * Emitted when the filter text changes.\n   */\n  @Event()\n  filterTextChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('options')\n  handleOptionsChange(newValue: typeof this.options) {\n    if (!newValue) return;\n\n    // If the parent has set a value prop, use it. Otherwise, derive from checked options.\n    // (Assume: if value is undefined, it's not set by parent; if it's an array, it's set.)\n    if (!this.value || this.value.length === 0) {\n      this.value = newValue\n        .filter(option => option.checked)\n        .map(option => option.value);\n    } else {\n      // If value is set, ensure checked states in options match value\n      newValue.forEach(option => {\n        option.checked = (this.value || []).includes(option.value);\n      });\n    }\n    this.reorderOptionsContent();\n  }\n\n  @Watch('value')\n  watchValueHandler() {\n    // Skip processing during bulk operations\n    if (this.isBulkOperation) {\n      return;\n    }\n\n    // Synchronize child components when value changes programmatically\n    if (this.el && this.el.isConnected) {\n      this.syncChildComponents();\n    }\n    // Also, update options checked state if options exist\n    if (this.options) {\n      this.options.forEach(option => {\n        option.checked = (this.value || []).includes(option.value);\n      });\n    }\n  }\n\n  @Watch('open')\n  handleOpenChange(newOpen: boolean) {\n    // React to external changes, e.g., reorder or filter\n    if (newOpen) {\n      if (this.options) {\n        this.reorderOptionsContent();\n      } else {\n        this.reorderSlotContent();\n      }\n      if (this.filterText) {\n        this.filterItems();\n      }\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  /**\n   * Emitted when the input loses focus.\n   * @param {CustomEvent<boolean>} event - The event object containing the focus state.\n   */\n  @Listen('openChanged')\n  handleOpenChanged(\n    event: CustomEvent<HTMLNvPopoverElementEventMap['openChanged']>,\n  ) {\n    // Stop propagation to prevent the event from affecting parent components like dialogs\n    event.stopPropagation();\n\n    // Only update if the event comes from our popover\n    if (event.target === this.popoverElement) {\n      // Only update if open state differs to avoid redundant actions\n      if (this.open !== event.detail) {\n        this.open = event.detail;\n        if (this.open) {\n          // Filter items only if there is filter text\n          if (this.filterText) {\n            this.filterItems();\n          }\n        } else {\n          // Clear filter text on close if filterable\n          if (this.filterable) {\n            this.clearFilterText();\n          }\n          this.handlePopoverClose();\n        }\n\n        // Reorder content as needed\n        if (this.options) {\n          this.reorderOptionsContent();\n        } else {\n          this.reorderSlotContent();\n        }\n      }\n    }\n  }\n\n  /**\n   * Listen for the `itemChecked` event emitted by child items.\n   * @param {CustomEvent} event - The event object containing the selected value and its checked state.\n   */\n  @Listen('itemChecked')\n  handleItemChecked(\n    event: CustomEvent<{\n      /** Value associated with the option */\n      value: string;\n      /** Whether this option is checked */\n      checked: boolean;\n    }>,\n  ) {\n    if (this.disabled || this.readonly || this.isBulkOperation) {\n      // Skip processing itemChecked events during bulk operations\n      return;\n    }\n\n    const { value, checked } = event.detail;\n\n    if (value !== undefined && value !== null) {\n      const newValue = [...(this.value || [])];\n      const valueIndex = newValue.indexOf(value);\n\n      let hasChanged = false;\n      if (checked && valueIndex === -1) {\n        newValue.push(value);\n        hasChanged = true;\n      } else if (!checked && valueIndex > -1) {\n        newValue.splice(valueIndex, 1);\n        hasChanged = true;\n      }\n\n      if (hasChanged) {\n        this.value = newValue;\n        this.valueChanged.emit(this.value);\n        this.syncChildComponents();\n      }\n\n      // Preserve the filter text in the input\n      if (this.filterable && this.inputElement) {\n        this.inputElement.value = this.filterText;\n      }\n    } else {\n      console.warn(\n        '[Event:itemChecked] Received itemChecked event with undefined or null value',\n      ); // Warning log\n    }\n  }\n\n  // Add a listener for the slot content\n  @Listen('slotchange')\n  handleSlotChange(event: Event) {\n    // Check: we only want to reorder if it's the \"content\" slot\n    const slot = event.target as HTMLSlotElement;\n    if (slot && slot.name === 'content') {\n      // To give other platforms (VueJS, React, etc.) time to insert all their items,\n      // we place the reorder in a requestAnimationFrame\n      requestAnimationFrame(() => {\n        this.reorderSlotContent();\n      });\n    }\n  }\n\n  /**\n   * Handle keyboard events & arrow key navigation.\n   * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.\n   * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.\n   * @param {KeyboardEvent} event - The keyboard event.\n   */\n  @Listen('keydown', { passive: false })\n  async handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n\n        // Focus on the first item if the list is not filterable\n        if (!this.filterable) {\n          requestAnimationFrame(() => {\n            this.focusFirstItem();\n          });\n        }\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll(\n        'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n      ),\n    ) as HTMLNvFielddropdownitemcheckElement[];\n\n    if (items.length === 0) {\n      console.warn('No visible items found to navigate');\n      return;\n    }\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1\n          ? items.length - 1\n          : (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Enter' && currentIndex >= 0) {\n      event.preventDefault();\n      const selectedItem = items[currentIndex];\n\n      // Toggle the checked state\n      const isCurrentlyChecked = selectedItem.hasAttribute('checked');\n      selectedItem.checked = !isCurrentlyChecked;\n\n      // Trigger a click event to ensure proper event handling\n      selectedItem.dispatchEvent(\n        new MouseEvent('click', {\n          view: window,\n          bubbles: true,\n          cancelable: true,\n        }),\n      );\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation(); // Prevent the event from propagating to the popover\n\n      // Do the reorder and wait a bit before closing\n      const handleEscape = async () => {\n        this.isHandlingEscape = true; // Disable the hide listener\n\n        if (this.options) {\n          this.reorderOptionsContent();\n        } else {\n          this.reorderSlotContent();\n        }\n\n        // Wait for the reorder to be applied\n        await new Promise(resolve => setTimeout(resolve, 100));\n\n        // Reactivate the hide listener after a short delay\n        setTimeout(() => {\n          this.isHandlingEscape = false;\n          this.open = false;\n        }, 150);\n\n        if (this.inputElement) {\n          this.inputElement.blur();\n        }\n      };\n\n      await handleEscape();\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Subscribe to click outside event.\n   */\n  connectedCallback() {\n    // Bind once and reuse the same reference for add/remove to avoid leaks\n    if (!this._boundHandleClickOutside) {\n      this._boundHandleClickOutside = this.handleClickOutside.bind(this);\n    }\n    document.addEventListener('click', this._boundHandleClickOutside);\n  }\n\n  /**\n   * Set the mode state and handle options change.\n   */\n  componentWillLoad() {\n    // Don't call handleOptionsChange if we are in slots mode\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n\n    // Specific initialization for slots mode\n    if (!this.options) {\n      // Initialize value from checked slotted children\n      this.initializeValueFromSlots();\n      // Use a microtask to ensure DOM is ready\n      Promise.resolve().then(() => {\n        // Synchronize child components\n        this.syncChildComponents();\n\n        // Force a reorder after initialization\n        requestAnimationFrame(() => {\n          this.reorderSlotContent();\n        });\n      });\n    }\n\n    // Initialize the sorted options array with the parsed options for initial rendering\n    if (this.options) {\n      this.sortedOptions = [...(this.options ?? [])];\n    }\n\n    // Reset filter if needed\n    if (!this.filterText) {\n      this.resetFilter();\n    }\n\n    // Initialize filter results state\n    this.hasFilterResults = true;\n  }\n\n  /**\n   * Force reorder if options mode in componentDidLoad because of the initial render not trigger @watch\n   */\n  componentDidLoad() {\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n\n    // Final synchronization of child components after everything is loaded\n    this.syncChildComponents();\n\n    // For slots mode, ensure value is initialized from checked children if not already\n    if (!this.options) {\n      this.initializeValueFromSlots();\n      this.syncChildComponents();\n    }\n  }\n\n  /**\n   * Unsubscribe from click outside event.\n   */\n  disconnectedCallback() {\n    if (this._boundHandleClickOutside) {\n      document.removeEventListener('click', this._boundHandleClickOutside);\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Retrieves the current filter text entered by the user.\n   * @returns {string} The filter text.\n   */\n  @Method()\n  async getFilterText(): Promise<string> {\n    return this.filterText;\n  }\n\n  /**\n   * Reset the filter and make all items visible.\n   */\n  @Method()\n  async resetFilter(): Promise<void> {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Reset visibility state of all dropdown items\n    items.forEach(item => {\n      item.style.display = '';\n    });\n\n    // Clean up filter-related UI elements\n    const ul = this.el.querySelector('ul');\n    if (ul) {\n      const emptyMessage = ul.querySelector('[data-empty]');\n      if (emptyMessage) emptyMessage.remove();\n\n      // Reorder with divider if needed\n      const selectedItems = items.filter(item =>\n        (this.value || []).includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !(this.value || []).includes(item.getAttribute('value') || ''),\n      );\n\n      if (selectedItems.length > 0) {\n        this.manageDivider(ul as HTMLElement, selectedItems, unselectedItems);\n      }\n    }\n\n    // Reset filter results state\n    this.hasFilterResults = true;\n  }\n\n  /**\n   * Returns the list of selected values.\n   * @returns {string[]} The selected values.\n   */\n  @Method()\n  async getSelectedValues(): Promise<string[]> {\n    return this.value;\n  }\n\n  /**\n   * Select all visible and enabled items.\n   * Works for both options and slots mode.\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async selectAll(): Promise<void> {\n    if (this.disabled || this.readonly) return;\n\n    if (this.options) {\n      this.toggleSelectAllOptions(true);\n    } else {\n      this.toggleSelectAllSlots(true);\n    }\n  }\n\n  /**\n   * Deselect all visible and enabled items.\n   * Works for both options and slots mode.\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async deselectAll(): Promise<void> {\n    if (this.disabled || this.readonly) return;\n\n    if (this.options) {\n      this.toggleSelectAllOptions(false);\n    } else {\n      this.toggleSelectAllSlots(false);\n    }\n  }\n\n  /**\n   * Toggle selection state of all visible and enabled items.\n   * If all items are selected, deselects all. Otherwise, selects all.\n   * Works for both options and slots mode.\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async toggleSelectAll(): Promise<void> {\n    if (this.disabled || this.readonly) return;\n\n    const currentState = this.options\n      ? this.getSelectAllCheckboxStateOptions()\n      : this.getSelectAllCheckboxStateSlots();\n\n    const shouldSelectAll =\n      currentState === 'unchecked' || currentState === 'indeterminate';\n\n    if (this.options) {\n      this.toggleSelectAllOptions(shouldSelectAll);\n    } else {\n      this.toggleSelectAllSlots(shouldSelectAll);\n    }\n  }\n\n  /**\n   * Reorder the content of the slot.\n   */\n  private reorderSlotContent() {\n    if (this.options) return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove all existing <hr class=\"multiselect-divider\">\n    ul.querySelectorAll('hr.multiselect-divider').forEach(divider =>\n      divider.remove(),\n    );\n\n    // Retrieve all items (not hidden)\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    // If you possibly have a \"No results\" message:\n    const hasEmptyMessage = ul.querySelector('[data-empty]');\n    if (hasEmptyMessage) {\n      // if there is a \"No results found\" message, do not reorder\n      return;\n    }\n\n    // Separate checked vs unchecked\n    const selectedItems = items.filter(item =>\n      (this.value || []).includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !(this.value || []).includes(item.getAttribute('value') || ''),\n    );\n\n    // Reinsert CHECKED items FIRST\n    // appendChild() moves the element without recreating it\n    // this is not trigger a re-rendering of the component in the platforms\n    selectedItems.forEach(item => {\n      ul.appendChild(item); // <-- The <li> (or <nv-fielddropdownitemcheck>) is just \"moved\" to the end of the list\n    });\n\n    // Add a divider if needed\n    if (selectedItems.length > 0 && unselectedItems.length > 0) {\n      const divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    // Reinsert UNCHECKED items at the end\n    unselectedItems.forEach(item => {\n      ul.appendChild(item);\n    });\n  }\n\n  /**\n   * Reorder the content for options mode with async handling\n   */\n  private reorderOptionsContent() {\n    const ul = this.el.querySelector('ul') as HTMLElement;\n    if (!ul) return;\n\n    const items = Array.from(\n      ul.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    const selectedItems = items.filter(item =>\n      (this.value || []).includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !(this.value || []).includes(item.getAttribute('value') || ''),\n    );\n\n    // Reorder the elements\n    selectedItems.forEach(item => ul.appendChild(item));\n    unselectedItems.forEach(item => ul.appendChild(item));\n\n    // Manage the divider after the reordering\n    this.manageDivider(ul, selectedItems, unselectedItems);\n  }\n\n  /**\n   * Filter multiselect items based on the text entered by the user.\n   */\n  private filterItems() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    if (!this.filterText.trim()) {\n      if (this.options && this.options.length > 0) {\n        // Reset options display\n        const items = Array.from(\n          ul.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      } else {\n        // Reset slot items display\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      }\n\n      // Reorder with divider\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n      const selectedItems = items.filter(item =>\n        (this.value || []).includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !(this.value || []).includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, selectedItems, unselectedItems);\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    if (this.options && this.options.length > 0) {\n      // Filter options mode\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const option = this.options.find(\n          opt => opt.value === item.getAttribute('value'),\n        );\n        if (option && !option.isDivider) {\n          const matchesFilter =\n            this.normalizeText(option.label).includes(normalizedFilter) ||\n            this.normalizeText(option.value).includes(normalizedFilter);\n\n          item.style.display = matchesFilter ? '' : 'none';\n          if (matchesFilter) hasVisibleItems = true;\n        }\n      });\n\n      // Manage the divider with the visible items\n      const visibleItems = items.filter(item => item.style.display !== 'none');\n      const visibleSelected = visibleItems.filter(item =>\n        (this.value || []).includes(item.getAttribute('value') || ''),\n      );\n      const visibleUnselected = visibleItems.filter(\n        item => !(this.value || []).includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, visibleSelected, visibleUnselected);\n    } else {\n      // Filter slot items mode\n      const items = Array.from(\n        this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const label = item.getAttribute('label') || '';\n        const value = item.getAttribute('value') || '';\n        const textContent = item.textContent || '';\n\n        const matchesFilter =\n          this.normalizeText(label).includes(normalizedFilter) ||\n          this.normalizeText(value).includes(normalizedFilter) ||\n          this.normalizeText(textContent).includes(normalizedFilter);\n\n        item.style.display = matchesFilter ? '' : 'none';\n        if (matchesFilter) hasVisibleItems = true;\n      });\n    }\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyResult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n\n    this.reorderSlotContent();\n  }\n\n  /**\n   * Filter multiselect items in options mode.\n   */\n  private filterItemsOption() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));\n\n    // Reset items if the filter text is empty\n    if (!this.filterText.trim()) {\n      this.removeEmptyMessageOption(ul);\n      items.forEach(item => {\n        item.style.display = '';\n        item.removeAttribute('aria-hidden'); // Ensure accessibility\n      });\n      this.reorderOptionsContent();\n      this.hasFilterResults = true;\n      return;\n    }\n\n    // Filter the items\n    items.forEach(item => {\n      const option = this.options.find(\n        opt => opt.value === item.getAttribute('value'),\n      );\n      if (option && !option.isDivider) {\n        const matchesFilter =\n          this.normalizeText(option.label).includes(normalizedFilter) ||\n          this.normalizeText(option.value).includes(normalizedFilter);\n\n        item.style.display = matchesFilter ? '' : 'none';\n        item.setAttribute('aria-hidden', matchesFilter ? 'false' : 'true'); // Update accessibility\n        if (matchesFilter) hasVisibleItems = true;\n      } else {\n        item.style.display = 'none'; // Hide dividers during filtering\n        item.setAttribute('aria-hidden', 'true');\n      }\n    });\n\n    // Update the filter results state\n    this.hasFilterResults = hasVisibleItems;\n\n    // Manage the divider with the visible items\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelected = visibleItems.filter(item =>\n      (this.value || []).includes(item.getAttribute('value') || ''),\n    );\n    const visibleUnselected = visibleItems.filter(\n      item => !(this.value || []).includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(ul, visibleSelected, visibleUnselected);\n\n    // Add or remove the empty message\n    if (!hasVisibleItems) {\n      this.addEmptyMessageOption(ul);\n    } else {\n      this.removeEmptyMessageOption(ul);\n    }\n  }\n\n  /**\n   * Filter multiselect items in slots mode\n   */\n  private filterSlotsItems() {\n    if (this.options) return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    // If filter text is empty, reset all items visibility\n    if (!this.filterText.trim()) {\n      this.resetFilter();\n      this.hasFilterResults = true; // Reset filter means we have results\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    // Get all items and preserve them in the DOM\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Instead of removing/reordering, just hide/show items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n      const textContent = item.textContent?.trim() || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter) ||\n        this.normalizeText(textContent).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\n    });\n\n    // Update the filter results state\n    this.hasFilterResults = hasVisibleItems;\n\n    // Get visible items after filtering\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelectedItems = visibleItems.filter(item =>\n      (this.value || []).includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(\n      ul,\n      visibleSelectedItems,\n      visibleItems.filter(\n        item => !(this.value || []).includes(item.getAttribute('value') || ''),\n      ),\n    );\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyResult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n  }\n\n  /**\n   * Handle badge close for options mode.\n   */\n  private handleBadgeCloseOptions = (): void => {\n    this.value = [];\n    this.valueChanged.emit(this.value);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Reorder options without the divider since there are no selected elements\n    this.options = this.options.filter(option => !option.isDivider);\n\n    // Reorder options without the divider since there are no selected elements\n    this.reorderOptionsContent();\n  };\n\n  /**\n   * Handle badge close for slots mode.\n   */\n  private handleBadgeCloseSlots = (): void => {\n    this.value = [];\n    this.valueChanged.emit(this.value);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Force DOM update before reordering\n    requestAnimationFrame(() => {\n      // Reorder slot content\n      this.reorderSlotContent();\n    });\n  };\n\n  /**\n   * Normalizes text by removing accents and converting to lowercase\n   * @param {string} text - The text to normalize\n   * @returns {string} The normalized text\n   *\n   * @example\n   * normalizeText(\"Café Latte\") => \"cafe latte\"\n   *\n   * @description\n   * This function performs text normalization in three steps:\n   * 1. Decomposes characters into their base form and combining characters (NFD)\n   * 2. Removes all diacritical marks (accents, umlauts, etc.)\n   * 3. Converts to lowercase and trims whitespace\n   *\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize} - MDN documentation on String.normalize()\n   * @see {@link https://en.wikipedia.org/wiki/Unicode_equivalence#Normal_forms} - More info about Unicode normalization forms\n   */\n  private normalizeText(text: string): string {\n    return text\n      .normalize('NFD') // Decompose characters into base + combining characters (e.g., é => e + ´)\n      .replace(/[\\u0300-\\u036f]/g, '') // Remove all diacritical marks (Unicode range for combining characters)\n      .toLowerCase() // Convert to lowercase\n      .trim(); // Remove leading and trailing whitespace\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (\n      this.el.contains(event.target as Node) ||\n      (this.inputElement && this.inputElement.contains(event.target as Node))\n    ) {\n      return;\n    }\n    this.open = false;\n  }\n\n  /**\n   * Handle popover close\n   */\n  private handlePopoverClose = () => {\n    // If we are handling Escape, ignore this event\n    if (this.isHandlingEscape) {\n      return;\n    }\n\n    // Filter reset is handled in handleOpenChanged; no need to repeat\n  };\n\n  /**\n   * Clear the filter text\n   */\n  private clearFilterText = () => {\n    if (this.filterText !== '') {\n      this.filterText = '';\n      this.filterTextChanged.emit('');\n    }\n    this.resetFilter();\n    this.hasFilterResults = true;\n  };\n\n  /**\n   * Handle input blur for options mode.\n   */\n  private handleInputBlurOptions = () => {\n    setTimeout(() => {\n      if (this.preventBlurClose) {\n        this.preventBlurClose = false;\n        return; // Don't close the popover\n      }\n      if (!this.el.contains(document.activeElement)) {\n        this.open = false; // Close the popover on blur\n        if (this.filterable) {\n          this.clearFilterText(); // Clear filter text on blur\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Updates the highlighted item in the dropdown list.\n   *\n   * @param {(HTMLNvFielddropdownitemElement | HTMLNvFielddropdownitemcheckElement)[]} items - The items to update.\n   * @param {number} index - The index of the item to highlight.\n   */\n  private updateHighlightedItem(\n    items: (\n      | HTMLNvFielddropdownitemElement\n      | HTMLNvFielddropdownitemcheckElement\n    )[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.setAttribute('tabindex', '0');\n        item.scrollIntoView({ block: 'nearest' });\n        // Focus on the nv-fieldcheckbox inside\n        const checkbox = item.querySelector('nv-fieldcheckbox');\n        if (checkbox) {\n          (checkbox as HTMLElement).focus();\n        }\n      } else {\n        item.classList.remove('highlighted');\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  /**\n   * Focus on the first item in the dropdown list.\n   */\n  private focusFirstItem() {\n    const firstItem = this.el.querySelector(\n      'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n    ) as HTMLNvFielddropdownitemcheckElement;\n\n    if (firstItem) {\n      firstItem.setAttribute('tabindex', '0');\n      firstItem.classList.add('highlighted');\n      firstItem.scrollIntoView({ block: 'nearest' });\n      // Focus on the nv-fieldcheckbox inside\n      const checkbox = firstItem.querySelector('nv-fieldcheckbox');\n      if (checkbox) {\n        (checkbox as HTMLElement).focus();\n      }\n    } else {\n      console.warn('No visible first item found to focus');\n    }\n  }\n\n  /**\n   * Handle click on the input container for options mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickOptions = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle click on the input container for slots mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickSlots = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle input change for options mode.\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputOptions = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.filterText = input.value;\n    this.filterTextChanged.emit(this.filterText);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterItemsOption();\n    }, this.debounceDelay);\n  };\n\n  private addEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) return;\n\n    const emptyMessage = document.createElement('li');\n    emptyMessage.setAttribute('data-empty', 'true');\n    emptyMessage.textContent = this.emptyResult;\n    emptyMessage.classList.add('no-results-message');\n    ul.appendChild(emptyMessage);\n  }\n\n  private removeEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) existingMessage.remove();\n  }\n\n  /**\n   * Handle input change for slots mode\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputSlots = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) return;\n\n    const input = event.target as HTMLInputElement;\n    this.filterText = input.value;\n    this.filterTextChanged.emit(this.filterText);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterSlotsItems();\n    }, this.debounceDelay);\n  };\n\n  /**\n   * Handle input focus for options mode.\n   */\n  private handleInputFocusOptions = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input focus for slots mode.\n   */\n  private handleInputFocusSlots = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input blur for slots mode.\n   */\n  private handleInputBlurSlots = () => {\n    setTimeout(() => {\n      if (this.preventBlurClose) {\n        this.preventBlurClose = false;\n        return; // Don't close the popover\n      }\n      if (!this.el.contains(document.activeElement)) {\n        this.open = false; // Close the popover on blur\n        if (this.filterable) {\n          this.clearFilterText(); // Clear filter text on blur\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Toggle the multiselect popover for options mode.\n   */\n  private togglePopoverOptions = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    this.open = !this.open;\n  };\n\n  /**\n   * Toggle the multiselect popover for slots mode.\n   */\n  private togglePopoverSlots = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    this.open = !this.open;\n  };\n\n  private manageDivider(\n    ul: HTMLElement,\n    selectedItems: Element[],\n    unselectedItems: Element[],\n  ) {\n    let divider = ul.querySelector('hr.multiselect-divider') as HTMLElement;\n    if (!divider) {\n      divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    const shouldShowDivider =\n      selectedItems.length > 0 && unselectedItems.length > 0;\n\n    if (shouldShowDivider) {\n      // Place the divider after the last selected item\n      const lastSelectedItem = selectedItems[selectedItems.length - 1];\n      lastSelectedItem.after(divider);\n      divider.style.display = '';\n    } else {\n      divider.style.display = 'none';\n    }\n  }\n\n  /**\n   * Synchronizes the checked state of all child nv-fielddropdownitemcheck components\n   * with the current selectedValues state.\n   */\n  private syncChildComponents() {\n    // Early return if element is not ready\n    if (!this.el || !this.el.isConnected) {\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      // Get the effective value: use explicit value if present, otherwise use label\n      const itemValue =\n        item.getAttribute('value') || item.getAttribute('label') || '';\n\n      const shouldBeChecked = (this.value || []).includes(itemValue);\n\n      // Only update if the checked state differs to avoid triggering unnecessary events\n      if (item.checked !== shouldBeChecked) {\n        // Set attribute and property, but avoid triggering itemChecked during bulk\n        if (this.isBulkOperation) {\n          // Directly update the DOM attribute to avoid triggering the setter\n          if (shouldBeChecked) {\n            item.setAttribute('checked', '');\n          } else {\n            item.removeAttribute('checked');\n          }\n          // Update internal state without emitting events (assumes nv-fielddropdownitemcheck respects this)\n          item.checked = shouldBeChecked;\n        } else {\n          item.checked = shouldBeChecked;\n        }\n      }\n    });\n  }\n\n  /**\n   * Gets visible and enabled slot items using consistent logic.\n   * @returns {Element[]} Array of visible and enabled items\n   */\n  private getVisibleEnabledSlotItems(): Element[] {\n    const allItems = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    return allItems.filter(item => {\n      const isHidden = item.style.display === 'none';\n      const isDisabled = item.hasAttribute('disabled');\n      return !isHidden && !isDisabled;\n    });\n  }\n\n  /**\n   * Gets visible and enabled option items by checking DOM elements.\n   * @returns {string[]} Array of visible and enabled option values\n   */\n  private getVisibleEnabledOptionItems(): string[] {\n    const allItems = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    const visibleItems = allItems.filter(item => {\n      const isHidden =\n        item.style.display === 'none' ||\n        item.getAttribute('aria-hidden') === 'true';\n      const isDisabled =\n        item.hasAttribute('disabled') ||\n        item.getAttribute('disabled') === 'true';\n      return !isHidden && !isDisabled;\n    });\n\n    return visibleItems\n      .map(item => item.getAttribute('value') || '')\n      .filter(value => value !== '');\n  }\n\n  /**\n   * Determines if the toggle all button should be shown in options mode.\n   * @returns {boolean} True if there are visible items and no \"No results found\" message\n   */\n  private shouldShowToggleAllOptionsButton(): boolean {\n    if (!this.options) return false; // Only for options mode\n    return this.enableSelectAll && this.hasFilterResults;\n  }\n\n  /**\n   * Toggles the selection state of all non-disabled options in options mode.\n   * Respects filtering by only selecting/deselecting visible items.\n   * @param {boolean} selectAll - Whether to select all items (true) or deselect all (false)\n   */\n  private toggleSelectAllOptions = (selectAll: boolean): void => {\n    if (!this.options) return;\n\n    this.isBulkOperation = true; // Set flag to suppress individual emissions\n\n    try {\n      // Get visible and enabled option values from DOM\n      const visibleOptionValues = this.getVisibleEnabledOptionItems();\n\n      if (selectAll) {\n        // Select all visible options - merge with existing selections\n        this.value = [...new Set([...this.value, ...visibleOptionValues])];\n      } else {\n        // Deselect only the visible options, keep others that might be filtered out\n        this.value = this.value.filter(\n          val => !visibleOptionValues.includes(val),\n        );\n      }\n\n      // Emit the change event\n      this.valueChanged.emit(this.value);\n\n      // Synchronize child components\n      this.syncChildComponents();\n\n      // Reorder content to move selected items to top\n      this.reorderOptionsContent();\n    } finally {\n      // Defer reset to next frame to ensure any async child emissions are ignored\n      requestAnimationFrame(() => {\n        this.isBulkOperation = false; // Reset flag\n      });\n    }\n  };\n\n  /**\n   * Gets the checkbox state for the select all checkbox in options mode.\n   * @returns {'checked' | 'unchecked' | 'indeterminate'} The checkbox state\n   */\n  private getSelectAllCheckboxStateOptions():\n    | 'checked'\n    | 'unchecked'\n    | 'indeterminate' {\n    if (!this.options) return 'unchecked';\n\n    // Get visible and enabled option values from DOM\n    const visibleOptionValues = this.getVisibleEnabledOptionItems();\n\n    if (visibleOptionValues.length === 0) return 'unchecked';\n\n    const selectedVisibleOptions = visibleOptionValues.filter(value =>\n      (this.value || []).includes(value),\n    );\n\n    if (selectedVisibleOptions.length === 0) return 'unchecked';\n    if (selectedVisibleOptions.length === visibleOptionValues.length)\n      return 'checked';\n    return 'indeterminate';\n  }\n\n  /**\n   * Gets the checkbox state for the select all checkbox in slots mode.\n   * @returns {'checked' | 'unchecked' | 'indeterminate'} The checkbox state\n   */\n  private getSelectAllCheckboxStateSlots():\n    | 'checked'\n    | 'unchecked'\n    | 'indeterminate' {\n    if (this.options) return 'unchecked';\n\n    // Get all visible and enabled items\n    const items = this.getVisibleEnabledSlotItems();\n\n    if (items.length === 0) return 'unchecked';\n\n    const selectedItems = items.filter(item => {\n      const itemValue =\n        item.getAttribute('value') || item.getAttribute('label') || '';\n      return itemValue !== '' && (this.value || []).includes(itemValue);\n    });\n\n    if (selectedItems.length === 0) return 'unchecked';\n    if (selectedItems.length === items.length) return 'checked';\n    return 'indeterminate';\n  }\n\n  /**\n   * Toggles the selection state of all non-disabled slot items.\n   * @param {boolean} selectAll - Whether to select all items (true) or deselect all (false)\n   */\n  private toggleSelectAllSlots = (selectAll: boolean): void => {\n    if (this.options) return; // Only for slots mode\n\n    this.isBulkOperation = true; // Set flag to suppress individual emissions\n\n    try {\n      // Get visible and enabled items\n      const items = this.getVisibleEnabledSlotItems();\n\n      if (selectAll) {\n        // Select all visible items\n        const allActiveValues = items\n          .map(\n            item =>\n              item.getAttribute('value') || item.getAttribute('label') || '',\n          )\n          .filter(value => value !== '');\n        this.value = [...new Set([...this.value, ...allActiveValues])];\n      } else {\n        // Deselect only the visible items, keep others that might be filtered out\n        const visibleValues = items\n          .map(\n            item =>\n              item.getAttribute('value') || item.getAttribute('label') || '',\n          )\n          .filter(value => value !== '');\n\n        this.value = this.value.filter(val => !visibleValues.includes(val));\n      }\n\n      // Emit the change event\n      this.valueChanged.emit(this.value);\n\n      // Force synchronization with a small delay to ensure DOM is updated\n      requestAnimationFrame(() => {\n        this.syncChildComponents();\n        this.reorderSlotContent();\n      });\n    } finally {\n      // Defer reset to next frame to ensure any async child emissions are ignored\n      requestAnimationFrame(() => {\n        this.isBulkOperation = false; // Reset flag\n      });\n    }\n  };\n\n  /**\n   * Handle click on the select all checkbox in options mode.\n   * @param {Event} event - The click event.\n   */\n  private handleSelectAllCheckboxOptionsClick = (event: Event): void => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const currentState = this.getSelectAllCheckboxStateOptions();\n\n    // Logic to handle the indeterminate state\n    // - unchecked → select all\n    // - indeterminate → select all (clicking on indeterminate will change to checked)\n    // - checked → deselect all\n    const shouldSelectAll =\n      currentState === 'unchecked' || currentState === 'indeterminate';\n\n    this.toggleSelectAllOptions(shouldSelectAll);\n  };\n\n  /**\n   * Handle click on the select all checkbox in slots mode.\n   * @param {Event} event - The click event.\n   */\n  private handleSelectAllCheckboxSlotsClick = (event: Event): void => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const currentState = this.getSelectAllCheckboxStateSlots();\n\n    // Logic to handle the indeterminate state\n    // - unchecked → select all\n    // - indeterminate → select all (clicking on indeterminate will change to checked)\n    // - checked → deselect all\n    const shouldSelectAll =\n      currentState === 'unchecked' || currentState === 'indeterminate';\n\n    this.toggleSelectAllSlots(shouldSelectAll);\n  };\n\n  /**\n   * Determines if the toggle all button should be shown in slots mode.\n   * @returns {boolean} True if there are visible items and no \"No results found\" message\n   */\n  private shouldShowToggleAllSlotButton(): boolean {\n    if (this.options) return false; // Only for slots mode\n    return this.enableSelectAll && this.hasFilterResults;\n  }\n\n  /**\n   * Initializes the value array from checked slotted nv-fielddropdownitemcheck elements (slots mode only).\n   */\n  private initializeValueFromSlots() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Values from checked slot children\n    const checkedValues = items\n      .filter(item => item.hasAttribute('checked'))\n      .map(\n        item => item.getAttribute('value') || item.getAttribute('label') || '',\n      );\n\n    // Combine with current this.value (set by code), ensuring uniqueness\n    this.value = Array.from(new Set([...(this.value || []), ...checkedValues]));\n  }\n\n  private handleMouseDownPreventBlur = () => {\n    this.preventBlurClose = true;\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  /**\n   * Renders the component in options mode\n   * @returns {any} The JSX for options mode\n   */\n  private renderOptionsMode = () => {\n    return (\n      <Host aria-label={this.label}>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container-multiselect\">\n              <slot name=\"leading-input\"></slot>\n\n              {(this.value?.length || 0) > 0 && (\n                <nv-badge\n                  slot=\"leading-input\"\n                  prevent-auto-close\n                  color=\"10\"\n                  dismissible={(this.value?.length || 0) > 0}\n                  label={`${this.value?.length || 0} ${this.badgeLabel}`}\n                  aria-label={`Clear all ${this.value?.length || 0} ${\n                    this.badgeLabel\n                  } items`}\n                  onCloseClicked={this.handleBadgeCloseOptions}\n                ></nv-badge>\n              )}\n\n              {this.filterable || this.disabled || this.readonly ? (\n                <input\n                  type=\"text\"\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autofocus={this.autofocus}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.filterText}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputOptions}\n                  onFocus={this.handleInputFocusOptions}\n                  onBlur={this.handleInputBlurOptions}\n                  onKeyDown={this.handleKeyDown}\n                  data-scope=\"focusable\"\n                  aria-label={this.label}\n                  aria-controls={`${this.inputId}-listbox`}\n                />\n              ) : (\n                <Fragment>\n                  <input\n                    id={this.inputId}\n                    type=\"text\"\n                    style={{\n                      position: 'absolute',\n                      opacity: '0',\n                      width: '0',\n                      height: '0',\n                      pointerEvents: 'none',\n                    }}\n                    tabIndex={-1}\n                    aria-hidden=\"true\"\n                    autoComplete={this.autocomplete}\n                    name={this.name}\n                    onFocus={this.handleInputFocusOptions}\n                  />\n                  <p\n                    id={this.inputId}\n                    class=\"non-filterable-text\"\n                    onClick={this.handleInputContainerClickOptions}\n                    tabIndex={0}\n                    onKeyDown={this.handleKeyDown}\n                    onFocus={this.handleInputFocusOptions}\n                    aria-label={this.label}\n                    aria-controls={`${this.inputId}-listbox`}\n                    data-scope=\"focusable\"\n                    role=\"button\"\n                  >\n                    <span>{this.placeholder}</span>\n                  </p>\n                </Fragment>\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              {this.filterable && this.filterText.length > 0 && (\n                <nv-iconbutton\n                  data-scope=\"clear-filter\"\n                  name=\"x\"\n                  size=\"md\"\n                  emphasis=\"lower\"\n                  aria-label=\"Clear filter text\"\n                  tabindex=\"-1\"\n                  title=\"Clear filter text\"\n                  onMouseDown={this.handleMouseDownPreventBlur}\n                  onClick={this.clearFilterText}\n                />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                title={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                onMouseDown={this.handleMouseDownPreventBlur}\n                onClick={this.togglePopoverOptions}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            id={`${this.inputId}-listbox`}\n            slot=\"content\"\n            style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n            onMouseDown={this.handleMouseDownPreventBlur}\n          >\n            {this.shouldShowToggleAllOptionsButton() && (\n              <div class=\"select-all-container\">\n                <div class=\"select-all-header\">\n                  {this.isSelectAllSectionVisible && (\n                    <nv-fieldcheckbox\n                      checked={\n                        this.getSelectAllCheckboxStateOptions() === 'checked'\n                      }\n                      indeterminate={\n                        this.getSelectAllCheckboxStateOptions() ===\n                        'indeterminate'\n                      }\n                      label={\n                        this.getSelectAllCheckboxStateOptions() === 'unchecked'\n                          ? this.selectAllLabel\n                          : this.deselectAllLabel\n                      }\n                      onMouseDown={this.handleMouseDownPreventBlur}\n                      onClick={this.handleSelectAllCheckboxOptionsClick}\n                    />\n                  )}\n                </div>\n              </div>\n            )}\n            <ul role=\"listbox\" aria-multiselectable=\"true\">\n              {this.options.map(option => (\n                <nv-fielddropdownitemcheck\n                  role=\"option\"\n                  label={option.label}\n                  description={option.description}\n                  value={option.value}\n                  checked={(this.value || []).includes(option.value)}\n                  disabled={option.disabled}\n                ></nv-fielddropdownitemcheck>\n              ))}\n            </ul>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  };\n\n  /**\n   * Renders the component in slots mode\n   * @returns {any} The JSX for slots mode\n   */\n  private renderSlotsMode = () => {\n    return (\n      <Host aria-label={this.label}>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container-multiselect\"\n              onClick={this.handleInputContainerClickSlots}\n            >\n              <slot name=\"leading-input\"></slot>\n\n              {(this.value?.length || 0) > 0 && (\n                <nv-badge\n                  slot=\"leading-input\"\n                  prevent-auto-close\n                  color=\"10\"\n                  dismissible={(this.value?.length || 0) > 0}\n                  label={`${this.value?.length || 0} ${this.badgeLabel}`}\n                  aria-label={`Clear all ${this.value?.length || 0} ${\n                    this.badgeLabel\n                  } items`}\n                  onCloseClicked={this.handleBadgeCloseSlots}\n                ></nv-badge>\n              )}\n\n              {this.filterable || this.disabled || this.readonly ? (\n                <input\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.filterText}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputSlots}\n                  onFocus={this.handleInputFocusSlots}\n                  onBlur={this.handleInputBlurSlots}\n                  onKeyDown={this.handleKeyDown}\n                  data-scope=\"focusable\"\n                  aria-label={this.label}\n                  aria-controls={`${this.inputId}-listbox`}\n                />\n              ) : (\n                <Fragment>\n                  <input\n                    id={this.inputId}\n                    type=\"text\"\n                    style={{\n                      position: 'absolute',\n                      opacity: '0',\n                      width: '0',\n                      height: '0',\n                      pointerEvents: 'none',\n                    }}\n                    tabIndex={-1}\n                    aria-hidden=\"true\"\n                    autoComplete={this.autocomplete}\n                    name={this.name}\n                    onFocus={this.handleInputFocusSlots}\n                  />\n                  <p\n                    id={this.inputId}\n                    class=\"non-filterable-text\"\n                    aria-label={this.label}\n                    onClick={this.handleInputContainerClickSlots}\n                    tabIndex={0}\n                    onKeyDown={this.handleKeyDown}\n                    onFocus={this.handleInputFocusSlots}\n                    aria-controls={`${this.inputId}-listbox`}\n                    data-scope=\"focusable\"\n                    role=\"button\"\n                  >\n                    <span>{this.placeholder}</span>\n                  </p>\n                </Fragment>\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              {this.filterable && this.filterText.length > 0 && (\n                <nv-iconbutton\n                  name=\"x\"\n                  size=\"md\"\n                  emphasis=\"lower\"\n                  tabindex=\"-1\"\n                  onMouseDown={this.handleMouseDownPreventBlur}\n                  onClick={this.clearFilterText}\n                  aria-label=\"Clear filter text\"\n                />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                title={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                onMouseDown={this.handleMouseDownPreventBlur}\n                onClick={this.togglePopoverSlots}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            id={`${this.inputId}-listbox`}\n            slot=\"content\"\n            style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n            onMouseDown={this.handleMouseDownPreventBlur}\n          >\n            {this.shouldShowToggleAllSlotButton() && (\n              <div class=\"select-all-container\">\n                <div class=\"select-all-header\">\n                  {this.isSelectAllSectionVisible && (\n                    <nv-fieldcheckbox\n                      checked={\n                        this.getSelectAllCheckboxStateSlots() === 'checked'\n                      }\n                      indeterminate={\n                        this.getSelectAllCheckboxStateSlots() ===\n                        'indeterminate'\n                      }\n                      label={\n                        this.getSelectAllCheckboxStateSlots() === 'unchecked'\n                          ? this.selectAllLabel\n                          : this.deselectAllLabel\n                      }\n                      onMouseDown={this.handleMouseDownPreventBlur}\n                      onClick={this.handleSelectAllCheckboxSlotsClick}\n                    />\n                  )}\n                </div>\n              </div>\n            )}\n            <slot name=\"content\"></slot>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  };\n\n  /**\n   * Renders description and error description sections\n   * @returns {any} The JSX for descriptions\n   */\n  private renderDescriptions() {\n    return [\n      (this.description || 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    ];\n  }\n\n  /**\n   * Main render method that decides which mode to render\n   * @returns {any} The JSX for the component\n   */\n  render() {\n    return this.options ? this.renderOptionsMode() : this.renderSlotsMode();\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-230af58a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFielddropdownitemCss","NvFielddropdownitemStyle0","NvFielddropdownitem","constructor","hostRef","this","composed","disabled","selected","handleSelected","dropdownItemSelected","emit","label","value","handleKeyDown","event","target","el","key","preventDefault","_b","_a","closest","querySelector","focus","componentWillLoad","Boolean","children","length","fallback","textContent","replace","render","h","Host","role","tabindex","onClick","class","name"],"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  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted when the dropdown item is selected.\n   */\n  @Event()\n  dropdownItemSelected: EventEmitter<{\n    /** The value associated with the item. */\n    label?: string;\n    /** The value associated with the item. */\n    value: string;\n  }>;\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      this.el\n        .closest('nv-fielddropdown')\n        ?.querySelector<HTMLElement>(\"[data-scope='focusable']\")\n        ?.focus();\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    });\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"],"mappings":"gEAAA,MAAMA,EAAyB,wtCAC/B,MAAAC,EAAeD,E,MCkBFE,EAAmB,MALhC,WAAAC,CAAAC,G,qEAOUC,KAAAC,SAAW,MASVD,KAAAE,SAAoB,MAMpBF,KAAAG,SAAoB,MAuDrBH,KAAAI,eAAiB,KACvB,GAAIJ,KAAKE,SAAU,OAEnBF,KAAKK,qBAAqBC,KAAK,CAC7BC,MAAOP,KAAKO,MACZC,MAAOR,KAAKQ,OACZ,C,CAxBJ,aAAAC,CAAcC,G,QACZ,GAAIA,EAAMC,SAAWX,KAAKY,GAAI,OAE9B,GAAIF,EAAMG,MAAQ,SAAWH,EAAMG,MAAQ,IAAK,CAC9CH,EAAMI,iBACNd,KAAKI,kBAELW,GAAAC,EAAAhB,KAAKY,GACFK,QAAQ,uBAAmB,MAAAD,SAAA,SAAAA,EAC1BE,cAA2B,+BAA2B,MAAAH,SAAA,SAAAA,EACtDI,O,EAqBR,iBAAAC,G,MACEpB,KAAKC,SAAWoB,QAAQrB,KAAKY,GAAGU,SAASC,QACzC,IAAKvB,KAAKQ,MAAO,CACf,MAAMgB,GAAWR,EAAAhB,KAAKO,SAAK,MAAAS,SAAA,EAAAA,EAAIhB,KAAKY,GAAGa,YACvCzB,KAAKQ,MAAQgB,EAASE,QAAQ,OAAQ,G,EAQ1C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAhB,IAAA,2CAACiB,KAAK,WAAWC,SAAU,KAAMC,QAAShC,KAAKI,gBAClDwB,EAAA,QAAAf,IAAA,8CAEEb,KAAKC,UACL2B,EAAA,OAAAf,IAAA,2CAAKoB,MAAM,gBACTL,EAAA,QAAAf,IAAA,wDAAiB,QAAQb,KAAKO,QAIjCP,KAAKG,UACJyB,EAAA,WAAAf,IAAA,2CAASqB,KAAK,QAAO,cAAa,OAAM,aAAY,a","ignoreList":[]}

package/dist/native/p-5e70f9ce.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as r,H as c}from"./p-3060df80.js";const s="nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";const e=s;const n=class{constructor(r){a(this,r)}render(){return r(c,{key:"664375922c55485e6b297f0e64950db684ecffa3"},r("slot",{key:"194e45ce439cadb2bdba17072070d3926a746d3f"}))}};n.style=e;export{n as nv_row};
-//# sourceMappingURL=p-5e70f9ce.entry.js.map

package/dist/native/p-8c053954.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FORMAT_CONFIGS","HH","pattern","parts","TimeType","Hours","defaultValue","maxLength","Minutes","Seconds","hh","getVisibleTimeTypes","format","config","isValidFormatValue","value","test","parseValueByFormat","defaultComponents","hours","startsWith","minutes","seconds","cleanValue","replace","exactMatch","match","extractComponentsFromMatch","fullFormatPattern","fullMatch","fullComponents","extractRelevantComponents","split","result","Object","assign","length","parseInt","isNaN","toString","padStart","includes","components","reconstructTimeByFormat","nvFieldtimeCss","NvFieldtimeStyle0","NvFieldtime","constructor","hostRef","this","inputElements","inputZeroAdded","typeFocused","inputId","uuidv4","readonly","disabled","required","success","error","open","step","autofocus","handleOpenChanged","event","stopPropagation","detail","handleKeyDown","key","preventDefault","popoverElement","console","warn","stringSelector","items","Array","from","el","querySelectorAll","currentIndex","findIndex","item","classList","contains","updateHighlightedItem","click","visibleTypes","currentTypeIndex","indexOf","nextTypeIndex","nextType","_a","focus","_b","select","firstVisibleType","blur","handleValueChange","newValue","formattedValue","valueChanged","emit","handleOpenChange","newOpen","hourSelector","updateColumnHighlight","minutesSelector","secondsSelector","handleFormatChange","newFormat","oldFormat","currentValue","reconstructTime","forceUpdate","handleInputChange","e","type","inputElement","target","inputValue","handleHoursChange","handleMinutesChange","handleSecondsChange","reconstructedValue","isHHFormat","maxHours","newInputValue","slice","parsedNewInputValue","maxMinutes","maxSeconds","parseTime","timeString","reconstructedTime","handleFocus","_c","_d","HandleDropdownIconClick","index","forEach","i","add","setAttribute","scrollIntoView","block","remove","handleTimeOptionClick","option","textContent","handleInputBlur","setTimeout","document","activeElement","handleClickOutside","values","some","input","handleScroll","scrollTop","containerHeight","clientHeight","scrollHeight","itemHeight","options","generateTimeOptions","singleSetHeight","stepInSeconds","generateHourOptions","generateMinuteOptions","generateSecondOptions","hourStep","Math","max","floor","is12HourFormat","defaultMaxHour","defaultMinHour","maxHour","parseHour","minHour","min","maxHourValue","minHourValue","hourStr","push","hour","minuteStep","minMinute","parseMinute","maxMinute","minuteStr","minute","secondStep","minSecond","parseSecond","maxSecond","secondStr","second","generateInfiniteTimeOptions","totalOptions","repetitions","ceil","fill","flat","selector","x","handleHostClick","targetElement","closest","componentWillLoad","addEventListener","bind","initialValue","connectedCallback","disconnectedCallback","removeEventListener","componentDidLoad","minuteSelector","secondSelector","renderTimeInputFields","elements","h","renderTimeInputField","getValue","getPlaceholder","getId","ref","class","maxlength","onInput","placeholder","inputMode","onFocus","name","id","onKeyDown","onBlur","renderTimeDropdownColumns","map","RenderTimeOptionsColumn","onScroll","selected","onClick","render","Host","onclick","label","querySelector","htmlFor","triggerMode","placement","slot","size","emphasis","description","errorDescription","hidden"],"sources":["src/components/nv-fieldtime/utils/format-utils.ts","src/components/nv-fieldtime/styles/nv-fieldtime.scss?tag=nv-fieldtime","src/components/nv-fieldtime/nv-fieldtime.tsx"],"sourcesContent":["import { TimeType } from '../../../utils/constants';\n\n/**\n * Interface representing the components of a time value\n */\n/**\n * Interface representing the components of a time value\n */\nexport interface TimeComponents {\n  /** Hours component as string */\n  hours: string;\n  /** Minutes component as string */\n  minutes: string;\n  /** Seconds component as string */\n  seconds: string;\n}\n\n/**\n * Configuration for each supported time format\n */\n/**\n * Configuration for each supported time format\n */\nexport interface FormatConfig {\n  /** Regular expression pattern for validation */\n  pattern: RegExp;\n  /** Array of time types included in this format */\n  parts: TimeType[];\n  /** Default value for this format */\n  defaultValue: string;\n  /** Maximum length of the formatted string */\n  maxLength: number;\n}\n\n/**\n * Format configurations for all supported time formats\n */\nexport const FORMAT_CONFIGS: Record<string, FormatConfig> = {\n  'HH': {\n    pattern: /^([0-1]?[0-9]|2[0-3])$/,\n    parts: [TimeType.Hours],\n    defaultValue: '00',\n    maxLength: 2,\n  },\n  'HH:mm': {\n    pattern: /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9])$/,\n    parts: [TimeType.Hours, TimeType.Minutes],\n    defaultValue: '00:00',\n    maxLength: 5,\n  },\n  'HH:mm:ss': {\n    pattern: /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,\n    parts: [TimeType.Hours, TimeType.Minutes, TimeType.Seconds],\n    defaultValue: '00:00:00',\n    maxLength: 8,\n  },\n  'hh': {\n    pattern: /^(0?[1-9]|1[0-2])$/,\n    parts: [TimeType.Hours],\n    defaultValue: '01',\n    maxLength: 2,\n  },\n  'hh:mm': {\n    pattern: /^(0?[1-9]|1[0-2]):([0-5]?[0-9])$/,\n    parts: [TimeType.Hours, TimeType.Minutes],\n    defaultValue: '01:00',\n    maxLength: 5,\n  },\n  'hh:mm:ss': {\n    pattern: /^(0?[1-9]|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,\n    parts: [TimeType.Hours, TimeType.Minutes, TimeType.Seconds],\n    defaultValue: '01:00:00',\n    maxLength: 8,\n  },\n};\n\n/**\n * Returns the visible time types for a given format\n * @param {string} format - The time format string\n * @returns {TimeType[]} Array of TimeType values that should be visible\n */\nexport function getVisibleTimeTypes(format: string): TimeType[] {\n  const config = FORMAT_CONFIGS[format];\n  if (!config) {\n    // Fallback for unknown formats\n    return [TimeType.Hours, TimeType.Minutes, TimeType.Seconds];\n  }\n  return config.parts;\n}\n\n/**\n * Validates if a given value string matches the expected format pattern\n * @param {string} value - The time value string to validate\n * @param {string} format - The expected time format\n * @returns {boolean} True if the value matches the format, false otherwise\n */\nexport function isValidFormatValue(value: string, format: string): boolean {\n  if (!value || !format) {\n    return false;\n  }\n\n  const config = FORMAT_CONFIGS[format];\n  if (!config) {\n    return false;\n  }\n\n  return config.pattern.test(value);\n}\n\n/**\n * Parses a time value string according to the specified format\n * Handles both full and partial time strings with backward compatibility\n * @param {string} value - The time value string to parse\n * @param {string} format - The target time format\n * @returns {TimeComponents} TimeComponents object with parsed hours, minutes, and seconds\n */\nexport function parseValueByFormat(\n  value: string,\n  format: string,\n): TimeComponents {\n  const config = FORMAT_CONFIGS[format];\n  const defaultComponents: TimeComponents = {\n    hours: format.startsWith('hh') ? '01' : '00',\n    minutes: '00',\n    seconds: '00',\n  };\n\n  if (!value || !config) {\n    return defaultComponents;\n  }\n\n  // Clean the input value - remove non-numeric characters except colons\n  const cleanValue = value.replace(/[^0-9:]/g, '');\n\n  // Try to match the exact format first\n  const exactMatch = cleanValue.match(config.pattern);\n  if (exactMatch) {\n    return extractComponentsFromMatch(exactMatch, format);\n  }\n\n  // Handle backward compatibility - parse full format values when format is shorter\n  const fullFormatPattern =\n    /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/;\n  const fullMatch = cleanValue.match(fullFormatPattern);\n  if (fullMatch) {\n    const fullComponents = extractComponentsFromMatch(fullMatch, 'HH:mm:ss');\n    return extractRelevantComponents(fullComponents, format);\n  }\n\n  // Handle partial format values - try to parse what we can\n  const parts = cleanValue.split(':');\n  const result = { ...defaultComponents };\n\n  if (parts.length >= 1 && parts[0]) {\n    const hours = parseInt(parts[0], 10);\n    if (!isNaN(hours)) {\n      if (format.startsWith('hh')) {\n        // 12-hour format validation\n        if (hours >= 1 && hours <= 12) {\n          result.hours = hours.toString().padStart(2, '0');\n        } else {\n          // Invalid hour for 12-hour format, keep default\n          result.hours = defaultComponents.hours;\n        }\n      } else {\n        // 24-hour format validation\n        if (hours >= 0 && hours <= 23) {\n          result.hours = hours.toString().padStart(2, '0');\n        } else {\n          // Invalid hour for 24-hour format, keep default\n          result.hours = defaultComponents.hours;\n        }\n      }\n    }\n  }\n\n  if (\n    parts.length >= 2 &&\n    parts[1] &&\n    config.parts.includes(TimeType.Minutes)\n  ) {\n    const minutes = parseInt(parts[1], 10);\n    if (!isNaN(minutes) && minutes >= 0 && minutes <= 59) {\n      result.minutes = minutes.toString().padStart(2, '0');\n    }\n  }\n\n  if (\n    parts.length >= 3 &&\n    parts[2] &&\n    config.parts.includes(TimeType.Seconds)\n  ) {\n    const seconds = parseInt(parts[2], 10);\n    if (!isNaN(seconds) && seconds >= 0 && seconds <= 59) {\n      result.seconds = seconds.toString().padStart(2, '0');\n    }\n  }\n\n  return result;\n}\n\n/**\n * Extracts time components from a regex match result\n * @param {RegExpMatchArray} match - The regex match result\n * @param {string} format - The format that was matched\n * @returns {TimeComponents} TimeComponents object\n */\nfunction extractComponentsFromMatch(\n  match: RegExpMatchArray,\n  format: string,\n): TimeComponents {\n  const result: TimeComponents = {\n    hours: format.startsWith('hh') ? '01' : '00',\n    minutes: '00',\n    seconds: '00',\n  };\n\n  if (match[1]) {\n    result.hours = parseInt(match[1], 10).toString().padStart(2, '0');\n  }\n  if (match[2]) {\n    result.minutes = parseInt(match[2], 10).toString().padStart(2, '0');\n  }\n  if (match[3]) {\n    result.seconds = parseInt(match[3], 10).toString().padStart(2, '0');\n  }\n\n  return result;\n}\n\n/**\n * Extracts only the relevant components based on the target format\n * @param {TimeComponents} components - Full time components\n * @param {string} format - Target format to extract components for\n * @returns {TimeComponents} TimeComponents with only relevant parts\n */\nfunction extractRelevantComponents(\n  components: TimeComponents,\n  format: string,\n): TimeComponents {\n  const config = FORMAT_CONFIGS[format];\n  const result: TimeComponents = {\n    hours: format.startsWith('hh') ? '01' : '00',\n    minutes: '00',\n    seconds: '00',\n  };\n\n  if (config.parts.includes(TimeType.Hours)) {\n    // Validate hours for the target format\n    const hours = parseInt(components.hours, 10);\n    if (format.startsWith('hh')) {\n      // 12-hour format validation\n      if (hours >= 1 && hours <= 12) {\n        result.hours = components.hours;\n      }\n      // If invalid, keep the default '01'\n    } else {\n      // 24-hour format validation\n      if (hours >= 0 && hours <= 23) {\n        result.hours = components.hours;\n      }\n      // If invalid, keep the default '00'\n    }\n  }\n  if (config.parts.includes(TimeType.Minutes)) {\n    result.minutes = components.minutes;\n  }\n  if (config.parts.includes(TimeType.Seconds)) {\n    result.seconds = components.seconds;\n  }\n\n  return result;\n}\n\n/**\n * Reconstructs a time string from components according to the specified format\n * @param {TimeComponents} components - Time components to reconstruct\n * @param {string} format - Target format for reconstruction\n * @returns {string} Formatted time string\n */\nexport function reconstructTimeByFormat(\n  components: TimeComponents,\n  format: string,\n): string {\n  const config = FORMAT_CONFIGS[format];\n  if (!config) {\n    return `${components.hours}:${components.minutes}:${components.seconds}`;\n  }\n\n  switch (format) {\n    case 'HH':\n    case 'hh':\n      return components.hours;\n    case 'HH:mm':\n    case 'hh:mm':\n      return `${components.hours}:${components.minutes}`;\n    case 'HH:mm:ss':\n    case 'hh:mm:ss':\n      return `${components.hours}:${components.minutes}:${components.seconds}`;\n    default:\n      return `${components.hours}:${components.minutes}:${components.seconds}`;\n  }\n}\n","@use './mixins' as *;\n@import '../../../styles/form-field';\n\nnv-fieldtime {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[success]:not([success='false']) {\n    @include form-field-success-variables();\n  }\n\n  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    @include apply-popover-style;\n    // Matches z-index value from popover component when using fixed positioning strategy\n    z-index: 9999;\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n    width: 100%;\n  }\n\n  .input-container {\n    @include form-field-input-container();\n    @include flex-container(flex-start);\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n    gap: 0;\n    padding-left: var(--form-field-padding-x);\n\n    input.time-input {\n      @include form-field-input();\n      @include apply-input-styles();\n    }\n\n    span {\n      width: 100%;\n      text-align: center;\n      min-width: 24px;\n      flex: 0 0 24px;\n      padding: 0 4px;\n      color: var(--components-form-field-content-text);\n    }\n\n    > nv-iconbutton {\n      @include form-field-action();\n      margin-left: auto;\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n      @include icon-position(50px);\n    }\n\n    &:focus,\n    &:focus-within {\n      @include apply-focus-styles;\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n\n  hr {\n    border: none;\n    border-top: 1px solid var(--dropdown-divider-color, #ccc);\n    margin: 0.5rem 0;\n  }\n\n  .time-dropdown {\n    width: 100%;\n\n    .time-columns {\n      @include flex-container;\n\n      .time-column {\n        flex: 1;\n        text-align: center;\n        @include scrollable(200px);\n        scrollbar-gutter: auto; // Prevents scrollbar from shifting content\n\n        &:last-child {\n          border-right: none;\n        }\n\n        .time-option {\n          padding: var(--calendar-padding);\n          text-align: center;\n          cursor: pointer;\n          transition: background-color 0.2s;\n          //height: 40px;\n          border-radius: var(--list-dropdown-item-radius);\n          color: var(--components-calendar-cell-text);\n          font-size: var(--font-size-sm);\n          @include flex-container(center);\n\n          &:hover {\n            background-color: var(--components-calendar-cell-background-hover);\n            color: var(--components-calendar-cell-text-hover);\n          }\n\n          @include state-focus(\n            var(--components-calendar-cell-background-hover),\n            var(--components-calendar-cell-text-hover)\n          );\n\n          &.selected {\n            background-color: var(\n              --components-calendar-cell-background-selected\n            );\n            color: var(--components-calendar-cell-text-selected);\n          }\n\n          &.highlighted {\n            background-color: var(--components-calendar-cell-background-hover);\n            color: var(--components-menu-contextual-item-content-hover);\n          }\n        }\n      }\n    }\n  }\n}\n","/* eslint-disable react/jsx-no-bind */\nimport {\n  Component,\n  Host,\n  h,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  Watch,\n  Listen,\n  forceUpdate,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TimeType } from '../../utils/constants';\nimport {\n  parseValueByFormat,\n  reconstructTimeByFormat,\n  TimeComponents,\n  isValidFormatValue,\n  FORMAT_CONFIGS,\n  getVisibleTimeTypes,\n} from './utils/format-utils';\n\n/**\n * A format-aware time input component that displays only relevant input fields based on the specified format.\n * The component ensures consistency between the format property and both input validation and value emission.\n *\n * @slot label - Content to be placed as the label, will override the label prop.\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 leading-input - Content to be placed before the input text, within the input container.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n */\n@Component({\n  tag: 'nv-fieldtime',\n  styleUrl: 'styles/nv-fieldtime.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldtime {\n  @Element() el: HTMLNvFieldtimeElement;\n\n  // Input elements for hours, minutes, and seconds\n  private inputElements: { [key: string]: HTMLInputElement } = {};\n\n  private inputZeroAdded: { [key: string]: boolean } = {};\n\n  private popoverElement!: HTMLNvPopoverElement;\n\n  private typeFocused: TimeType = TimeType.Hours;\n\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  hours: string = '00';\n  @State()\n  minutes: string = '00';\n  @State()\n  seconds: string = '00';\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The current value of the time input in the specified format.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * Lets you define the text that explains what users should enter in the time\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   * 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   * 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   * interact with 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   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\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.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Changes the input field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: 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 time\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Specifies the time format to be used.\n   * Available formats:\n   * - HH: 24-hour format (00-23)\n   * - HH:mm: 24-hour format with minutes (00:00-23:59)\n   * - HH:mm:ss: 24-hour format with minutes and seconds (00:00:00-23:59:59)\n   * - hh: 12-hour format (01-12)\n   * - hh:mm: 12-hour format with minutes (01:00-12:59)\n   * - hh:mm:ss: 12-hour format with minutes and seconds (01:00:00-12:59:59)\n   *\n   * The component automatically shows only the relevant input fields based on the selected format.\n   * When the format changes dynamically, the component re-parses the current value and updates\n   * the visible fields accordingly.\n   */\n  @Prop({ reflect: true })\n  readonly format: 'HH' | 'HH:mm' | 'HH:mm:ss' | 'hh' | 'hh:mm' | 'hh:mm:ss' =\n    'HH:mm:ss';\n\n  /**\n   * Add helpful hints or extra information under the time input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * State of the time picker popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * The step interval in milliseconds for time increments/decrements.\n   * This affects how the time changes when using arrow keys or spinners.\n   */\n  @Prop({ reflect: true })\n  readonly step: number = 60000; // In secondes\n\n  /**\n   * The maximum time value that can be selected.\n   */\n  @Prop({ reflect: true })\n  readonly max: string;\n\n  /**\n   * The minimum time value that can be selected.\n   */\n  @Prop({ reflect: true })\n  readonly min: string;\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  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emit an event when the time value changes.\n   * The event detail contains the new time value in the format specified by the format property.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    // Stop propagation to prevent the event from affecting parent components like dialogs\n    event.stopPropagation();\n\n    // Update `open` based on the popover state\n    this.open = event.detail;\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    // Verify if the popover element is defined\n    if (!this.popoverElement) {\n      console.warn('nv-fieldtime -> Popover element is not defined');\n      return;\n    }\n\n    const stringSelector = `.time-column.time-column-${this.typeFocused} div`;\n    const items = Array.from(\n      this.el.querySelectorAll<HTMLElement>(stringSelector),\n    );\n\n    // Verify if there are items to navigate\n    if (items.length === 0) {\n      console.warn('nv-fieldtime -> No dropdown items found to navigate');\n      return;\n    }\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex = (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex = (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Enter' && currentIndex >= 0) {\n      event.preventDefault();\n      items[currentIndex].click();\n\n      // Navigate to the next visible field\n      const visibleTypes = getVisibleTimeTypes(this.format);\n      const currentTypeIndex = visibleTypes.indexOf(this.typeFocused);\n      const nextTypeIndex = currentTypeIndex + 1;\n\n      if (nextTypeIndex < visibleTypes.length) {\n        const nextType = visibleTypes[nextTypeIndex];\n        this.inputElements[nextType]?.focus();\n        this.inputElements[nextType]?.select();\n      }\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n\n      const visibleTypes = getVisibleTimeTypes(this.format);\n      const firstVisibleType = visibleTypes[0];\n\n      if (firstVisibleType && this.inputElements[firstVisibleType]) {\n        this.inputElements[firstVisibleType].blur();\n      }\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    // Parse the new value and ensure it's in the correct format\n    if (newValue) {\n      const components = parseValueByFormat(newValue, this.format);\n      const formattedValue = reconstructTimeByFormat(components, this.format);\n\n      // Only emit if the formatted value is different from what we received\n      // This prevents infinite loops while ensuring format consistency\n      if (formattedValue !== newValue) {\n        this.value = formattedValue;\n        return; // The watcher will be called again with the formatted value\n      }\n    }\n\n    // Emit the value in the correct format\n    this.valueChanged.emit(newValue);\n  }\n\n  @Watch('open')\n  handleOpenChange(newOpen: boolean) {\n    // React to external changes, e.g., highlight current time on open\n    if (newOpen) {\n      // Re-highlight columns based on current value\n      const hourSelector = `.time-column.time-column-${TimeType.Hours} div`;\n      this.updateColumnHighlight(hourSelector, this.hours);\n      const minutesSelector = `.time-column.time-column-${TimeType.Minutes} div`;\n      this.updateColumnHighlight(minutesSelector, this.minutes);\n      const secondsSelector = `.time-column.time-column-${TimeType.Seconds} div`;\n      this.updateColumnHighlight(secondsSelector, this.seconds);\n    }\n  }\n\n  @Watch('format')\n  handleFormatChange(newFormat: string, oldFormat: string) {\n    if (newFormat === oldFormat) {\n      return; // No change, nothing to do\n    }\n\n    // Re-parse the current value with the new format\n    const currentValue = this.value || this.reconstructTime();\n\n    // Parse the current value using the old format to get the time components\n    const components = parseValueByFormat(\n      currentValue,\n      oldFormat || 'HH:mm:ss',\n    );\n\n    // Update the component state with the parsed components\n    this.hours = components.hours;\n    this.minutes = components.minutes;\n    this.seconds = components.seconds;\n\n    // Reconstruct the time value in the new format\n    const newValue = reconstructTimeByFormat(components, newFormat);\n\n    // Update the value, which will trigger the value watcher and emit the event\n    this.value = newValue;\n\n    // Force a re-render to update the visible input fields\n    forceUpdate(this.el);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInputChange(e: InputEvent, type: TimeType): void {\n    const inputElement = e.target as HTMLInputElement;\n    const inputValue = inputElement.value.replace(/[^0-9]/g, ''); // Only keep numeric input\n\n    // Check if this field is visible for the current format\n    const visibleTypes = getVisibleTimeTypes(this.format);\n    if (!visibleTypes.includes(type)) {\n      return; // Don't process input for non-visible fields\n    }\n\n    // Update the time value based on the type\n    switch (type) {\n      case TimeType.Hours:\n        this.handleHoursChange(inputValue, type);\n        break;\n      case TimeType.Minutes:\n        this.handleMinutesChange(inputValue, type);\n        break;\n      case TimeType.Seconds:\n        this.handleSecondsChange(inputValue, type);\n        break;\n    }\n\n    // Reconstruct time from inputs in the correct format\n    const reconstructedValue = this.reconstructTime();\n\n    // Update the value, which will trigger the watcher and emit the event\n    this.value = reconstructedValue;\n  }\n\n  private handleHoursChange(inputValue: string, type: TimeType): void {\n    const isHHFormat = this.format.startsWith('HH');\n    const maxHours = isHHFormat ? 24 : 12;\n\n    // Handle empty input\n    if (inputValue.length === 0) {\n      this.hours = '00';\n      return;\n    }\n\n    if (inputValue.length === 1) {\n      this.inputZeroAdded[type] = true;\n      const newInputValue = inputValue.padStart(2, '0');\n      this.hours = newInputValue;\n    } else if (this.inputZeroAdded[type]) {\n      this.inputZeroAdded[type] = false;\n      const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      // Only apply format validation (not min/max constraints)\n      if (parsedNewInputValue >= maxHours) {\n        this.hours = '00';\n      } else {\n        this.hours = newInputValue;\n      }\n    } else if (inputValue.length > 2) {\n      if (inputValue.startsWith('00')) {\n        this.inputZeroAdded[type] = true;\n        const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n        this.hours = newInputValue;\n      } else {\n        const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n        const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n        // Only apply format validation (not min/max constraints)\n        if (parsedNewInputValue >= maxHours) {\n          this.hours = '00';\n        } else {\n          this.hours = parsedNewInputValue.toString();\n        }\n      }\n    } else {\n      const parsedNewInputValue = parseInt(inputValue, 10) || 0;\n\n      // Only apply format validation (not min/max constraints)\n      if (parsedNewInputValue >= maxHours) {\n        this.hours = '00';\n      } else {\n        // For direct input, remove unnecessary leading zeros (e.g., '01' becomes '1')\n        this.hours = parsedNewInputValue.toString();\n      }\n    }\n\n    // Auto-navigation to next field when input is complete\n    if (this.hours.length >= 1 && !this.inputZeroAdded[type]) {\n      const visibleTypes = getVisibleTimeTypes(this.format);\n      const currentTypeIndex = visibleTypes.indexOf(TimeType.Hours);\n      const nextTypeIndex = currentTypeIndex + 1;\n\n      if (nextTypeIndex < visibleTypes.length) {\n        const nextType = visibleTypes[nextTypeIndex];\n        this.inputElements[nextType]?.focus();\n        this.inputElements[nextType]?.select();\n      }\n    }\n  }\n\n  private handleMinutesChange(inputValue: string, type: TimeType): void {\n    const maxMinutes = 60;\n\n    // Handle empty input\n    if (inputValue.length === 0) {\n      this.minutes = '00';\n      return;\n    }\n\n    if (inputValue.length === 1) {\n      this.inputZeroAdded[type] = true;\n      const newInputValue = inputValue.padStart(2, '0');\n      this.minutes = newInputValue;\n    } else if (this.inputZeroAdded[type]) {\n      this.inputZeroAdded[type] = false;\n      const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      // Only apply format validation (not min/max constraints)\n      if (parsedNewInputValue >= maxMinutes) {\n        this.minutes = '00';\n      } else {\n        this.minutes = newInputValue;\n      }\n    } else if (inputValue.length > 2) {\n      if (inputValue.startsWith('00')) {\n        this.inputZeroAdded[type] = true;\n        const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n        this.minutes = newInputValue;\n      } else {\n        const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n        const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n        // Only apply format validation (not min/max constraints)\n        if (parsedNewInputValue >= maxMinutes) {\n          this.minutes = '00';\n        } else {\n          this.minutes = parsedNewInputValue.toString();\n        }\n      }\n    } else {\n      const parsedNewInputValue = parseInt(inputValue, 10) || 0;\n\n      // Only apply format validation (not min/max constraints)\n      if (parsedNewInputValue >= maxMinutes) {\n        this.minutes = '00';\n      } else {\n        // For direct input, remove unnecessary leading zeros (e.g., '01' becomes '1')\n        this.minutes = parsedNewInputValue.toString();\n      }\n    }\n\n    // Auto-navigation to next field when input is complete\n    if (this.minutes.length >= 1 && !this.inputZeroAdded[type]) {\n      const visibleTypes = getVisibleTimeTypes(this.format);\n      const currentTypeIndex = visibleTypes.indexOf(TimeType.Minutes);\n      const nextTypeIndex = currentTypeIndex + 1;\n\n      if (nextTypeIndex < visibleTypes.length) {\n        const nextType = visibleTypes[nextTypeIndex];\n        this.inputElements[nextType]?.focus();\n        this.inputElements[nextType]?.select();\n      }\n    }\n  }\n\n  private handleSecondsChange(inputValue: string, type: TimeType): void {\n    const maxSeconds = 60;\n\n    // Handle empty input\n    if (inputValue.length === 0) {\n      this.seconds = '00';\n      return;\n    }\n\n    if (inputValue.length === 1) {\n      this.inputZeroAdded[type] = true;\n      const newInputValue = inputValue.padStart(2, '0');\n      this.seconds = newInputValue;\n    } else if (this.inputZeroAdded[type]) {\n      this.inputZeroAdded[type] = false;\n      const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      // Only apply format validation (not min/max constraints)\n      if (parsedNewInputValue >= maxSeconds) {\n        this.seconds = '00';\n      } else {\n        this.seconds = newInputValue;\n      }\n    } else if (inputValue.length > 2) {\n      const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      // Only apply format validation (not min/max constraints)\n      if (parsedNewInputValue >= maxSeconds) {\n        this.seconds = '00';\n      } else {\n        this.seconds = parsedNewInputValue.toString();\n      }\n    } else {\n      const parsedNewInputValue = parseInt(inputValue, 10) || 0;\n\n      // Only apply format validation (not min/max constraints)\n      if (parsedNewInputValue >= maxSeconds) {\n        this.seconds = '00';\n      } else {\n        // For direct input, remove unnecessary leading zeros (e.g., '01' becomes '1')\n        this.seconds = parsedNewInputValue.toString();\n      }\n    }\n\n    // No auto-navigation for seconds field as it's typically the last field\n  }\n\n  // Parse a time string according to the current format\n  private parseTime(timeString: string): void {\n    if (!timeString) {\n      return;\n    }\n\n    // Use format-aware parsing without constraint application\n    const components = parseValueByFormat(timeString, this.format);\n\n    // Set the parsed values without applying min/max constraints\n    this.hours = components.hours;\n    this.minutes = components.minutes;\n    this.seconds = components.seconds;\n  }\n\n  private reconstructTime(): string {\n    const components: TimeComponents = {\n      hours: this.hours,\n      minutes: this.minutes,\n      seconds: this.seconds,\n    };\n\n    // Ensure the reconstructed time is in the correct format\n    const reconstructedTime = reconstructTimeByFormat(components, this.format);\n\n    // Validate that the reconstructed time matches the expected format\n    if (!isValidFormatValue(reconstructedTime, this.format)) {\n      // If invalid, return the default value for this format\n      const config = FORMAT_CONFIGS[this.format];\n      return config ? config.defaultValue : reconstructedTime;\n    }\n\n    return reconstructedTime;\n  }\n\n  private handleFocus(type: TimeType): void {\n    if (this.readonly || this.disabled) {\n      return;\n    }\n\n    // Check if this field is visible for the current format\n    const visibleTypes = getVisibleTimeTypes(this.format);\n    if (!visibleTypes.includes(type)) {\n      return; // Don't handle focus for non-visible fields\n    }\n\n    if (!this.open) {\n      this.open = true; // Force the popover to open\n    }\n\n    // Refocus on the input if it loses focus and is empty\n    if (\n      this.inputElements[type]?.value.length === 0 ||\n      this.inputElements[type]?.value === '00'\n    ) {\n      this.inputElements[type]?.focus();\n      this.inputElements[type]?.select();\n    }\n\n    this.typeFocused = type;\n  }\n\n  private HandleDropdownIconClick(): void {\n    if (this.disabled || this.readonly) {\n      return; // Do not toggle if disabled or read-only\n    }\n\n    const visibleTypes = getVisibleTimeTypes(this.format);\n    const firstVisibleType = visibleTypes[0];\n\n    if (this.open) {\n      this.open = false; // Close the popover if it is open\n    } else if (\n      !this.open &&\n      firstVisibleType &&\n      this.inputElements[firstVisibleType]\n    ) {\n      this.inputElements[firstVisibleType]?.focus(); // Focus will open the popover\n      this.inputElements[firstVisibleType]?.select();\n    } else {\n      console.warn('nv-fieldtime -> No visible input elements found to focus');\n    }\n  }\n\n  private updateHighlightedItem(items: HTMLElement[], index: number) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.setAttribute('tabindex', '0');\n        item.focus(); // Forcer le focus ici\n        item.scrollIntoView({ block: 'nearest' });\n      } else {\n        item.classList.remove('highlighted');\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  private handleTimeOptionClick(event: MouseEvent, type: TimeType): void {\n    const option = parseInt(\n      (event.target as HTMLElement).textContent || '0',\n      10,\n    );\n\n    // Update the time component directly without constraint validation\n    // Dropdown options are already filtered by constraints during generation\n    if (type === TimeType.Hours) {\n      this.hours = option.toString().padStart(2, '0');\n    } else if (type === TimeType.Minutes) {\n      this.minutes = option.toString().padStart(2, '0');\n    } else if (type === TimeType.Seconds) {\n      this.seconds = option.toString().padStart(2, '0');\n    }\n\n    // Reconstruct time in the correct format and update value\n    const reconstructedTime = this.reconstructTime();\n    this.value = reconstructedTime;\n  }\n\n  private handleInputBlur(): void {\n    // Use a delay to check if the focus is still within the popover\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        if (this.open) {\n          this.open = false; // Close the popover if the focus is outside the component\n        }\n      }\n    }, 150);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    const target = event.target as Node;\n\n    // Check if the click is inside the component or any of the input elements\n    if (\n      this.el.contains(target) ||\n      Object.values(this.inputElements).some(input => input.contains(target))\n    ) {\n      return;\n    }\n\n    if (this.open) {\n      this.open = false; // Close the popover if the click is outside\n    }\n  }\n\n  private handleScroll(e: Event, type: TimeType): void {\n    const target = e.target as HTMLElement;\n    const scrollTop = target.scrollTop;\n    const containerHeight = target.clientHeight;\n    const scrollHeight = target.scrollHeight;\n\n    // Define the height of each item, this could be dynamic if the height varies\n    const itemHeight = 40; // Consider making this configurable or dynamic\n    const options = this.generateTimeOptions(type); // Generates the list of time options\n    const singleSetHeight = options.length * itemHeight;\n\n    // Check if the scroll is near the bottom or top and reset to the first set\n    if (\n      scrollTop + containerHeight >= scrollHeight - itemHeight ||\n      scrollTop <= 0\n    ) {\n      target.scrollTop = singleSetHeight; // Reset to the first set from the bottom\n    }\n  }\n\n  private generateTimeOptions(type: TimeType) {\n    // Convert the step in seconds\n    const stepInSeconds = this.step / 1000;\n\n    // Handle edge case for zero step\n    if (stepInSeconds === 0) {\n      return ['00']; // Just return the default value\n    }\n\n    // Generate the time options based on the type\n    switch (type) {\n      case TimeType.Hours:\n        return this.generateHourOptions(stepInSeconds);\n\n      case TimeType.Minutes:\n        return this.generateMinuteOptions(stepInSeconds);\n\n      case TimeType.Seconds:\n        return this.generateSecondOptions(stepInSeconds);\n\n      default:\n        return [];\n    }\n  }\n\n  private generateHourOptions(stepInSeconds: number): string[] {\n    const hourStep = Math.max(1, Math.floor(stepInSeconds / 3600)); // Prevent step < 1\n    const is12HourFormat = this.format.startsWith('hh');\n\n    // Set proper hour ranges based on format\n    const defaultMaxHour = is12HourFormat ? 12 : 23;\n    const defaultMinHour = is12HourFormat ? 1 : 0;\n\n    const maxHour = this.parseHour(this.max, this.format);\n    const minHour = this.parseHour(this.min, this.format);\n\n    const maxHourValue = maxHour ? parseInt(maxHour, 10) : defaultMaxHour;\n    const minHourValue = minHour ? parseInt(minHour, 10) : defaultMinHour;\n\n    const values: string[] = [];\n\n    for (let i = minHourValue; i <= maxHourValue; i += hourStep) {\n      const hourStr = i.toString().padStart(2, '0');\n      values.push(hourStr);\n    }\n\n    return values;\n  }\n\n  /**\n   * Parse hour value from min/max constraint strings for dropdown generation only.\n   * This method is used exclusively for filtering dropdown options and should not\n   * affect input values or validation.\n   * @param {string} value - The time string to parse (e.g., \"14:30\" or \"02:30\")\n   * @param {string} format - The time format string (e.g., \"HH:mm\" or \"hh:mm\")\n   * @returns {string} The parsed hour string or null if invalid\n   */\n  private parseHour(value: string | null, format: string): string | null {\n    if (!value) return null;\n    const [hourStr] = value.split(':');\n    const hour = parseInt(hourStr, 10);\n    if (isNaN(hour)) return null;\n    if (format.startsWith('hh'))\n      return hour > 0 && hour <= 12 ? hourStr.padStart(2, '0') : null;\n    return hour >= 0 && hour <= 24 ? hourStr.padStart(2, '0') : null;\n  }\n\n  private generateMinuteOptions(stepInSeconds: number): string[] {\n    const minuteStep = Math.max(1, Math.floor((stepInSeconds % 3600) / 60)); // Ensure step >= 1\n    const minMinute = this.parseMinute(this.min) ?? 0;\n    const maxMinute = this.parseMinute(this.max) ?? 59;\n\n    if (minMinute === 0 && maxMinute === 0) return ['00']; // Handle edge case for zero minutes\n\n    const values: string[] = [];\n\n    for (let i = minMinute; i <= maxMinute; i += minuteStep) {\n      const minuteStr = i.toString().padStart(2, '0');\n      values.push(minuteStr);\n    }\n\n    return values;\n  }\n\n  /**\n   * Parse minute value from min/max constraint strings for dropdown generation only.\n   * This method is used exclusively for filtering dropdown options and should not\n   * affect input values or validation.\n   * @param {string} value - The time string to parse (e.g., \"14:30\" or \"02:30\")\n   * @returns {number} The parsed minute number or null if invalid\n   */\n  private parseMinute(value: string | null): number | null {\n    if (!value) return null;\n    const parts = value.split(':');\n    if (parts.length < 2) return null; // Expect at least \"hh:mm\"\n    const minute = parseInt(parts[1], 10);\n    return isNaN(minute) || minute < 0 || minute >= 60 ? null : minute;\n  }\n\n  private generateSecondOptions(stepInSeconds: number): string[] {\n    const secondStep = Math.max(1, stepInSeconds % 60); // Ensure step >= 1\n    const minSecond = this.parseSecond(this.min) ?? 0;\n    const maxSecond = this.parseSecond(this.max) ?? 59;\n\n    if (minSecond === 0 && maxSecond === 0) return ['00']; // Handle edge case for zero seconds\n\n    const values: string[] = [];\n\n    for (let i = minSecond; i <= maxSecond; i += secondStep) {\n      const secondStr = i.toString().padStart(2, '0');\n      values.push(secondStr);\n    }\n\n    return values;\n  }\n\n  /**\n   * Parse second value from min/max constraint strings for dropdown generation only.\n   * This method is used exclusively for filtering dropdown options and should not\n   * affect input values or validation.\n   * @param {string} value - The time string to parse (e.g., \"14:30:45\" or \"02:30:45\")\n   * @returns {number} The parsed second number or null if invalid\n   */\n  private parseSecond(value: string | null): number | null {\n    if (!value) return null;\n    const parts = value.split(':');\n    if (parts.length < 3) return null; // Expect \"hh:mm:ss\" or \"HH:mm:ss\"\n    const second = parseInt(parts[2], 10);\n    return isNaN(second) || second < 0 || second >= 60 ? null : second;\n  }\n\n  private generateInfiniteTimeOptions(type: TimeType): string[] {\n    const options = this.generateTimeOptions(type);\n    const totalOptions = options.length;\n\n    // Dynamically calculate repetitions based on a target number of items (e.g., 300 items)\n    const repetitions = Math.ceil(300 / totalOptions);\n    return Array(repetitions).fill(options).flat();\n  }\n\n  private updateColumnHighlight(selector, value): void {\n    const items = Array.from(this.el.querySelectorAll<HTMLElement>(selector));\n\n    const index = items.findIndex(x => x.textContent === value);\n    this.updateHighlightedItem(items, index);\n  }\n\n  private handleHostClick(event: MouseEvent): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const targetElement = event.target as HTMLElement;\n\n    // Check if the click target or its ancestors are inside an nv-iconbutton element\n    if (targetElement.closest('nv-iconbutton')) {\n      return; // Handle icon button click separately\n    }\n\n    if (!this.open) {\n      if (this.inputElements) {\n        // Focus on the first visible field based on format\n        const visibleTypes = getVisibleTimeTypes(this.format);\n        const firstVisibleType = visibleTypes[0];\n\n        if (firstVisibleType && this.inputElements[firstVisibleType]) {\n          this.inputElements[firstVisibleType]?.focus();\n          this.inputElements[firstVisibleType]?.select();\n        }\n      }\n\n      event.preventDefault();\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n\n    // Initialize component state based on format and value\n    if (this.value) {\n      // Parse the provided value using format-aware parsing without constraint application\n      this.parseTime(this.value);\n    } else {\n      // Initialize with format-appropriate default values without any constraint application\n      // Use format-specific defaults: '01' for 12-hour formats, '00' for 24-hour formats\n      const defaultComponents = parseValueByFormat('', this.format);\n\n      // Set default values directly without any min/max constraint validation\n      this.hours = defaultComponents.hours;\n      this.minutes = defaultComponents.minutes;\n      this.seconds = defaultComponents.seconds;\n\n      // Set the initial value in the correct format without constraint validation\n      // This ensures the component has a proper initial state for the value watcher\n      const initialValue = reconstructTimeByFormat(\n        defaultComponents,\n        this.format,\n      );\n      this.value = initialValue;\n    }\n  }\n\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  componentDidLoad() {\n    // Initialize dropdown highlighting based on current component state\n    // This ensures proper visual feedback without applying any constraints\n\n    // Update highlighted items for hours based on current state\n    const hourSelector = `.time-column.time-column-hours div`;\n    this.updateColumnHighlight(hourSelector, this.hours);\n\n    // Update highlighted items for minutes based on current state\n    const minuteSelector = `.time-column.time-column-minutes div`;\n    this.updateColumnHighlight(minuteSelector, this.minutes);\n\n    // Update highlighted items for seconds based on current state\n    const secondSelector = `.time-column.time-column-seconds div`;\n    this.updateColumnHighlight(secondSelector, this.seconds);\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  /**\n   * Renders input fields based on the current format\n   * Only shows fields that are relevant to the selected format\n   * @returns {HTMLElement[]} Array of HTML elements for time input fields\n   */\n  private renderTimeInputFields(): HTMLElement[] {\n    const visibleTypes = getVisibleTimeTypes(this.format);\n    const elements: HTMLElement[] = [];\n\n    visibleTypes.forEach((type, index) => {\n      // Add separator colon before minutes and seconds (but not before the first field)\n      if (index > 0) {\n        elements.push(<span>:</span>);\n      }\n\n      // Add the input field for this time type\n      elements.push(this.renderTimeInputField(type));\n    });\n\n    return elements;\n  }\n\n  /**\n   * Renders a single time input field for the specified type\n   * @param {TimeType} type - The time type to render input for\n   * @returns {HTMLInputElement} HTML input element for the specified time type\n   */\n  private renderTimeInputField(type: TimeType): HTMLInputElement {\n    const getValue = () => {\n      switch (type) {\n        case TimeType.Hours:\n          return this.hours;\n        case TimeType.Minutes:\n          return this.minutes;\n        case TimeType.Seconds:\n          return this.seconds;\n        default:\n          return '00';\n      }\n    };\n\n    const getPlaceholder = () => {\n      switch (type) {\n        case TimeType.Hours:\n          return this.format.includes('hh') ? 'hh' : 'HH';\n        case TimeType.Minutes:\n          return 'mm';\n        case TimeType.Seconds:\n          return 'ss';\n        default:\n          return '';\n      }\n    };\n\n    const getId = () => {\n      switch (type) {\n        case TimeType.Hours:\n          return this.inputId;\n        case TimeType.Minutes:\n          return `${this.inputId}-minutes`;\n        case TimeType.Seconds:\n          return `${this.inputId}-seconds`;\n        default:\n          return this.inputId;\n      }\n    };\n\n    // Remove min/max constraints from input elements to allow native stepper behavior\n    // Constraints are only applied to dropdown options, not input steppers\n\n    return (\n      <input\n        ref={el => (this.inputElements[type] = el)}\n        type=\"number\"\n        autofocus={\n          this.autofocus && type === getVisibleTimeTypes(this.format)[0]\n        }\n        class=\"time-input\"\n        pattern=\"[0-9]*\"\n        maxlength=\"3\"\n        value={getValue()}\n        onInput={e => this.handleInputChange(e, type)}\n        placeholder={getPlaceholder()}\n        inputMode=\"numeric\"\n        onFocus={() => this.handleFocus(type)}\n        name={this.name ? `${type}-${this.name}` : type}\n        id={getId()}\n        readonly={this.readonly}\n        disabled={this.disabled}\n        required={this.required}\n        onKeyDown={e => this.handleKeyDown(e)}\n        onBlur={() => this.handleInputBlur()}\n      />\n    );\n  }\n\n  /**\n   * Renders dropdown columns based on the current format\n   * Only shows columns that are relevant to the selected format\n   * @returns {HTMLElement[]} Array of HTML elements for time dropdown columns\n   */\n  private renderTimeDropdownColumns(): HTMLElement[] {\n    const visibleTypes = getVisibleTimeTypes(this.format);\n    return visibleTypes.map(type => this.RenderTimeOptionsColumn(type));\n  }\n\n  private RenderTimeOptionsColumn(type: TimeType): HTMLElement {\n    return (\n      <div\n        class={`time-column time-column-${type}`}\n        onScroll={e => this.handleScroll(e, type)}\n      >\n        {/* Hours */}\n        {this.generateInfiniteTimeOptions(type).map((option, index) => (\n          <div\n            class={{\n              'time-option': true,\n              'selected':\n                (type === TimeType.Hours && option === this.hours) ||\n                (type === TimeType.Minutes && option === this.minutes) ||\n                (type === TimeType.Seconds && option === this.seconds),\n            }}\n            key={`${option}-${index}`}\n            onClick={e => this.handleTimeOptionClick(e, type)}\n          >\n            {option}\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        onclick={(e: MouseEvent) => this.handleHostClick(e)}\n        aria-expanded={this.open ? 'true' : 'false'}\n      >\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\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              {/* Render input fields based on format */}\n              {this.renderTimeInputFields()}\n\n              <nv-iconbutton\n                name={'clock'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide time picker' : 'Show time picker'}\n                onClick={() => this.HandleDropdownIconClick()}\n              />\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"sm\" />\n              )}\n              {this.success && (\n                <nv-icon name=\"circle-check\" class=\"validation\" size=\"sm\" />\n              )}\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div class=\"time-dropdown\" slot=\"content\">\n            <div class=\"time-columns\">{this.renderTimeDropdownColumns()}</div>\n          </div>\n        </nv-popover>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\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"],"mappings":"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","ignoreList":[]}