@nova-design-system/nova-webcomponents 3.18.0 → 3.20.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-23ee0384.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFieldnumberCss","NvFieldnumberStyle0","NvFieldnumber","constructor","hostRef","this","inputId","uuidv4","disabled","readonly","required","error","success","step","autofocus","fluid","handleInput","event","input","target","value","valueAsNumber","handleInputContainerClick","inputElement","focus","handlePlus","stepUp","Number","handleMinus","stepDown","preventSelection","preventDefault","isMinValueReached","min","undefined","isMaxValueReached","max","watchValueHandler","newValue","valueChanged","emit","componentWillRender","message","description","validation","errorDescription","render","h","Host","key","label","el","querySelector","htmlFor","name","class","onClick","id","ref","e","placeholder","type","readOnly","onInput","size","emphasis","onMouseDown","tabindex","hidden"],"sources":["src/components/nv-fieldnumber/nv-fieldnumber.scss?tag=nv-fieldnumber","src/components/nv-fieldnumber/nv-fieldnumber.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldnumber {\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  &[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  .input-wrapper {\n    @include form-field-input-wrapper();\n\n    .input-container {\n      @include form-field-input-container();\n\n      container-type: inline-size;\n      container-name: field-number-input-container;\n      overflow: hidden;\n      position: relative;\n\n      input {\n        @include form-field-input();\n\n        width: 100%;\n        appearance: textfield;\n\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n          appearance: none;\n          margin: 0;\n        }\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n        margin-right: var(--form-field-gap);\n      }\n\n      > nv-iconbutton {\n        @include form-field-action();\n      }\n\n      .stepper {\n        display: flex;\n        border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n        > nv-iconbutton {\n          @include form-field-action();\n          border-radius: 0px;\n        }\n      }\n\n      // container query to remove .stepper and and the spacer when the container is less than 150px\n      // .. this needs to be an absolute value because container queries do not accept variables\n      // .. using relative width (cqw) compared to a parent container would not work\n      // .. because the parent container follows the child's width\n      @container field-number-input-container (width < 150px) {\n        .stepper-spacer {\n          display: none;\n        }\n\n        .stepper {\n          display: none;\n        }\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Watch,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot trailing-input - Content to be placed after 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-fieldnumber',\n  styleUrl: 'nv-fieldnumber.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldnumber {\n  @Element() el: HTMLNvFieldnumberElement;\n  private inputElement!: HTMLInputElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the number field.\n   * @deprecated Use `description` instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   */\n  @Prop({ reflect: true })\n  readonly validation: string;\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description: string;\n\n  /**\n   * Display temporary text inside the input field to give users a hint about\n   * what to type. It’s a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\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   * The disabled prop lets you turn off the input field so that users can’t\n   * type in it. When disabled, the field is grayed out and won’t respond to#\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * 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   * 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   * 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, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the input field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: 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   * The maximum value that the input field can accept. Use this in combination\n   * with min to create a range of valid values.\n   */\n  @Prop({ reflect: true })\n  readonly max: number;\n\n  /**\n   * The minimum value that the input field can accept. Use this in combination\n   * with max to create a range of valid values.\n   */\n  @Prop({ reflect: true })\n  readonly min: number;\n\n  /**\n   * Define the increment value for the input field. It determines how much the\n   * value will increase or decrease when the user clicks the stepper buttons.\n   */\n  @Prop({ reflect: true })\n  readonly step: number = 1;\n\n  /**\n   * The value of the input field. It’s the text that users type in or the value\n   * that you set programmatically. This is the main way to interact with the\n   * input field, and it’s essential for creating forms that users can fill out.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: number;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<number>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  watchValueHandler(newValue: number) {\n    this.valueChanged.emit(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.valueAsNumber;\n  };\n\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  private handlePlus = () => {\n    this.inputElement.stepUp();\n    this.value = Number(this.inputElement.value);\n  };\n\n  private handleMinus = () => {\n    this.inputElement.stepDown();\n    this.value = Number(this.inputElement.value);\n  };\n\n  // prevents text selection when clicking the buttons multiple times\n  private preventSelection = (event: Event) => {\n    event.preventDefault();\n  };\n\n  private isMinValueReached = (): boolean => {\n    return this.min !== undefined && this.value <= this.min;\n  };\n\n  private isMaxValueReached = (): boolean => {\n    return this.max !== undefined && this.value >= this.max;\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\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        <div class=\"input-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div class=\"input-container\" onClick={this.handleInputContainerClick}>\n            <slot name=\"leading-input\"></slot>\n\n            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              placeholder={this.placeholder}\n              name={this.name}\n              type=\"number\"\n              autofocus={this.autofocus}\n              required={this.required}\n              max={this.max}\n              min={this.min}\n              step={this.step}\n              value={this.value}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n            />\n\n            <slot name=\"trailing-input\"></slot>\n\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n            )}\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n            )}\n\n            <div class=\"stepper\">\n              <nv-iconbutton\n                size=\"md\"\n                name=\"minus\"\n                emphasis=\"lower\"\n                onClick={this.handleMinus}\n                disabled={this.isMinValueReached()}\n                onMouseDown={this.preventSelection}\n                tabindex=\"-1\"\n              ></nv-iconbutton>\n              <nv-iconbutton\n                size=\"md\"\n                name=\"plus\"\n                emphasis=\"lower\"\n                onClick={this.handlePlus}\n                disabled={this.isMaxValueReached()}\n                onMouseDown={this.preventSelection}\n                tabindex=\"-1\"\n              />\n            </div>\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\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":[]}

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-835abdb9.entry.js

@@ -1,2 +0,0 @@
-import{h as e,r as i,c as t,H as r,g as n}from"./p-3060df80.js";import{c as a}from"./p-8a1a6e56.js";import{v as s}from"./p-f5ff676c.js";function o(e){if(Number.isInteger(e))return 0;const i=e.toString();const t=i.split(".")[1];return t?t.length:0}function l(e,i,t){return Math.max(i,Math.min(t,e))}function d(e,i,t){if(t===i)return 0;return(e-i)/(t-i)*100}function c(e,i,t,r){const n=l(e,i,t);const a=o(r);if(a>0){const e=Math.pow(10,a);const s=Math.round((n-i)*e);const o=Math.round(r*e);const d=Math.round(s/o);const c=d*o;const f=i+c/e;return l(parseFloat(f.toFixed(a)),i,t)}const s=(n-i)/r;const d=Math.round(s);const c=i+d*r;return l(c,i,t)}function f(e,i,t){const r=[];for(let n=e;n<=i;n+=t){r.push(Number(n.toFixed(10)))}if(r[r.length-1]!==i){r.push(i)}return r}function h(e,i){if(!i||i.length===0)return e;let t=i[0].value;let r=Math.abs(e-t);for(const n of i){const i=Math.abs(e-n.value);if(i<r){r=i;t=n.value}}return t}function u(e,i){const t=o(i);if(t>0){return e.toFixed(t)}return String(e)}const v=i=>{const{value:t,min:r,max:n,step:a,rawPosition:s,isDragging:o,snap:c,disabled:f,readonly:h,onKeyDown:v,labelBeforeValue:b,labelAfterValue:p}=i;let m=t;if(o&&!c){m=l(s,r,n)}const k=d(m,r,n);return e("div",{class:"thumb",style:{left:`${k}%`},role:"slider","aria-valuemin":r,"aria-valuemax":n,"aria-valuenow":t,"aria-disabled":f?"true":undefined,"aria-readonly":h?"true":undefined,tabindex:f?-1:0,onKeyDown:v},e("div",{class:"thumb-tooltip"},b&&e("span",{class:"label-before"},b),u(t,a),p&&e("span",{class:"label-after"},p)))};const b=i=>{const{rangeValue:t,rawRangePosition:r,activeDragThumb:n,isDragging:a,snap:s,min:o,max:c,step:f,disabled:h,readonly:v,onKeyDown:b,labelBeforeValue:p,labelAfterValue:m}=i;const[k,g]=t;let y=k;let x=g;if(a&&!s){const[e,i]=r;if(n==="left"){y=l(e,o,Math.min(g,c))}else if(n==="right"){x=l(i,Math.max(k,o),c)}}const w=d(y,o,c);const V=d(x,o,c);return[e("div",{class:"track-range",style:{left:`${w}%`,width:`${V-w}%`}}),e("div",{class:"thumb thumb-left",style:{left:`${w}%`},role:"slider","aria-valuemin":o,"aria-valuemax":c,"aria-valuenow":k,"aria-disabled":h?"true":undefined,"aria-readonly":v?"true":undefined,"data-thumb":"left",tabindex:h?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),u(k,f),m&&e("span",{class:"label-after"},m))),e("div",{class:"thumb thumb-right",style:{left:`${V}%`},role:"slider","aria-valuemin":o,"aria-valuemax":c,"aria-valuenow":g,"aria-disabled":h?"true":undefined,"aria-readonly":v?"true":undefined,"data-thumb":"right",tabindex:h?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),u(g,f),m&&e("span",{class:"label-after"},m)))]};const p=i=>{const{ticks:t,min:r,max:n}=i;if(t.length===0){return null}return e("div",{class:"track-ticks"},t.map((i=>{const t=d(i.value,r,n);return e("div",{class:"track-tick",style:{left:`${t}%`}},i.label&&e("div",{class:"tick-label"},i.label))})))};const m=i=>{const{range:t,hasField:r,value:n,rangeValue:s,index:o,inputId:l,min:d,max:c,step:f,disabled:h,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:k}=i;const g=t?s[o]:n;const y=t?{"data-index":o.toString()}:{};let x;if(t){if(o===0){x=m||""}else{x=k||(m?`${m}-end`:"")}}else{x=m||""}const w=e=>{e.stopPropagation();const i=e.detail;if(isNaN(i)){return}v({value:i,index:o})};return r?e("div",{class:a(!r&&"hidden-input")},e("nv-fieldnumber",Object.assign({id:l,value:g,min:d,max:c,step:f,disabled:h,readonly:u,name:x},y,{onInput:e=>e.stopPropagation(),onValueChanged:w}),b&&e("span",{class:"label-before",slot:"leading-input"},b),p&&e("span",{class:"label-after",slot:"trailing-input"},p))):e("input",{id:l,type:"hidden",value:g,disabled:h,readonly:u,name:x})};const k='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:"";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:"";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;width:90px;flex-grow:unset}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}';const g=k;const y=class{constructor(e){i(this,e);this.valueChanged=t(this,"valueChanged",7);this.startInputId=s();this.endInputId=s();this.hideLabel=false;this.hasField=false;this.range=false;this.disabled=false;this.readonly=false;this.error=false;this.success=false;this.value=[0];this.step=1;this.snap=false;this.snapTicks=false;this.min=0;this.max=100;this.showTicks=false;this.fluid=false;this.isDragging=false;this.activeDragThumb="single";this.internalTicks=[];this.rawPosition=0;this.rawRangePosition=[0,0];this.valueInternal=0;this.rangeValueInternal=[0,0];this.parseValue=()=>{if(typeof this.value==="string"){console.error("Sliders require a number or array of numbers to be passed in the value prop.");return}if(this.range&&this.value.length!==2){console.error("Range sliders require an array of two values to be passed in the value prop.");return}if(!this.range&&this.value.length!==1){console.error("Single sliders require a single value as an array to be passed in the value prop.");return}this.valueInternal=this.value[0];this.rangeValueInternal=[this.value[0],this.value[1]]};this.onTrackInteraction=e=>{if(this.disabled||this.readonly){return}const i=e.currentTarget.getBoundingClientRect();const t=l((e.clientX-i.left)/i.width*100,0,100);const r=this.min+t/100*(this.max-this.min);this.rawPosition=r;if(this.range){const e=d(this.rangeValueInternal[0],this.min,this.max);const i=d(this.rangeValueInternal[1],this.min,this.max);const n=Math.abs(t-e);const a=Math.abs(t-i);if(n<=a){this.activeDragThumb="left";this.rawRangePosition=[r,this.rawRangePosition[1]];this.handleValueChange([r,this.rangeValueInternal[1]])}else{this.activeDragThumb="right";this.rawRangePosition=[this.rawRangePosition[0],r];this.handleValueChange([this.rangeValueInternal[0],r])}}else{this.activeDragThumb="single";this.rawPosition=r;this.handleValueChange(r)}this.isDragging=true;this.registerGlobalEvents()};this.onPointerMove=e=>{if(!this.isDragging||this.disabled||this.readonly){return}const i=this.el.querySelector(".track");if(!i)return;const t=i.getBoundingClientRect();const r=l((e.clientX-t.left)/t.width*100,0,100);const n=this.min+r/100*(this.max-this.min);if(this.range){if(this.activeDragThumb==="left"){this.rawRangePosition=[n,this.rawRangePosition[1]];this.handleValueChange([n,this.rangeValueInternal[1]])}else{this.rawRangePosition=[this.rawRangePosition[0],n];this.handleValueChange([this.rangeValueInternal[0],n])}}else{this.rawPosition=n;this.handleValueChange(n)}};this.onPointerUp=()=>{this.isDragging=false;this.removeGlobalEvents()};this.onKeyDown=e=>{if(this.disabled||this.readonly){return}let i;const t=e.shiftKey?10:1;const r=this.step*t;if(this.range){const t=e.target.getAttribute("data-thumb");const n=t==="left"?0:1;const a=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":a[n]+=r;break;case"ArrowLeft":case"ArrowDown":a[n]-=r;break;case"Home":a[n]=this.min;break;case"End":a[n]=this.max;break;case"PageUp":a[n]+=r*10;break;case"PageDown":a[n]-=r*10;break;default:return}i=a}else{switch(e.key){case"ArrowRight":case"ArrowUp":i=this.valueInternal+r;break;case"ArrowLeft":case"ArrowDown":i=this.valueInternal-r;break;case"Home":i=this.min;break;case"End":i=this.max;break;case"PageUp":i=this.valueInternal+r*10;break;case"PageDown":i=this.valueInternal-r*10;break;default:return}}e.preventDefault();this.handleValueChange(i)};this.handleFieldChange=e=>{const i=e.value;if(isNaN(i)){return}if(this.range){const t=e.index===0?0:1;const r=[...this.rangeValueInternal];r[t]=i;this.handleValueChange(r)}else{this.handleValueChange(i)}}}validateValue(e){const i=l(e,this.min,this.max);if(this.snapTicks&&this.internalTicks&&this.internalTicks.length>0){return h(i,this.internalTicks)}return c(i,this.min,this.max,this.step)}handleValueChange(e){if(this.disabled||this.readonly){return}if(this.range){if(Array.isArray(e)&&e.length===2){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])];const t=[this.validateValue(i[0]),this.validateValue(i[1])];if(t[0]!==this.rangeValueInternal[0]||t[1]!==this.rangeValueInternal[1]){this.rangeValueInternal=t;this.value=this.rangeValueInternal;this.valueChanged.emit(this.rangeValueInternal)}}}else{if(typeof e==="number"){const i=this.validateValue(e);if(i!==this.valueInternal){this.valueInternal=i;this.value=[this.valueInternal];this.valueChanged.emit([this.valueInternal])}}}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0){this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value));return}if(!this.showTicks){this.internalTicks=[];return}const e=f(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove);document.addEventListener("pointerup",this.onPointerUp);document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove);document.removeEventListener("pointerup",this.onPointerUp);document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks();if(this.range){this.handleValueChange(this.rangeValueInternal)}else{this.handleValueChange(this.valueInternal)}}onRangeChange(e){if(e){this.rangeValueInternal=[this.min,this.valueInternal]}else{this.valueInternal=this.rangeValueInternal[1]}}connectedCallback(){this.parseValue();this.generateDisplayTicks();if(this.range){if(!Array.isArray(this.rangeValueInternal)||this.rangeValueInternal.length!==2){this.rangeValueInternal=[this.min,this.max]}this.handleValueChange(this.rangeValueInternal);this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]}else{this.handleValueChange(this.valueInternal);this.rawPosition=this.valueInternal}}componentWillLoad(){if(this.value.length===1&&this.range){this.value=[this.value[0],this.value[0]]}else if(this.value.length===2&&!this.range){this.value=[this.value[0]]}}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(r,{key:"5256401116f099a480f35552c3a38072c60d74ed"},(this.label||this.el.querySelector('[slot="label"]'))&&e("label",{key:"ae1c59b2561f0b007d3f6da3ef379a32fe2ff449",htmlFor:this.startInputId},e("slot",{key:"6d0b7e287276082ea680fc7fdfaabe428648df03",name:"label"},this.label)),e("div",{key:"3c09727930e4d7bbde1f1ad578fb87e18f04c8dc",class:"slider-container"},this.range?e(m,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:0,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):null,e("div",{key:"db7e57716f9fc13e9ecd2e81c4126ccd8ceade9f",class:"track-container"},e("div",{key:"8b5cc8d661b8179fa71c6729291e72bc743dcb13",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(b,{rangeValue:this.rangeValueInternal,rawRangePosition:this.rawRangePosition,activeDragThumb:this.activeDragThumb,isDragging:this.isDragging,snap:this.snap,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue}):e(v,{value:this.valueInternal,min:this.min,max:this.max,step:this.step,rawPosition:this.rawPosition,isDragging:this.isDragging,snap:this.snap,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue})),e(p,{key:"4f7ee0f6eccff4a2539b9f33c9f1dd68e0e8afa1",ticks:this.internalTicks,min:this.min,max:this.max})),this.range?e(m,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:1,inputId:this.endInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):e(m,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name})),(this.success||this.description||this.el.querySelector('[slot="description"]'))&&e("div",{key:"40b921d84578b1d7ae18fa5f1ebcc34cc1678df2",class:"description"},this.success&&e("nv-icon",{key:"c0c7e52eb9118154f18280fdcb09ca4a5db63c74",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"2d764e1dabf08abb3271de1f8c2cf6f8418d9d5d",name:"description"},this.description)),(this.error||this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"96f9424431a2adcca98f4619350e6d34c2037bc2",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"b77e2b14a5f4e9cdf49c173f5fbf24d6a3f081ff",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"f04a20c146d54c405669109436b28bf9ad99ebd8",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{value:["onValueChange"],min:["onConfigChange"],max:["onConfigChange"],step:["onConfigChange"],ticks:["onConfigChange"],showTicks:["onConfigChange"],snap:["onConfigChange"],snapTicks:["onConfigChange"],range:["onRangeChange"]}}};y.style=g;export{y as nv_fieldslider};
-//# sourceMappingURL=p-835abdb9.entry.js.map

package/dist/native/p-835abdb9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getDecimalPlaces","num","Number","isInteger","str","toString","decimalPart","split","length","clamp","value","min","max","Math","valueToPercent","snapToStep","step","clamped","decimalPlaces","multiplier","pow","scaledValue","round","scaledStep","roundedSteps","scaledSnapped","snapped","parseFloat","toFixed","stepsFromMin","generateTicks","ticks","v","push","snapToTicks","closestTick","minDistance","abs","tick","distance","formatValueForDisplay","String","SingleThumb","props","rawPosition","isDragging","snap","disabled","readonly","onKeyDown","labelBeforeValue","labelAfterValue","displayPosition","percent","h","class","style","left","role","undefined","tabindex","RangeThumb","rangeValue","rawRangePosition","activeDragThumb","leftValue","rightValue","displayLeftPosition","displayRightPosition","rawLeft","rawRight","leftPercent","rightPercent","width","TickMarks","map","label","FieldInput","range","hasField","index","inputId","onInput","name","endName","fieldValue","dataAttrs","inputName","handleValueChanged","event","stopPropagation","newValue","detail","isNaN","clsx","Object","assign","id","e","onValueChanged","slot","type","nvFieldsliderCss","NvFieldsliderStyle0","NvFieldslider","constructor","hostRef","this","startInputId","uuidv4","endInputId","hideLabel","error","success","snapTicks","showTicks","fluid","internalTicks","valueInternal","rangeValueInternal","parseValue","console","onTrackInteraction","trackRect","currentTarget","getBoundingClientRect","percentage","clientX","leftPct","rightPct","distanceToLeft","distanceToRight","handleValueChange","registerGlobalEvents","onPointerMove","trackElement","el","querySelector","onPointerUp","removeGlobalEvents","stepMultiplier","shiftKey","singleStep","focusedThumb","target","getAttribute","idx","currentValue","key","preventDefault","handleFieldChange","details","fieldIndex","updatedRange","validateValue","val","clampedValue","Array","isArray","orderedValues","validatedValues","valueChanged","emit","validatedValue","generateDisplayTicks","sort","a","b","autoTicks","document","addEventListener","removeEventListener","onValueChange","onConfigChange","onRangeChange","connectedCallback","componentWillLoad","disconnectedCallback","render","Host","htmlFor","onPointerDown","description","size","errorDescription","hidden"],"sources":["src/components/nv-fieldslider/nv-fieldslider.utils.ts","src/components/nv-fieldslider/partials/single-thumb.tsx","src/components/nv-fieldslider/partials/range-thumb.tsx","src/components/nv-fieldslider/partials/tick-marks.tsx","src/components/nv-fieldslider/partials/field-input.tsx","src/components/nv-fieldslider/styles/nv-fieldslider.scss?tag=nv-fieldslider","src/components/nv-fieldslider/nv-fieldslider.tsx"],"sourcesContent":["/**\n * Utility functions for nv-fieldslider.\n */\n\n/**\n * Gets the number of decimal places in a number.\n * @param {number} num - The number to check\n * @returns {number} The number of decimal places\n */\nexport function getDecimalPlaces(num: number): number {\n  if (Number.isInteger(num)) return 0;\n  const str = num.toString();\n  const decimalPart = str.split('.')[1];\n  return decimalPart ? decimalPart.length : 0;\n}\n\n/**\n * Clamp a value between min and max.\n * @param {number} value - The value to clamp\n * @param {number} min - The minimum boundary\n * @param {number} max - The maximum boundary\n * @returns {number} The clamped value\n */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, value));\n}\n\n/**\n * Calculate the percentage position of a value within a range.\n * @param {number} value - The value to convert to percentage\n * @param {number} min - The minimum value of the range\n * @param {number} max - The maximum value of the range\n * @returns {number} The percentage (0-100)\n */\nexport function valueToPercent(\n  value: number,\n  min: number,\n  max: number,\n): number {\n  if (max === min) return 0;\n  return ((value - min) / (max - min)) * 100;\n}\n\n/**\n * Snap a value to the nearest step.\n * @param {number} value - The value to snap\n * @param {number} min - The minimum boundary\n * @param {number} max - The maximum boundary\n * @param {number} step - The step size\n * @returns {number} The snapped value\n */\nexport function snapToStep(\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n): number {\n  const clamped = clamp(value, min, max);\n  const decimalPlaces = getDecimalPlaces(step);\n\n  // To avoid floating point issues in calculations, we can work with integers\n  // by multiplying all values by a power of 10 based on decimal places\n  if (decimalPlaces > 0) {\n    const multiplier = Math.pow(10, decimalPlaces);\n\n    // Convert to integer-based calculation\n    const scaledValue = Math.round((clamped - min) * multiplier);\n    const scaledStep = Math.round(step * multiplier);\n\n    // Round to nearest step using integer math\n    const roundedSteps = Math.round(scaledValue / scaledStep);\n\n    // Calculate snapped value and scale back down\n    const scaledSnapped = roundedSteps * scaledStep;\n    const snapped = min + scaledSnapped / multiplier;\n\n    // Format to correct decimal places to ensure precision\n    return clamp(parseFloat(snapped.toFixed(decimalPlaces)), min, max);\n  }\n\n  // For integer steps, use the original method\n  const stepsFromMin = (clamped - min) / step;\n  const roundedSteps = Math.round(stepsFromMin);\n  const snapped = min + roundedSteps * step;\n\n  return clamp(snapped, min, max);\n}\n\n/**\n * Generate tick values for the slider.\n * @param {number} min - The minimum value\n * @param {number} max - The maximum value\n * @param {number} step - The step size\n * @returns {number[]} Array of tick values\n */\nexport function generateTicks(\n  min: number,\n  max: number,\n  step: number,\n): number[] {\n  const ticks: number[] = [];\n  for (let v = min; v <= max; v += step) {\n    ticks.push(Number(v.toFixed(10))); // avoid floating point issues\n  }\n  if (ticks[ticks.length - 1] !== max) {\n    ticks.push(max);\n  }\n  return ticks;\n}\n\n/**\n * Snap a value to the nearest tick mark.\n * @param {number} value - The value to snap\n * @param {object[]} ticks - Array of tick objects\n * @returns {number} The value of the closest tick\n */\nexport function snapToTicks(\n  value: number,\n  ticks: {\n    /** The value of the tick */\n    value: number;\n  }[],\n) {\n  if (!ticks || ticks.length === 0) return value;\n\n  // Find the closest tick\n  let closestTick = ticks[0].value;\n  let minDistance = Math.abs(value - closestTick);\n\n  for (const tick of ticks) {\n    const distance = Math.abs(value - tick.value);\n    if (distance < minDistance) {\n      minDistance = distance;\n      closestTick = tick.value;\n    }\n  }\n\n  return closestTick;\n}\n\n/**\n * Format a numeric value for display, preserving trailing zeros based on step precision\n * @param {number} value - The value to format\n * @param {number} step - The step size that determines decimal precision\n * @returns {string} Formatted value string with appropriate decimal places\n */\nexport function formatValueForDisplay(value: number, step: number): string {\n  const decimalPlaces = getDecimalPlaces(step);\n  if (decimalPlaces > 0) {\n    return value.toFixed(decimalPlaces);\n  }\n  return String(value);\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport {\n  valueToPercent,\n  clamp,\n  formatValueForDisplay,\n} from '../nv-fieldslider.utils';\n\n/**\n * Props for the SingleThumb component\n */\ninterface SingleThumbProps {\n  /** Current value of the slider */\n  value: number;\n  /** Minimum allowed value */\n  min: number;\n  /** Maximum allowed value */\n  max: number;\n  /** Step size of the slider */\n  step: number;\n  /** Raw position during dragging */\n  rawPosition: number;\n  /** Whether the thumb is currently being dragged */\n  isDragging: boolean;\n  /** Whether the thumb should visually snap to steps */\n  snap: boolean;\n  /** Whether the slider is disabled */\n  disabled: boolean;\n  /** Whether the slider is readonly */\n  readonly: boolean;\n  /** Key down event handler */\n  onKeyDown: (event: KeyboardEvent) => void;\n  /** Label to display before the value */\n  labelBeforeValue?: string;\n  /** Label to display after the value */\n  labelAfterValue?: string;\n}\n\n/**\n * Renders single thumb in standard mode.\n * @param {SingleThumbProps} props - Component properties\n * @returns {JSX.Element} JSX element representing the thumb\n */\nexport const SingleThumb: FunctionalComponent<SingleThumbProps> = props => {\n  const {\n    value,\n    min,\n    max,\n    step,\n    rawPosition,\n    isDragging,\n    snap,\n    disabled,\n    readonly,\n    onKeyDown,\n    labelBeforeValue,\n    labelAfterValue,\n  } = props;\n\n  // Use raw position for visual display during dragging, but the snapped value otherwise\n  let displayPosition = value;\n  if (isDragging && !snap) {\n    displayPosition = clamp(rawPosition, min, max);\n  }\n\n  const percent = valueToPercent(displayPosition, min, max);\n\n  return (\n    <div\n      class=\"thumb\"\n      style={{ left: `${percent}%` }}\n      role=\"slider\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={value}\n      aria-disabled={disabled ? 'true' : undefined}\n      aria-readonly={readonly ? 'true' : undefined}\n      tabindex={disabled ? -1 : 0}\n      onKeyDown={onKeyDown}\n    >\n      <div class=\"thumb-tooltip\">\n        {labelBeforeValue && (\n          <span class=\"label-before\">{labelBeforeValue}</span>\n        )}\n        {formatValueForDisplay(value, step)}\n        {labelAfterValue && <span class=\"label-after\">{labelAfterValue}</span>}\n      </div>\n    </div>\n  );\n};\n","import { FunctionalComponent, h } from '@stencil/core';\nimport {\n  valueToPercent,\n  clamp,\n  formatValueForDisplay,\n} from '../nv-fieldslider.utils';\n\n/**\n * Props for the RangeThumb component\n */\ninterface RangeThumbProps {\n  /** Range values [left, right] */\n  rangeValue: number[];\n  /** Raw positions during dragging [left, right] */\n  rawRangePosition: [number, number];\n  /** Currently active thumb while dragging */\n  activeDragThumb: 'left' | 'right' | 'single';\n  /** Whether the thumb is currently being dragged */\n  isDragging: boolean;\n  /** Whether the thumb should visually snap to steps */\n  snap: boolean;\n  /** Minimum allowed value */\n  min: number;\n  /** Maximum allowed value */\n  max: number;\n  /** Step size of the slider */\n  step: number;\n  /** Whether the slider is disabled */\n  disabled: boolean;\n  /** Whether the slider is readonly */\n  readonly: boolean;\n  /** Key down event handler */\n  onKeyDown: (event: KeyboardEvent) => void;\n  /** Label to display before the value */\n  labelBeforeValue?: string;\n  /** Label to display after the value */\n  labelAfterValue?: string;\n}\n\n/**\n * Renders dual thumbs in range mode.\n * @param {RangeThumbProps} props - Component properties\n * @returns {JSX.Element[]} Array of JSX elements representing the range slider thumbs\n */\nexport const RangeThumb: FunctionalComponent<RangeThumbProps> = props => {\n  const {\n    rangeValue,\n    rawRangePosition,\n    activeDragThumb,\n    isDragging,\n    snap,\n    min,\n    max,\n    step,\n    disabled,\n    readonly,\n    onKeyDown,\n    labelBeforeValue,\n    labelAfterValue,\n  } = props;\n\n  const [leftValue, rightValue] = rangeValue;\n\n  // Use raw positions for visual display during dragging, but the snapped values otherwise\n  let displayLeftPosition = leftValue;\n  let displayRightPosition = rightValue;\n\n  if (isDragging && !snap) {\n    const [rawLeft, rawRight] = rawRangePosition;\n    if (activeDragThumb === 'left') {\n      displayLeftPosition = clamp(rawLeft, min, Math.min(rightValue, max));\n    } else if (activeDragThumb === 'right') {\n      displayRightPosition = clamp(rawRight, Math.max(leftValue, min), max);\n    }\n  }\n\n  const leftPercent = valueToPercent(displayLeftPosition, min, max);\n  const rightPercent = valueToPercent(displayRightPosition, min, max);\n\n  return [\n    <div\n      class=\"track-range\"\n      style={{\n        left: `${leftPercent}%`,\n        width: `${rightPercent - leftPercent}%`,\n      }}\n    />,\n    <div\n      class=\"thumb thumb-left\"\n      style={{ left: `${leftPercent}%` }}\n      role=\"slider\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={leftValue} // Always use the snapped value for ARIA\n      aria-disabled={disabled ? 'true' : undefined}\n      aria-readonly={readonly ? 'true' : undefined}\n      data-thumb=\"left\"\n      tabindex={disabled ? -1 : 0}\n      onKeyDown={onKeyDown}\n    >\n      <div class=\"thumb-tooltip\">\n        {labelBeforeValue && (\n          <span class=\"label-before\">{labelBeforeValue}</span>\n        )}\n        {formatValueForDisplay(leftValue, step)}\n        {labelAfterValue && <span class=\"label-after\">{labelAfterValue}</span>}\n      </div>\n    </div>,\n    <div\n      class=\"thumb thumb-right\"\n      style={{ left: `${rightPercent}%` }}\n      role=\"slider\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={rightValue} // Always use the snapped value for ARIA\n      aria-disabled={disabled ? 'true' : undefined}\n      aria-readonly={readonly ? 'true' : undefined}\n      data-thumb=\"right\"\n      tabindex={disabled ? -1 : 0}\n      onKeyDown={onKeyDown}\n    >\n      <div class=\"thumb-tooltip\">\n        {labelBeforeValue && (\n          <span class=\"label-before\">{labelBeforeValue}</span>\n        )}\n        {formatValueForDisplay(rightValue, step)}\n        {labelAfterValue && <span class=\"label-after\">{labelAfterValue}</span>}\n      </div>\n    </div>,\n  ];\n};\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { valueToPercent } from '../nv-fieldslider.utils';\n\n/**\n * Represents a tick mark on the slider\n */\ninterface Tick {\n  /** The numeric value of the tick */\n  value: number;\n  /** Optional label for the tick */\n  label?: string;\n}\n\n/**\n * Props for the TickMarks component\n */\ninterface TickMarksProps {\n  /** Array of tick definitions */\n  ticks: Tick[];\n  /** Minimum allowed value */\n  min: number;\n  /** Maximum allowed value */\n  max: number;\n}\n\n/**\n * Renders tick marks along the slider track.\n * @param {TickMarksProps} props - Component properties\n * @returns {JSX.Element | null} JSX element representing the tick marks or null if no ticks\n */\nexport const TickMarks: FunctionalComponent<TickMarksProps> = props => {\n  const { ticks, min, max } = props;\n\n  if (ticks.length === 0) {\n    return null;\n  }\n\n  return (\n    <div class=\"track-ticks\">\n      {ticks.map(tick => {\n        const percent = valueToPercent(tick.value, min, max);\n        return (\n          <div class=\"track-tick\" style={{ left: `${percent}%` }}>\n            {tick.label && <div class=\"tick-label\">{tick.label}</div>}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","import { FunctionalComponent, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * Props for the FieldInput component\n */\nexport interface FieldInputProps {\n  /** Whether this is a range slider */\n  range: boolean;\n  /** Whether to show the input field */\n  hasField: boolean;\n  /** The value for single mode */\n  value: number;\n  /** The values for range mode [min, max] */\n  rangeValue: number[];\n  /** Index (0 or 1) for range mode, ignored in single mode */\n  index?: number;\n  /** ID for the input field */\n  inputId: string;\n  /** Minimum allowed value */\n  min: number;\n  /** Maximum allowed value */\n  max: number;\n  /** Step size */\n  step: number;\n  /** Whether the slider is disabled */\n  disabled: boolean;\n  /** Whether the slider is readonly */\n  readonly: boolean;\n  /** Handler for input changes */\n  onInput: (details: {\n    /** Parsed value */\n    value: number;\n    /** Index (0 or 1) for range mode, ignored in single mode */\n    index?: number;\n  }) => void;\n  /** Label to display before the value */\n  labelBeforeValue?: string;\n  /** Label to display after the value */\n  labelAfterValue?: string;\n  /** Name attribute for the input field (for form submission) */\n  name?: string;\n  /** Name attribute for the end input field (when in range mode) */\n  endName?: string;\n}\n\n/**\n * Renders field input for direct value entry\n * @param {FieldInputProps} props - Component properties\n * @returns {JSX.Element} JSX element representing the field input\n */\nexport const FieldInput: FunctionalComponent<FieldInputProps> = props => {\n  const {\n    range,\n    hasField,\n    value,\n    rangeValue,\n    index,\n    inputId,\n    min,\n    max,\n    step,\n    disabled,\n    readonly,\n    onInput,\n    labelBeforeValue,\n    labelAfterValue,\n    name,\n    endName,\n  } = props;\n\n  // Determine the appropriate value based on mode and index\n  const fieldValue = range ? rangeValue[index] : value;\n\n  // In range mode, we need data-index for event handling\n  const dataAttrs = range ? { 'data-index': index.toString() } : {};\n\n  // Determine the appropriate name based on mode and index\n  let inputName: string;\n  if (range) {\n    if (index === 0) {\n      inputName = name || '';\n    } else {\n      // Use endName if provided, otherwise append \"-end\" to the name\n      inputName = endName || (name ? `${name}-end` : '');\n    }\n  } else {\n    inputName = name || '';\n  }\n\n  const handleValueChanged = (\n    event: CustomEvent<HTMLNvFieldnumberElementEventMap['valueChanged']>,\n  ): void => {\n    event.stopPropagation();\n    const newValue = event.detail;\n\n    if (isNaN(newValue)) {\n      return;\n    }\n\n    onInput({\n      value: newValue,\n      index,\n    });\n  };\n\n  return hasField ? (\n    <div class={clsx(!hasField && 'hidden-input')}>\n      <nv-fieldnumber\n        id={inputId}\n        value={fieldValue}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        readonly={readonly}\n        name={inputName}\n        {...dataAttrs}\n        onInput={e => e.stopPropagation()}\n        onValueChanged={handleValueChanged}\n      >\n        {labelBeforeValue && (\n          <span class=\"label-before\" slot=\"leading-input\">\n            {labelBeforeValue}\n          </span>\n        )}\n        {labelAfterValue && (\n          <span class=\"label-after\" slot=\"trailing-input\">\n            {labelAfterValue}\n          </span>\n        )}\n      </nv-fieldnumber>\n    </div>\n  ) : (\n    <input\n      id={inputId}\n      type=\"hidden\"\n      value={fieldValue}\n      disabled={disabled}\n      readonly={readonly}\n      name={inputName}\n    />\n  );\n};\n","@use \"./mixins\" as *;\n\nnv-fieldslider {\n  @include form-field-variables();\n  @include form-field-root();\n\n  .slider-container {\n    @include slider-container-styles();\n\n    .track-container {\n      @include track-container-styles();\n\n      .track {\n        @include track-styles();\n        .track-range {\n          @include track-range-styles();\n        }\n        .thumb {\n          @include thumb-styles();\n          .thumb-tooltip {\n            @include thumb-tooltip-styles();\n          }\n          &:hover, &:active, &:focus {\n            .thumb-tooltip {\n              opacity: 1;\n            }\n          }\n        }\n      }\n\n      .track-ticks {\n        @include track-ticks-styles();\n        .track-tick {\n          @include track-tick-styles();\n          .tick-label {\n            @include tick-label-styles();\n          }\n        }\n      }\n    }\n\n    .input-container {\n      @include form-field-input-container();\n      @include input-container-styles();\n      input {\n        @include form-field-input();\n      }\n      .label-before {\n        @include input-label-before-styles();\n      }\n      .label-after {\n        @include input-label-after-styles();\n      }\n    }\n  }\n\n  &[fluid]:not([fluid=\"false\"]) {\n    @include form-field-fluid();\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  &[readonly]:not([readonly=\"false\"]) {\n    @include form-field-readonly-variables();\n    .track,\n    .thumb {\n      cursor: default;\n    }\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-icon.validation {\n    @include form-field-icon();\n  }\n\n  &[hide-label]:not([hide-label=\"false\"]) label {\n    @include form-field-hide-label();\n  }\n\n  &[has-field]:not([has-field=\"false\"]) {\n    .thumb-tooltip {\n      display: none;\n    }\n  }\n\n  > .description {\n    @include form-field-description();\n  }\n\n  > .error-description {\n    @include form-field-error-description();\n    &[hidden] {\n      display: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Watch,\n  Element,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  clamp,\n  valueToPercent,\n  snapToStep,\n  generateTicks,\n  snapToTicks,\n} from './nv-fieldslider.utils';\n\nimport { SingleThumb } from './partials/single-thumb';\nimport { RangeThumb } from './partials/range-thumb';\nimport { TickMarks } from './partials/tick-marks';\nimport { FieldInput, type FieldInputProps } from './partials/field-input';\n\n/**\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-fieldslider',\n  styleUrl: 'styles/nv-fieldslider.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldslider {\n  @Element() el: HTMLNvFieldsliderElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the start input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly startInputId: string = uuidv4();\n\n  /**\n   * Sets the ID for the end input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly endInputId: string = uuidv4();\n\n  /**\n   * Provides a textual description of the slider's function, helping users\n   * understand what the control adjusts. It also supports accessibility by\n   * serving as the accessible name for the component.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Keeps the interface clean by removing visible labels, but still announces\n   * the label to screen readers so users relying on assistive tech aren't left\n   * guessing.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * Add helpful hints or extra information under the slider. This is where you\n   * can clarify what users should enter or provide additional instructions,\n   * making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Enables an optional numeric input field alongside the slider, allowing\n   * users to type a value directly instead of—or in addition to—using the\n   * slider handle. The field accepts numeric values in the format based on\n   * client-side local settings.\n   */\n  @Prop({ reflect: true })\n  readonly hasField: boolean = false;\n\n  /**\n   * Allows the slider to display two thumbs, enabling users to select a\n   * continuous range between a minimum and maximum value. Ideal for use cases\n   * like filtering by price or time.\n   */\n  @Prop({ reflect: true })\n  readonly range: boolean = false;\n\n  /**\n   * Disables user interaction with the slider and its associated input fields.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Makes the slider and input non-editable while keeping them focusable and\n   * included in form submissions.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Alters the slider'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 slider.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Changes the slider's appearance to indicate successful input or validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Numeric value of the slider as an array of numbers. When in single mode,\n   * the value should be a an array of one number. When in range mode, the value\n   * should be an array of two numbers.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: number[] = [0];\n\n  /**\n   * Defines the interval between selectable values on the slider. Controls how\n   * much the value increases or decreases with each keyboard interaction, drag\n   * movement, or direct input.\n   */\n  @Prop({ reflect: true })\n  readonly step: number = 1;\n\n  /**\n   * Controls whether the slider handle should visually snap to step values\n   * during dragging. When false, the handle can be positioned at any point\n   * along the track while dragging, but the actual value will still snap to the\n   * nearest step value. When true, the handle will visually snap to the nearest\n   * step value during dragging.\n   */\n  @Prop({ reflect: true })\n  readonly snap: boolean = false;\n\n  /**\n   * When true and custom ticks are provided, the slider will snap to the nearest\n   * tick value during dragging, instead of using the step value. This is useful\n   * when you have custom ticks at specific values that don't align with regular step intervals.\n   */\n  @Prop({ reflect: true })\n  readonly snapTicks: boolean = false;\n\n  /**\n   * Name attribute for the form input element. Required for form submission.\n   * For range sliders, this will be used for the start value input and add -end\n   * to the end input name.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Name attribute for the end value input when using range mode.\n   * If not provided, the name attribute will be used with '-end' appended.\n   */\n  @Prop({ reflect: true })\n  readonly endName: string;\n\n  /**\n   * Defines the minimum allowed value for the slider. The thumb cannot move\n   * below this value, and manual input is also constrained accordingly.\n   */\n  @Prop({ reflect: true })\n  readonly min: number = 0;\n\n  /**\n   * Defines the maximum allowed value for the slider. The thumb cannot move\n   * above this value, and manual input is also constrained accordingly.\n   */\n  @Prop({ reflect: true })\n  readonly max: number = 100;\n\n  /**\n   * Controls the visibility of tick marks on the slider. When enabled, all\n   * visual ticks that indicate step points along the track are shown. If custom\n   * ticks are provided, they are always shown regardless of this setting.\n   */\n  @Prop({ reflect: true })\n  readonly showTicks: boolean = false;\n\n  /**\n   * Allows you to specify custom tick marks at specific values along the\n   * slider. Each tick can optionally display a label to provide additional\n   * context or guidance for users.\n   */\n  @Prop({ reflect: false })\n  readonly ticks: {\n    /** The numeric value of the tick */\n    value: number;\n    /** The label of the tick */\n    label?: string;\n  }[];\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   * Use this to automatically show a label, like \"~\" for approximate values,\n   * before the slider's value in the tooltip or input, giving users quick\n   * context about the number.\n   */\n  @Prop({ reflect: true })\n  readonly labelBeforeValue: string;\n\n  /**\n   * Use this to automatically show a label, like \"$\" or \"kg,\" after the value\n   * on the slider's tooltip or input, helping users better understand the\n   * number.\n   */\n  @Prop({ reflect: true })\n  readonly labelAfterValue: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region STATE\n\n  @State()\n  isDragging = false;\n\n  @State()\n  activeDragThumb: 'left' | 'right' | 'single' = 'single';\n\n  @State()\n  internalTicks: typeof this.ticks = [];\n\n  // These track the raw slider positions for visual display\n  @State()\n  rawPosition = 0;\n\n  @State()\n  rawRangePosition: [number, number] = [0, 0];\n\n  @State()\n  valueInternal: number = 0;\n\n  @State()\n  rangeValueInternal: [number, number] = [0, 0];\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Ensures value is valid and within bounds.\n   * @param {number} val - The value to validate\n   * @returns {number} The validated and snapped value\n   */\n  private validateValue(val: number): number {\n    // First ensure the value is within bounds\n    const clampedValue = clamp(val, this.min, this.max);\n\n    // If snapTicks is true and we have custom ticks, snap to the nearest tick\n    if (this.snapTicks && this.internalTicks && this.internalTicks.length > 0) {\n      return snapToTicks(clampedValue, this.internalTicks);\n    }\n\n    // Otherwise snap to step values\n    return snapToStep(clampedValue, this.min, this.max, this.step);\n  }\n\n  /**\n   * Parses the value string into a number or array of numbers for internal use.\n   */\n  private parseValue = (): void => {\n    if (typeof this.value === 'string') {\n      console.error(\n        'Sliders require a number or array of numbers to be passed in the value prop.',\n      );\n      return;\n    }\n    if (this.range && this.value.length !== 2) {\n      console.error(\n        'Range sliders require an array of two values to be passed in the value prop.',\n      );\n      return;\n    }\n\n    if (!this.range && this.value.length !== 1) {\n      console.error(\n        'Single sliders require a single value as an array to be passed in the value prop.',\n      );\n      return;\n    }\n    this.valueInternal = this.value[0];\n    this.rangeValueInternal = [this.value[0], this.value[1]];\n  };\n\n  /**\n   * Handles value changes from slider interaction.\n   * @param {number | number[]} newValue - The new value or range values\n   */\n  private handleValueChange(newValue: number | number[]): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.range) {\n      // Handle range values\n      if (Array.isArray(newValue) && newValue.length === 2) {\n        // Ensure values are in order (left ≤ right)\n        const orderedValues = [\n          Math.min(newValue[0], newValue[1]),\n          Math.max(newValue[0], newValue[1]),\n        ];\n\n        // Snap to steps and clamp\n        const validatedValues: [number, number] = [\n          this.validateValue(orderedValues[0]),\n          this.validateValue(orderedValues[1]),\n        ];\n\n        if (\n          validatedValues[0] !== this.rangeValueInternal[0] ||\n          validatedValues[1] !== this.rangeValueInternal[1]\n        ) {\n          this.rangeValueInternal = validatedValues;\n          this.value = this.rangeValueInternal;\n          this.valueChanged.emit(this.rangeValueInternal);\n        }\n      }\n    } else {\n      // Handle single value\n      if (typeof newValue === 'number') {\n        const validatedValue = this.validateValue(newValue);\n\n        if (validatedValue !== this.valueInternal) {\n          this.valueInternal = validatedValue;\n          this.value = [this.valueInternal];\n          this.valueChanged.emit([this.valueInternal]);\n        }\n      }\n    }\n  }\n\n  /**\n   * Generates the ticks to display based on props and state.\n   */\n  private generateDisplayTicks(): void {\n    // If custom ticks are provided, always use them regardless of showTicks setting\n    if (this.ticks && this.ticks.length > 0) {\n      this.internalTicks = [...this.ticks].sort((a, b) => a.value - b.value);\n      return;\n    }\n\n    // If showTicks is false and there are no custom ticks, hide all ticks\n    if (!this.showTicks) {\n      this.internalTicks = [];\n      return;\n    }\n\n    // Generate all ticks at each step point\n    const autoTicks = generateTicks(this.min, this.max, this.step);\n    this.internalTicks = autoTicks.map(value => ({ value }));\n  }\n\n  /**\n   * Handles pointer events on the track.\n   * @param {PointerEvent} event - The pointer event\n   */\n  private onTrackInteraction = (event: PointerEvent): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const trackRect = (\n      event.currentTarget as HTMLElement\n    ).getBoundingClientRect();\n    const percentage = clamp(\n      ((event.clientX - trackRect.left) / trackRect.width) * 100,\n      0,\n      100,\n    );\n\n    const newValue = this.min + (percentage / 100) * (this.max - this.min);\n\n    // Store raw position for visual display\n    this.rawPosition = newValue;\n\n    if (this.range) {\n      // In range mode, determine which thumb to move based on proximity\n      const leftPct = valueToPercent(\n        this.rangeValueInternal[0],\n        this.min,\n        this.max,\n      );\n      const rightPct = valueToPercent(\n        this.rangeValueInternal[1],\n        this.min,\n        this.max,\n      );\n\n      const distanceToLeft = Math.abs(percentage - leftPct);\n      const distanceToRight = Math.abs(percentage - rightPct);\n\n      if (distanceToLeft <= distanceToRight) {\n        this.activeDragThumb = 'left';\n        this.rawRangePosition = [newValue, this.rawRangePosition[1]];\n        this.handleValueChange([newValue, this.rangeValueInternal[1]]);\n      } else {\n        this.activeDragThumb = 'right';\n        this.rawRangePosition = [this.rawRangePosition[0], newValue];\n        this.handleValueChange([this.rangeValueInternal[0], newValue]);\n      }\n    } else {\n      this.activeDragThumb = 'single';\n      this.rawPosition = newValue;\n      this.handleValueChange(newValue);\n    }\n\n    this.isDragging = true;\n    this.registerGlobalEvents();\n  };\n\n  /**\n   * Handles pointer move events during drag.\n   * @param {PointerEvent} event - The pointer event\n   */\n  private onPointerMove = (event: PointerEvent): void => {\n    if (!this.isDragging || this.disabled || this.readonly) {\n      return;\n    }\n\n    const trackElement = this.el.querySelector('.track') as HTMLElement;\n    if (!trackElement) return;\n\n    const trackRect = trackElement.getBoundingClientRect();\n    const percentage = clamp(\n      ((event.clientX - trackRect.left) / trackRect.width) * 100,\n      0,\n      100,\n    );\n\n    const newValue = this.min + (percentage / 100) * (this.max - this.min);\n\n    // Update visual position\n    if (this.range) {\n      if (this.activeDragThumb === 'left') {\n        this.rawRangePosition = [newValue, this.rawRangePosition[1]];\n        this.handleValueChange([newValue, this.rangeValueInternal[1]]);\n      } else {\n        this.rawRangePosition = [this.rawRangePosition[0], newValue];\n        this.handleValueChange([this.rangeValueInternal[0], newValue]);\n      }\n    } else {\n      this.rawPosition = newValue;\n      this.handleValueChange(newValue);\n    }\n  };\n\n  /**\n   * Handles the end of a drag operation.\n   */\n  private onPointerUp = (): void => {\n    this.isDragging = false;\n    this.removeGlobalEvents();\n  };\n\n  /**\n   * Registers global events for tracking pointer movement.\n   */\n  private registerGlobalEvents(): void {\n    document.addEventListener('pointermove', this.onPointerMove);\n    document.addEventListener('pointerup', this.onPointerUp);\n    document.addEventListener('pointercancel', this.onPointerUp);\n  }\n\n  /**\n   * Removes global events when tracking ends.\n   */\n  private removeGlobalEvents(): void {\n    document.removeEventListener('pointermove', this.onPointerMove);\n    document.removeEventListener('pointerup', this.onPointerUp);\n    document.removeEventListener('pointercancel', this.onPointerUp);\n  }\n\n  /**\n   * Handles keydown events for keyboard accessibility.\n   * @param {KeyboardEvent} event - The keyboard event\n   */\n  private onKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    let newValue: number | number[];\n    const stepMultiplier = event.shiftKey ? 10 : 1;\n    const singleStep = this.step * stepMultiplier;\n\n    if (this.range) {\n      const focusedThumb = (event.target as HTMLElement).getAttribute(\n        'data-thumb',\n      );\n      const idx = focusedThumb === 'left' ? 0 : 1;\n      const currentValue = [...this.rangeValueInternal];\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          currentValue[idx] += singleStep;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          currentValue[idx] -= singleStep;\n          break;\n        case 'Home':\n          currentValue[idx] = this.min;\n          break;\n        case 'End':\n          currentValue[idx] = this.max;\n          break;\n        case 'PageUp':\n          currentValue[idx] += singleStep * 10;\n          break;\n        case 'PageDown':\n          currentValue[idx] -= singleStep * 10;\n          break;\n        default:\n          return;\n      }\n\n      newValue = currentValue;\n    } else {\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          newValue = this.valueInternal + singleStep;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          newValue = this.valueInternal - singleStep;\n          break;\n        case 'Home':\n          newValue = this.min;\n          break;\n        case 'End':\n          newValue = this.max;\n          break;\n        case 'PageUp':\n          newValue = this.valueInternal + singleStep * 10;\n          break;\n        case 'PageDown':\n          newValue = this.valueInternal - singleStep * 10;\n          break;\n        default:\n          return;\n      }\n    }\n\n    event.preventDefault();\n    this.handleValueChange(newValue);\n  };\n\n  /**\n   * Handles field input value changes.\n   * @param {FieldInputProps['onInput']} details - The parsed value and index\n   */\n  private handleFieldChange: FieldInputProps['onInput'] = (details): void => {\n    const newValue = details.value;\n\n    if (isNaN(newValue)) {\n      return;\n    }\n\n    if (this.range) {\n      const fieldIndex = details.index === 0 ? 0 : 1;\n      const updatedRange = [...this.rangeValueInternal];\n      updatedRange[fieldIndex] = newValue;\n      this.handleValueChange(updatedRange);\n    } else {\n      this.handleValueChange(newValue);\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  onValueChange() {\n    this.parseValue();\n  }\n\n  @Watch('min')\n  @Watch('max')\n  @Watch('step')\n  @Watch('ticks')\n  @Watch('showTicks')\n  @Watch('snap')\n  @Watch('snapTicks')\n  onConfigChange() {\n    this.generateDisplayTicks();\n\n    if (this.range) {\n      this.handleValueChange(this.rangeValueInternal);\n    } else {\n      this.handleValueChange(this.valueInternal);\n    }\n  }\n\n  @Watch('range')\n  onRangeChange(newValue: boolean) {\n    if (newValue) {\n      // Switching to range mode\n      this.rangeValueInternal = [this.min, this.valueInternal];\n    } else {\n      // Switching to single mode, take the higher value\n      this.valueInternal = this.rangeValueInternal[1];\n    }\n  }\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n  connectedCallback() {\n    this.parseValue();\n    this.generateDisplayTicks();\n\n    // Initialize values and make sure they're valid\n    if (this.range) {\n      if (\n        !Array.isArray(this.rangeValueInternal) ||\n        this.rangeValueInternal.length !== 2\n      ) {\n        this.rangeValueInternal = [this.min, this.max];\n      }\n      this.handleValueChange(this.rangeValueInternal);\n      // Initialize raw range position to match actual values\n      this.rawRangePosition = [\n        this.rangeValueInternal[0],\n        this.rangeValueInternal[1],\n      ];\n    } else {\n      this.handleValueChange(this.valueInternal);\n      // Initialize raw position to match actual value\n      this.rawPosition = this.valueInternal;\n    }\n  }\n\n  componentWillLoad() {\n    // Initialize value array based on range mode when props are available\n    if (this.value.length === 1 && this.range) {\n      // If range mode but only one value provided, duplicate it\n      this.value = [this.value[0], this.value[0]];\n    } else if (this.value.length === 2 && !this.range) {\n      // If single mode but two values provided, take the first\n      this.value = [this.value[0]];\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeGlobalEvents();\n  }\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the slider values change.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<number[]>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.startInputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"slider-container\">\n          {/* First input (always render for the start value, but may be hidden) */}\n          {this.range ? (\n            <FieldInput\n              range={this.range}\n              hasField={this.hasField}\n              value={this.valueInternal}\n              rangeValue={this.rangeValueInternal}\n              index={0}\n              inputId={this.startInputId}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleFieldChange}\n              labelBeforeValue={this.labelBeforeValue}\n              labelAfterValue={this.labelAfterValue}\n              name={this.name}\n              endName={this.endName}\n            />\n          ) : null}\n\n          <div class=\"track-container\">\n            <div class=\"track\" onPointerDown={this.onTrackInteraction}>\n              {this.range ? (\n                <RangeThumb\n                  rangeValue={this.rangeValueInternal}\n                  rawRangePosition={this.rawRangePosition}\n                  activeDragThumb={this.activeDragThumb}\n                  isDragging={this.isDragging}\n                  snap={this.snap}\n                  min={this.min}\n                  max={this.max}\n                  step={this.step}\n                  disabled={this.disabled}\n                  readonly={this.readonly}\n                  onKeyDown={this.onKeyDown}\n                  labelBeforeValue={this.labelBeforeValue}\n                  labelAfterValue={this.labelAfterValue}\n                />\n              ) : (\n                <SingleThumb\n                  value={this.valueInternal}\n                  min={this.min}\n                  max={this.max}\n                  step={this.step}\n                  rawPosition={this.rawPosition}\n                  isDragging={this.isDragging}\n                  snap={this.snap}\n                  disabled={this.disabled}\n                  readonly={this.readonly}\n                  onKeyDown={this.onKeyDown}\n                  labelBeforeValue={this.labelBeforeValue}\n                  labelAfterValue={this.labelAfterValue}\n                />\n              )}\n            </div>\n\n            <TickMarks\n              ticks={this.internalTicks}\n              min={this.min}\n              max={this.max}\n            />\n          </div>\n\n          {/* Second input (for range mode, or for single value if not already rendered) */}\n          {this.range ? (\n            <FieldInput\n              range={this.range}\n              hasField={this.hasField}\n              value={this.valueInternal}\n              rangeValue={this.rangeValueInternal}\n              index={1}\n              inputId={this.endInputId}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleFieldChange}\n              labelBeforeValue={this.labelBeforeValue}\n              labelAfterValue={this.labelAfterValue}\n              name={this.name}\n              endName={this.endName}\n            />\n          ) : (\n            <FieldInput\n              range={this.range}\n              hasField={this.hasField}\n              value={this.valueInternal}\n              rangeValue={this.rangeValueInternal}\n              inputId={this.startInputId}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleFieldChange}\n              labelBeforeValue={this.labelBeforeValue}\n              labelAfterValue={this.labelAfterValue}\n              name={this.name}\n            />\n          )}\n        </div>\n\n        {(this.success ||\n          this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n            )}\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.error ||\n          this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div class=\"error-description\" hidden={!this.error}>\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n            )}\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}