@nova-design-system/nova-webcomponents 3.0.0 → 3.1.0

package/dist/native/p-e49bbd02.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFieldmultiselectCss","NvFieldmultiselectStyle0","NvFieldmultiselect","constructor","hostRef","this","inputId","uuidv4","maxHeight","badgeLabel","emptyResult","required","error","readonly","disabled","autocomplete","filterable","open","selectedValues","sortedOptions","filterText","debounceDelay","isHandlingEscape","autofocus","handleBadgeCloseOptions","multiselectChange","emit","items","Array","from","el","querySelectorAll","forEach","item","checked","style","display","options","filter","option","isDivider","reorderOptionsContent","handleBadgeCloseSlots","reorderSlotContent","handlePopoverClose","resetFilter","handleInputBlurOptions","setTimeout","contains","document","activeElement","handleInputContainerClickOptions","event","target","tagName","inputContainer","querySelector","classList","add","removeFocusWithin","remove","popoverElement","addEventListener","handleInputContainerClickSlots","handleInputOptions","input","value","valueChanged","debounceTimer","window","clearTimeout","toLowerCase","filterItemsOption","handleInputSlots","filterSlotsItems","handleInputFocusOptions","handleInputFocusSlots","handleInputBlurSlots","togglePopoverOptions","togglePopoverSlots","renderOptionsMode","h","Host","label","htmlFor","name","ref","triggerMode","placement","class","slot","length","color","dismissible","onCloseClicked","type","id","e","inputElement","placeholder","readOnly","onInput","onFocus","onBlur","onKeyDown","handleKeyDown","onClick","tabIndex","role","size","emphasis","toString","map","description","includes","renderDescriptions","renderSlotsMode","connectedCallback","handleClickOutside","bind","componentWillLoad","handleOptionsChange","Promise","resolve","then","hasAttribute","getAttribute","requestAnimationFrame","_a","String","toLocaleLowerCase","filterItems","componentDidLoad","disconnectedCallback","removeEventListener","handleOpenChanged","detail","handleItemChecked","undefined","newSelectedValues","valueIndex","indexOf","push","splice","JSON","stringify","console","warn","newValue","watchValueHandler","setInitialSelection","handleSlotChange","getFilterText","selectedItem","find","textContent","trim","removeAttribute","setAttribute","ul","emptyMessage","selectedItems","unselectedItems","manageDivider","getSelectedValues","divider","hasEmptyMessage","appendChild","createElement","className","existingEmptyMessage","normalizedFilter","normalizeText","hasVisibleItems","opt","matchesFilter","visibleItems","visibleSelected","visibleUnselected","removeEmptyMessageOption","addEmptyMessageOption","visibleSelectedItems","text","normalize","replace","key","focusFirstItem","preventDefault","currentIndex","findIndex","updateHighlightedItem","isCurrentlyChecked","dispatchEvent","MouseEvent","view","bubbles","cancelable","stopPropagation","handleEscape","async","blur","index","i","scrollIntoView","block","checkbox","focus","firstItem","existingMessage","shouldShowDivider","lastSelectedItem","after","errorDescription","hidden","render"],"sources":["src/components/nv-fieldmultiselect/nv-fieldmultiselect.scss?tag=nv-fieldmultiselect","src/components/nv-fieldmultiselect/nv-fieldmultiselect.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldmultiselect {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[required]:not([required='false']) {\n    > label {\n      @include form-field-label-required();\n    }\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    @include form-field-popover();\n  }\n\n  .input-wrapper-multiselect {\n    @include form-field-input-wrapper();\n    width: 100%;\n  }\n\n  .input-container-multiselect {\n    @include form-field-input-container();\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n\n    > nv-badge {\n      margin-left: var(--form-field-padding-x);\n    }\n\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\n      width: 100%;\n      flex-grow: 1;\n      margin: 0;\n      min-height: 100%;\n      box-sizing: border-box;\n    }\n\n    > nv-iconbutton {\n      @include form-field-action();\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n    }\n\n    /* &:hover{\n      border-color: var(--components-form-field-border-hover);\n    }\n\n    &:focus-visible,\n    &:focus-within,\n    &:focus,\n    &.focus-within  {\n      border-color: var(--components-form-field-border-focus);\n      box-shadow: 0px 0px 0px var(--focus-field-stroke)\n      var(--nv-field-focus-box-shadow);\n    } */\n  }\n\n  .non-filterable-text {\n    display: block;\n    border-radius: var(--form-field-radius);\n    background-color: var(--nv-field-background);\n    color: var(--components-form-field-content-text);\n    font-size: var(--form-field-font-size);\n    font-weight: 500;\n    line-height: var(--form-field-line-height);\n    box-sizing: border-box;\n    cursor: pointer;\n    height: 100%;\n    min-height: 40px;\n\n    span {\n      display: inline-block;\n      width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\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  text-align: center;\n  padding: 10px;\n  color: var(--components-form-text-description-error);\n}\n\n.multiselect-divider {\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: var(--components-list-dropdown-separator);\n  margin: var(--list-dropdown-item-padding-y) 0;\n  border: 0;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\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: 'nv-fieldmultiselect.scss',\n  formAssociated: true,\n  shadow: false,\n})\nexport class NvFieldmultiselect {\n  @Element() el: HTMLNvFieldmultiselectElement;\n  private inputElement!: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\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  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input's data in form submissions. It should be\n   * unique within the form to avoid conflicts.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It's a crucial element for making forms clear and 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.\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   * Defines the maximum height of the multiselect list when open.\n   */\n  @Prop({ reflect: true })\n  readonly maxHeight: string = '200px';\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 to display when no items match the filter.\n   */\n  @Prop({ reflect: true })\n  readonly emptyResult: string = 'No results found';\n\n  /**\n   * Marks the input field as required.\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 })\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   * 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   * The autocomplete prop for faster input filling.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\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   * Specifies the value of the input field.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * State of the multiselect popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: 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   * List of selected values in the multiselect.\n   */\n  @State()\n  selectedValues: string[] = [];\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  /**\n   * The text entered by the user for filtering multiselect items.\n   */\n  @State()\n  filterText: string = '';\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  @State()\n  private isHandlingEscape: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Subscribe to click outside event.\n   */\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\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      Promise.resolve().then(() => {\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n\n        // Initialize selectedValues with checked items\n        this.selectedValues = items\n          .filter(item => item.hasAttribute('checked'))\n          .map(item => item.getAttribute('value') || '');\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    // Apply filtering if the multiselect is filterable and there is a value\n    if (this.filterable && this.value) {\n      this.filterText = String(this.value).toLocaleLowerCase();\n      this.filterItems();\n    } else {\n      // Reset visibility state of all dropdown items\n      this.resetFilter();\n    }\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\n  /**\n   * Unsubscribe from click outside event.\n   */\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  /**\n   * Event emitted when the selection changes in the multiselect.\n   * Emits the current list of selected values.\n   */\n  @Event()\n  multiselectChange: EventEmitter<string[]>;\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(event: CustomEvent<boolean>) {\n    // Update the open state of popover\n    this.open = event.detail;\n\n    if (this.open) {\n      // Filter items only if there is filter text\n      if (this.filterText) {\n        this.filterItems();\n      }\n    } else {\n      this.handlePopoverClose();\n    }\n\n    if (this.options) {\n      this.reorderOptionsContent();\n    } else {\n      this.reorderSlotContent();\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) {\n      return;\n    }\n\n    const { value, checked } = event.detail;\n\n    if (value !== undefined && value !== null) {\n      const newSelectedValues = [...this.selectedValues];\n      const valueIndex = newSelectedValues.indexOf(value);\n\n      if (checked && valueIndex === -1) {\n        newSelectedValues.push(value);\n      } else if (!checked && valueIndex > -1) {\n        newSelectedValues.splice(valueIndex, 1);\n      }\n\n      // Update the state and emit the event only if the selection has changed\n      if (\n        JSON.stringify(this.selectedValues) !==\n        JSON.stringify(newSelectedValues)\n      ) {\n        this.selectedValues = newSelectedValues;\n\n        // Use requestAnimationFrame to ensure the state is updated before emitting the event\n        requestAnimationFrame(() => {\n          this.multiselectChange.emit(this.selectedValues);\n        });\n      }\n    } else {\n      console.warn('Received itemChecked event with undefined or null value'); // Warning log\n    }\n  }\n\n  @Watch('options')\n  handleOptionsChange(newValue: typeof this.options) {\n    if (!newValue) return;\n\n    this.selectedValues = newValue\n      .filter(option => option.checked)\n      .map(option => option.value);\n\n    this.reorderOptionsContent();\n  }\n\n  /**\n   * Emitted when the value changes.\n   */\n  @Watch('value')\n  watchValueHandler() {\n    // Handle value change and update the corresponding multiselect item if it exists\n    this.setInitialSelection();\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  //#endregion EVENTS\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   * Set the initial selection based on the current value and update the inputElement value.\n   */\n  private setInitialSelection() {\n    const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitem'));\n\n    const selectedItem = items.find(\n      item =>\n        item.getAttribute('label') === this.value ||\n        item.getAttribute('value') === this.value ||\n        item.textContent?.trim() === this.value,\n    );\n\n    // Remove 'selected' from all items first to reset the state\n    items.forEach(item => {\n      item.removeAttribute('selected');\n      item.classList.remove('selected');\n    });\n\n    if (selectedItem) {\n      // Add the `selected` attribute and `selected` class for visual styling\n      selectedItem.setAttribute('selected', 'true');\n      selectedItem.classList.add('selected');\n\n      // Update the value and inputElement value to reflect the pre-selected item\n      this.value =\n        selectedItem.getAttribute('label') ||\n        selectedItem.getAttribute('value') ||\n        selectedItem.textContent?.trim() ||\n        '';\n      if (this.inputElement) {\n        this.inputElement.value = this.value;\n      }\n    }\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.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n\n      if (selectedItems.length > 0) {\n        this.manageDivider(ul as HTMLElement, selectedItems, unselectedItems);\n      }\n    }\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.selectedValues;\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.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.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[role=\"content\"]') 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.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.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.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.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.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const visibleUnselected = visibleItems.filter(\n        item => !this.selectedValues.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      // Remove the empty message if it exists\n      this.removeEmptyMessageOption(ul);\n      items.forEach(item => (item.style.display = ''));\n      this.reorderOptionsContent(); // Reorder after reset\n      return;\n    }\n\n    // Filter the items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\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.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const visibleUnselected = visibleItems.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(ul, visibleSelected, visibleUnselected);\n\n    // Add or remove the empty message based on the case\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      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    // Get visible items after filtering\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelectedItems = visibleItems.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(\n      ul,\n      visibleSelectedItems,\n      visibleItems.filter(\n        item => !this.selectedValues.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.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\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.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\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 slot content\n    this.reorderSlotContent();\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    this.filterText = '';\n\n    // Reset filter if needed\n    if (this.filterable) {\n      this.resetFilter();\n    }\n  };\n\n  /**\n   * Handle input blur for options mode.\n   */\n  private handleInputBlurOptions = () => {\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        // Close the popover without affecting the divider\n        this.open = false;\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\n        }\n      }\n    }, 150);\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  /**\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.value = input.value;\n    this.valueChanged.emit(this.value);\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.filterText = input.value.toLowerCase();\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.value = input.value;\n    this.valueChanged.emit(this.value);\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.filterText = input.value.toLowerCase();\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.el.contains(document.activeElement)) {\n        // Close the popover without affecting the divider\n        this.open = false;\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\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  //#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>\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.selectedValues.length > 0 && (\n                <nv-badge\n                  slot=\"leading-input\"\n                  prevent-auto-close\n                  color=\"10\"\n                  dismissible={this.selectedValues.length > 0}\n                  label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                  aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} 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.value}\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                />\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                  role=\"combobox\"\n                  aria-expanded={this.open}\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverOptions}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={{ 'max-height': this.maxHeight, 'overflow-y': 'auto' }}\n          >\n            <ul role=\"content\">\n              {this.options.map(option => (\n                <nv-fielddropdownitemcheck\n                  label={option.label}\n                  description={option.description}\n                  value={option.value}\n                  checked={this.selectedValues.includes(option.value)}\n                  disabled={option.disabled}\n                ></nv-fielddropdownitemcheck>\n              ))}\n              <hr class=\"multiselect-divider\" style={{ display: 'none' }} />\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>\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.selectedValues.length > 0 && (\n                <nv-badge\n                  slot=\"leading-input\"\n                  prevent-auto-close\n                  color=\"10\"\n                  dismissible={this.selectedValues.length > 0}\n                  label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                  aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} 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.value}\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                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClickSlots}\n                  tabIndex={0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocusSlots}\n                  role=\"combobox\"\n                  aria-expanded={this.open}\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverSlots}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={{ 'max-height': this.maxHeight, 'overflow-y': 'auto' }}\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-f6bdc270.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as t,a as i,g as o}from"./p-ab002252.js";import{I as n}from"./p-53aa81dd.js";import{v as d}from"./p-f5ff676c.js";import"./p-0462f723.js";const a='nv-fielddate{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fielddate[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-fielddate[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fielddate[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-fielddate[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .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}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .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-fielddate .input-wrapper .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-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .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:500;line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const s=a;const l=class{constructor(t){e(this,t);this.dateChange=r(this,"dateChange",7);this.popoverId=d();this.inputId=d();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.autofocus=false;this.value="";this.singleValue="";this.open=false;this.firstDayOfWeek=1;this.numberOfCalendars=1;this.min="";this.max="";this.locale="en-BE";this.dateFormat="YYYY-MM-DD";this.shortcutsPlacement="bottom";this.showActions=false;this.shortcuts="[]";this.disabledDates="[]";this.handleClickOutside=e=>{if(this.open&&this.el&&!this.el.contains(e.target)){this.open=false}};this.handleInputContainerClick=e=>{if(this.readonly||this.disabled){e.preventDefault();e.stopPropagation();return}this.inputElement.focus();const r=this.dateFormat;if(r.startsWith("DD")){this.inputElement.setSelectionRange(0,2)}else if(r.startsWith("MM")){this.inputElement.setSelectionRange(0,2)}else if(r.startsWith("YYYY")){this.inputElement.setSelectionRange(0,4)}};this.handleInput=e=>{if(this.readonly||this.disabled){e.preventDefault();return}const r=e.target;this.singleValue=r.value;this.dateChange.emit({value:r.value})};this.toggleCalendar=()=>{if(this.readonly||this.disabled){return}this.open=!this.open};this.handleFocus=e=>{if(this.readonly||this.disabled){e.preventDefault();e.target.blur();return}}}convertToInputmaskFormat(e){switch(e){case"DD/MM/YYYY":return"dd/mm/yyyy";case"MM/DD/YYYY":return"mm/dd/yyyy";case"YYYY-MM-DD":return"yyyy-mm-dd";case"DD.MM.YYYY":return"dd.mm.yyyy";case"YYYYMMDD":return"yyyymmdd";default:return e}}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}componentWillLoad(){if(this.value){this.singleValue=this.value}}componentDidLoad(){const e=this.el.querySelectorAll(".input-wrapper input");e.forEach((e=>{n({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:"_".repeat(this.dateFormat.length)}).mask(e)}))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleSingleDateChange(e){const r=e.detail;this.singleValue=r;this.dateChange.emit({value:r});if(!this.showActions){this.open=false}}handleClosePopover(){this.open=false}handleKeyDown(e){if(!this.open){if(e.key==="ArrowDown"){this.open=true;e.preventDefault();return}return}if(!this.popoverElement){console.warn("nv-fielddate -> Popover element is not defined");return}}handleValueChange(e){this.singleValue=e}render(){return t(i,{key:"817d7baa3525b53962f9afe3d1eb56d7fcbcaf0e"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&t("label",{key:"00faded19c22c4883b7ef4de71d90c13c287d60d",htmlFor:this.inputId},t("slot",{key:"48b7e470d654b9f07c3eba400145b8936c9eb27e",name:"label"},this.label)),t("nv-popover",{key:"5b8e57124c0a08097874ac9ad0280908c3f2e330",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},t("div",{key:"902097ce5a7f208ac97f72a847d68b80cd16419a",slot:"trigger",class:"input-wrapper"},t("slot",{key:"909ff8453e9e48516582c64dae0762987cbd5986",name:"before-input"}),t("div",{key:"e62714e613e9bffc5a6a302d72cdfea75555756a",class:"input-container",onClick:this.handleInputContainerClick},t("slot",{key:"9d4e6bd15fe09bee974676032d4b75a73f733674",name:"leading-input"}),t("input",{key:"4565589e720150706096cbdeeadefb84ee836c39",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,disabled:this.disabled,readOnly:this.readonly,required:this.required,autofocus:this.autofocus,value:this.singleValue,onInput:this.handleInput,onFocus:this.handleFocus}),t("nv-iconbutton",{key:"115ba5c4e9bbd502c51d04894a5cf88f98167231",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar","aria-pressed":this.open.toString(),onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),t("slot",{key:"3df2883ebe71fa1dd437f5dc62d82019b3550b88",name:"after-input"})),t("div",{key:"61241669d9599d23f2cf024d8e65becdafe58847",slot:"content"},t("nv-calendar",{key:"dd3c67a46e8addbf1017eaf578447a09a3dd9e66",dateFormat:this.dateFormat,singleValue:this.singleValue,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&t("div",{key:"f835c89363c45529512e156b313cb35f71ef5264",class:"description"},t("slot",{key:"738d49ee6e525310375eba5da057573104d3c2ed",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"7c5c07db1af3423efc9a1b1127c1b3cbdede0a28",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?t("slot",{name:"error-description"}):this.errorDescription),t("slot",{key:"ccfd311cbbb56b9b336317d0e543fc57676a60d3"}))}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"]}}};l.style=s;export{l as nv_fielddate};
-//# sourceMappingURL=p-f6bdc270.entry.js.map

package/dist/native/p-f6bdc270.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFielddateCss","NvFielddateStyle0","NvFielddate","constructor","hostRef","this","popoverId","uuidv4","inputId","disabled","readonly","required","error","success","autofocus","value","singleValue","open","firstDayOfWeek","numberOfCalendars","min","max","locale","dateFormat","shortcutsPlacement","showActions","shortcuts","disabledDates","handleClickOutside","event","el","contains","target","handleInputContainerClick","preventDefault","stopPropagation","inputElement","focus","format","startsWith","setSelectionRange","handleInput","input","dateChange","emit","toggleCalendar","handleFocus","blur","convertToInputmaskFormat","connectedCallback","document","addEventListener","componentWillLoad","componentDidLoad","inputs","querySelectorAll","forEach","Inputmask","alias","inputFormat","placeholder","repeat","length","mask","disconnectedCallback","removeEventListener","handleSingleDateChange","detail","handleClosePopover","handleKeyDown","key","popoverElement","console","warn","handleValueChange","newValue","render","h","Host","label","querySelector","htmlFor","name","ref","id","triggerMode","placement","slot","class","onClick","e","readOnly","onInput","onFocus","size","emphasis","toString","tabIndex","showWeekNumbers","description","errorDescription","hidden"],"sources":["src/components/nv-fielddate/styles/nv-fielddate.scss?tag=nv-fielddate","src/components/nv-fielddate/nv-fielddate.tsx"],"sourcesContent":["@import '../../../styles/form-field';\n\nnv-fielddate {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[success]:not([success='false']) {\n    @include form-field-success-variables();\n  }\n\n  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    width: 100%;\n    display: block;\n\n    [data-scope='popover'] {\n      padding: 0;\n      background-color: var(--components-list-dropdown-background);\n      border: 1px solid var(--components-list-dropdown-border);\n      width: auto;\n    }\n\n    [slot='content'] {\n      display: block;\n      width: 100%;\n    }\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    .input-container {\n      @include form-field-input-container();\n\n      input {\n        @include form-field-input();\n        width: 100%;\n      }\n\n      > nv-iconbutton {\n        @include form-field-action();\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Host,\n  Watch,\n} from '@stencil/core';\nimport Inputmask from 'inputmask';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Child content of the component.\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-fielddate',\n  styleUrl: 'styles/nv-fielddate.scss',\n  shadow: false,\n})\nexport class NvFielddate {\n  @Element() el: HTMLNvFielddateElement;\n  private inputElement!: HTMLInputElement;\n\n  private popoverElement!: HTMLNvPopoverElement;\n  private popoverId: string = uuidv4();\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Text displayed as label. A slot label can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Description displayed below the input. A slot description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Placeholder for the input field.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Name attribute for the input.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Disables the input field.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the input field as read-only.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the input field as required.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Indicates an error state.\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * Error description. A slot error-description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription?: string;\n\n  /**\n   * Indicates a success state.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Autofocus the input when the component is mounted.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * The initial value of the input (date in string format).\n   */\n  @Prop({ reflect: true })\n  readonly value: string = '';\n\n  /**\n   * The current value of the input date in string format.\n   */\n  @State()\n  singleValue: string = '';\n\n  /**\n   * Controls the opening of the popover.\n   */\n  @State()\n  open: boolean = false;\n\n  /**\n   * First day of the week 0 = Sunday, 1 = Monday, etc.\n   * @default 1\n   */\n  @Prop({ reflect: true })\n  readonly firstDayOfWeek: number = 1;\n\n  /**\n   * Number of calendars to display\n   * @default 1\n   */\n  @Prop({ reflect: true })\n  readonly numberOfCalendars: number = 1;\n\n  /**\n   * Minimum date for selection ISO string format, ex: 2025-01-01\n   */\n  @Prop({ reflect: true })\n  readonly min?: string = '';\n\n  /**\n   * Maximum date for selection ISO string format, ex: 2025-12-31\n   */\n  @Prop({ reflect: true })\n  readonly max?: string = '';\n\n  /** Locale for date formatting\n   * @default 'en-BE'\n   */\n  @Prop({ reflect: true })\n  readonly locale: string = 'en-BE';\n\n  /** Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.\n   * @default 'YYYY-MM-DD'\n   * @note If the date format is in UTC mode, the date will be displayed in UTC time.\n   * @note If the date format is not in UTC mode, the date will be displayed in the local time.\n   */\n  @Prop({ reflect: true })\n  readonly dateFormat: string = 'YYYY-MM-DD';\n\n  /**\n   * Footer placement\n   * @default 'bottom'\n   */\n  @Prop({ reflect: true })\n  readonly shortcutsPlacement: 'bottom' | 'left' | 'right' = 'bottom';\n\n  /**\n   * Show action buttons\n   * @default false\n   */\n  @Prop({ reflect: true })\n  readonly showActions: boolean = false;\n\n  /**\n   * Custom actions to display in the footer\n   * JSON array of objects with the following properties:\n   * - label: string\n   * - onClick: function\n   * @default '[]'\n   */\n  @Prop({ reflect: true })\n  readonly shortcuts: string = '[]';\n\n  /**\n   * Show week numbers\n   * @default true\n   */\n  @Prop({ reflect: true })\n  readonly showWeekNumbers: boolean;\n\n  /**\n   * Disabled dates ISO string array\n   * @default '[]'\n   */\n  @Prop({ reflect: true })\n  readonly disabledDates: string = '[]';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Converts the nv-calendar date format to the format expected by Inputmask.\n   * @param {string} format - The date format.\n   * @returns {string} Format adapted for Inputmask.\n   */\n  private convertToInputmaskFormat(format: string): string {\n    switch (format) {\n      case 'DD/MM/YYYY':\n        return 'dd/mm/yyyy';\n      case 'MM/DD/YYYY':\n        return 'mm/dd/yyyy';\n      case 'YYYY-MM-DD':\n        return 'yyyy-mm-dd';\n      case 'DD.MM.YYYY':\n        return 'dd.mm.yyyy';\n      case 'YYYYMMDD':\n        return 'yyyymmdd';\n      default:\n        return format;\n    }\n  }\n\n  /**\n   * Closes the popover when a click is detected outside the component.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.open && this.el && !this.el.contains(event.target as Node)) {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Focuses the input when the input container is clicked.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClick = (event: MouseEvent) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    this.inputElement.focus();\n    // Select the first characters based on the date format\n    const format = this.dateFormat;\n    if (format.startsWith('DD')) {\n      this.inputElement.setSelectionRange(0, 2);\n    } else if (format.startsWith('MM')) {\n      this.inputElement.setSelectionRange(0, 2);\n    } else if (format.startsWith('YYYY')) {\n      this.inputElement.setSelectionRange(0, 4);\n    }\n  };\n\n  /**\n   * Handles the input event on the input element.\n   * Updates the singleValue and emits the dateChange event.\n   * @param {Event} event - The input event.\n   */\n  private handleInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n    this.singleValue = input.value;\n    this.dateChange.emit({ value: input.value });\n  };\n\n  /**\n   * Toggles the opening/closing of the popover.\n   */\n  private toggleCalendar = () => {\n    if (this.readonly || this.disabled) {\n      return;\n    }\n    this.open = !this.open;\n  };\n\n  /**\n   * Handles focus events on the input element.\n   * @param {FocusEvent} event - The focus event.\n   */\n  private handleFocus = (event: FocusEvent) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      (event.target as HTMLElement).blur();\n      return;\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      this.singleValue = this.value;\n    }\n  }\n\n  componentDidLoad() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      Inputmask({\n        alias: 'datetime',\n        inputFormat: this.convertToInputmaskFormat(this.dateFormat),\n        placeholder: '_'.repeat(this.dateFormat.length),\n      }).mask(input);\n    });\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits an event when the date changes.\n   */\n  @Event()\n  dateChange: EventEmitter<{\n    /**\n     * The date value.\n     */\n    value: string;\n  }>;\n\n  /**\n   * Handles the single date selection event from nv-calendar.\n   * Updates the input value and closes the popover.\n   * @param {CustomEvent} event - The event from nv-calendar.\n   */\n  @Listen('singleDateChange')\n  handleSingleDateChange(event: CustomEvent) {\n    const value: string = event.detail;\n    this.singleValue = value;\n    this.dateChange.emit({ value });\n    if (!this.showActions) {\n      this.open = false;\n    }\n  }\n\n  @Listen('closePopover')\n  handleClosePopover() {\n    this.open = false;\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    // Verify if the popover element is defined\n    if (!this.popoverElement) {\n      console.warn('nv-fielddate -> Popover element is not defined');\n      return;\n    }\n  }\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    this.singleValue = newValue;\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n  render() {\n    return (\n      <Host>\n        {((this.label && this.label.length > 0) ||\n          this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          id={this.popoverId}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div slot=\"trigger\" class=\"input-wrapper\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container\"\n              onClick={this.handleInputContainerClick}\n            >\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                disabled={this.disabled}\n                readOnly={this.readonly}\n                required={this.required}\n                autofocus={this.autofocus}\n                value={this.singleValue}\n                onInput={this.handleInput}\n                onFocus={this.handleFocus}\n              />\n\n              <nv-iconbutton\n                class=\"toggle-calendar-icon\"\n                name=\"calendar\" //{this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide calendar' : 'Show calendar'}\n                aria-pressed={this.open.toString()}\n                onClick={this.toggleCalendar}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div slot=\"content\">\n            <nv-calendar\n              dateFormat={this.dateFormat}\n              singleValue={this.singleValue}\n              firstDayOfWeek={this.firstDayOfWeek}\n              numberOfCalendars={this.numberOfCalendars}\n              min={this.min}\n              max={this.max}\n              locale={this.locale}\n              shortcutsPlacement={this.shortcutsPlacement}\n              showActions={this.showActions}\n              shortcuts={this.shortcuts}\n              showWeekNumbers={this.showWeekNumbers}\n              disabledDates={this.disabledDates}\n            ></nv-calendar>\n          </div>\n        </nv-popover>\n\n        {((this.description && this.description.length > 0) ||\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            {this.el.querySelector('[slot=\"error-description\"]') ? (\n              <slot name=\"error-description\"></slot>\n            ) : (\n              this.errorDescription\n            )}\n          </div>\n        )}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/types/interfaces/actionEvent.d.ts

@@ -1,13 +0,0 @@
-/**
- * Interface for action event
- */
-export interface ActionEvent {
-    /**
-     * Key action to be performed
-     */
-    keyAction: string;
-    /**
-     * Details of the action to be performed
-     */
-    details: any;
-}

package/dist/types/interfaces/calendarShortcut.d.ts

@@ -1,17 +0,0 @@
-/**
- * Interface representing a shortcut configuration
- * @interface
- */
-export interface CalendarShortcut {
-    /** Label of the shortcut */
-    label: string;
-    /** Selected date value for single selection mode */
-    singleValue?: string | Date;
-    /** Date range values for range selection mode */
-    rangeValue?: {
-        /** Start date of the range */
-        start: string | Date;
-        /** End date of the range */
-        end: string | Date;
-    };
-}

package/dist/types/interfaces/dateRange.d.ts

@@ -1,13 +0,0 @@
-/**
- * Interface representing a date range
- */
-export interface DateRange {
-    /**
-     * Start date
-     */
-    start: string;
-    /**
-     * End date
-     */
-    end: string;
-}