@nova-design-system/nova-webcomponents 3.15.0 → 3.16.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvFielddaterangeCss","NvFielddaterangeStyle0","NvFielddaterange","constructor","hostRef","this","popoverId","uuidv4","startInputId","endInputId","disabled","readonly","required","error","success","autofocus","value","startValue","endValue","open","firstDayOfWeek","numberOfCalendars","min","max","locale","dateFormat","shortcutsPlacement","showActions","fluid","parseUnifiedValue","values","split","map","v","trim","filter","Boolean","length","handleClickOutside","event","el","contains","target","handleStartInput","preventDefault","input","calendarElement","removeAttribute","currentValue","setTimeout","setAttribute","handleEndInput","handleFocus","blur","toggleCalendar","stopPropagation","convertToInputmaskFormat","format","formatMap","YYYYMMDD","clear","inputs","querySelectorAll","forEach","inputmask","remove","valueChanged","emit","dateRangeChange","start","end","updateMask","_b","_a","call","inputMask","Inputmask","alias","inputFormat","placeholder","clearIncomplete","showMaskOnHover","showMaskOnFocus","clearMaskOnLostFocus","postValidation","oncleared","e","id","oncomplete","newValue","mask","connectedCallback","document","addEventListener","componentWillLoad","componentDidLoad","name","startName","requestAnimationFrame","CustomEvent","bubbles","dispatchEvent","endName","componentDidRender","disconnectedCallback","removeEventListener","handleRangeDateChange","detail","handleCalendarValueChanged","handleClosePopover","handleApplyDateRange","handleDateReset","isResetSingle","type","isResetRange","handleKeyDown","key","popoverElement","console","warn","handleValueChange","onOpenChanged","contentRef","style","transition","maxHeight","scrollHeight","render","h","Host","label","querySelector","htmlFor","ref","triggerMode","placement","strategy","slot","class","startPlaceholder","readOnly","onInput","onFocus","endPlaceholder","size","emphasis","onClick","tabIndex","shortcuts","showWeekNumbers","disabledDates","selectionType","description","errorDescription","hidden"],"sources":["src/components/nv-fielddaterange/styles/nv-fielddaterange.scss?tag=nv-fielddaterange","src/components/nv-fielddaterange/nv-fielddaterange.tsx"],"sourcesContent":["@import '../../../styles/form-field';\n@import './mixins';\n\nnv-fielddaterange {\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  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      z-index: 2;\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      &:focus-within,\n      &:focus-within:hover,\n      &:focus,\n      &:focus:hover {\n        box-shadow: none;\n        border-color: var(--nv-field-border-default);\n      }\n\n      input {\n        @include form-field-input();\n        width: 100%;\n        &:focus-within,\n        &:focus-within:hover,\n        &:focus,\n        &:focus:hover {\n          outline: var(--focus-outline-stroke) solid var(--nv-field-border-focus);\n          outline-offset: 0px;\n          & ~ .range-separator {\n            background-color: transparent;\n          }\n        }\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  .range-inputs {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    width: 100%;\n    z-index: 1;\n\n    input {\n      flex: 1;\n      border: none;\n      outline: none;\n      padding: 0;\n      font-size: var(--form-field-font-size);\n      color: var(--components-form-field-content-text);\n      background: transparent;\n      min-width: 0; // to avoid overflow\n\n      &::placeholder {\n        color: var(--components-form-field-content-placeholder);\n      }\n\n      &:disabled {\n        cursor: not-allowed;\n        color: var(--components-form-field-content-text);\n        background-color: var(--components-form-field-background-disabled);\n      }\n    }\n\n    .range-separator {\n      @include range-separator();\n    }\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  Method,\n} from '@stencil/core';\nimport Inputmask from 'inputmask';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * Extends HTMLInputElement to include the inputmask property.\n */\ninterface HTMLInputElementWithInputmask extends HTMLInputElement {\n  /**\n   * The inputmask instance that provides masking functionality.\n   */\n  inputmask?: {\n    /**\n     * Removes the inputmask instance.\n     */\n    remove: () => void;\n  };\n}\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-fielddaterange',\n  styleUrl: 'styles/nv-fielddaterange.scss',\n  shadow: false,\n})\nexport class NvFielddaterange {\n  @Element() el!: HTMLNvFielddaterangeElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private calendarElement!: HTMLNvCalendarElement;\n  private popoverId: string = uuidv4();\n  private contentRef?: HTMLDivElement;\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   * 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 start input field.\n   */\n  @Prop({ reflect: true })\n  readonly startPlaceholder: string;\n\n  /**\n   * Placeholder for the end input field.\n   */\n  @Prop({ reflect: true })\n  readonly endPlaceholder: string;\n\n  /**\n   * Name attribute for the start input.\n   */\n  @Prop({ reflect: true })\n  readonly startName: string;\n\n  /**\n   * Name attribute for the end input.\n   */\n  @Prop({ reflect: true })\n  readonly endName: string;\n\n  /**\n   * Disables both input fields.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets both input fields as read-only.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks both input fields 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 start 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 date range (in string format).\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ reflect: true, mutable: true })\n  value: string = '';\n\n  /**\n   * The current value of the start date in string format.\n   */\n  @State()\n  startValue: string = '';\n\n  /**\n   * The current value of the end date in string format.\n   */\n  @State()\n  endValue: 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 2\n   */\n  @Prop({ reflect: true })\n  readonly numberOfCalendars: number = 2;\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   */\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   */\n  @Prop({ reflect: true })\n  readonly shortcuts: HTMLNvCalendarElement['shortcuts'];\n\n  /**\n   * Show week numbers\n   */\n  @Prop({ reflect: true })\n  readonly showWeekNumbers: boolean;\n\n  /**\n   * Disabled dates ISO string array\n   */\n  @Prop({ reflect: true })\n  readonly disabledDates: Array<string>;\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 METHODS\n\n  /**\n   * Parses the unified value prop and synchronizes with internal state\n   * @param {string} value - Value to parse\n   */\n  private parseUnifiedValue = (value: string): void => {\n    if (!value) {\n      // Reset all selections\n      this.startValue = '';\n      this.endValue = '';\n      return;\n    }\n\n    const values = value\n      .split(',')\n      .map(v => v.trim())\n      .filter(Boolean);\n\n    if (values.length >= 2) {\n      this.startValue = values[0];\n      this.endValue = values[1];\n    }\n  };\n\n  /**\n   * Converts the nv-calendar date format to the format expected by Inputmask.\n   * @param {string} format - The date format to convert\n   * @returns {string} The converted format for Inputmask\n   */\n  private convertToInputmaskFormat(format: string): string {\n    // If the format is not specified, use the default format YYYY-MM-DD\n    if (!format) {\n      return 'dd/mm/yyyy';\n    }\n\n    const formatMap = {\n      'YYYY-MM-DD': 'yyyy-mm-dd',\n      'DD/MM/YYYY': 'dd/mm/yyyy',\n      'MM/DD/YYYY': 'mm/dd/yyyy',\n      'DD.MM.YYYY': 'dd.mm.yyyy',\n      'YYYYMMDD': 'yyyymmdd',\n    };\n\n    return formatMap[format] || 'dd/mm/yyyy';\n  }\n\n  /**\n   * Closes the popover when a click is detected outside the component.\n   * @param {MouseEvent} event - The mouse 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   * Handles the input event on the start input element.\n   * Updates internal state and calendar navigation without emitting events.\n   * @param {Event} event - The input event\n   */\n  private handleStartInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n\n    // Always update startValue to keep state in sync\n    this.startValue = input.value;\n\n    // Update calendar value for navigation (without triggering events)\n    if (this.calendarElement && input.value) {\n      // Temporarily enable navigation for keyboard input\n      this.calendarElement.removeAttribute('data-prevent-navigation');\n\n      // Update calendar's rangeValue to allow navigation\n      const currentValue = `${input.value},${this.endValue}`;\n      if (this.calendarElement.value !== currentValue) {\n        this.calendarElement.value = currentValue;\n      }\n\n      // Restore navigation prevention after update\n      setTimeout(() => {\n        if (this.calendarElement) {\n          this.calendarElement.setAttribute('data-prevent-navigation', 'true');\n        }\n      }, 100);\n    }\n  };\n\n  /**\n   * Handles the input event on the end input element.\n   * Updates internal state and calendar navigation without emitting events.\n   * @param {Event} event - The input event\n   */\n  private handleEndInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n\n    // Always update endValue to keep state in sync\n    this.endValue = input.value;\n\n    // Update calendar value for navigation (without triggering events)\n    if (this.calendarElement && input.value) {\n      // Temporarily enable navigation for keyboard input\n      this.calendarElement.removeAttribute('data-prevent-navigation');\n\n      // Update calendar's rangeValue to allow navigation\n      const currentValue = `${this.startValue},${input.value}`;\n      if (this.calendarElement.value !== currentValue) {\n        this.calendarElement.value = currentValue;\n      }\n\n      // Restore navigation prevention after update\n      setTimeout(() => {\n        if (this.calendarElement) {\n          this.calendarElement.setAttribute('data-prevent-navigation', 'true');\n        }\n      }, 100);\n    }\n  };\n\n  /**\n   * Handles focus events on the input elements.\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    // Enable navigation on focus\n    if (this.calendarElement) {\n      this.calendarElement.removeAttribute('data-prevent-navigation');\n    }\n\n    this.open = true;\n\n    // Restore navigation prevention after opening\n    setTimeout(() => {\n      if (this.calendarElement) {\n        this.calendarElement.setAttribute('data-prevent-navigation', 'true');\n      }\n    }, 300);\n  };\n\n  /**\n   * Toggles the opening/closing of the popover.\n   * @param {MouseEvent} event - The click event.\n   */\n  private toggleCalendar = (event: MouseEvent) => {\n    if (this.readonly || this.disabled) {\n      return;\n    }\n    // Stop propagation to prevent closing parent dialogs\n    event.stopPropagation();\n    this.open = !this.open;\n  };\n\n  /**\n   * Clears the current selection and resets the date range field to its initial state.\n   * This method can be called programmatically to reset the field.\n   */\n  @Method()\n  async clear(): Promise<void> {\n    // Reset internal state\n    this.startValue = '';\n    this.endValue = '';\n    this.value = '';\n\n    // Reset both input elements\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      input.value = '';\n      // Remove input mask if exists\n      if ((input as HTMLInputElementWithInputmask).inputmask) {\n        (input as HTMLInputElementWithInputmask).inputmask.remove();\n      }\n    });\n\n    // Emit events to notify about the change\n    this.valueChanged.emit('');\n    this.dateRangeChange.emit({ start: '', end: '' });\n\n    // Close the popover if open\n    this.open = false;\n\n    // Clear the calendar if it exists\n    if (this.calendarElement) {\n      this.calendarElement.clear();\n    }\n  }\n\n  private updateMask() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      (input as HTMLInputElementWithInputmask).inputmask?.remove?.();\n\n      const inputMask = new Inputmask({\n        alias: 'datetime',\n        inputFormat: this.convertToInputmaskFormat(this.dateFormat),\n        placeholder: this.convertToInputmaskFormat(this.dateFormat),\n        clearIncomplete: false,\n        showMaskOnHover: false,\n        showMaskOnFocus: true,\n        clearMaskOnLostFocus: !this.open,\n        postValidation: true,\n        oncleared: (e: CustomEvent) => {\n          const input = e.target as HTMLInputElement;\n          if (input.id === this.startInputId) {\n            this.startValue = '';\n          }\n          if (input.id === this.endInputId) {\n            this.endValue = '';\n          }\n        },\n        oncomplete: (e: CustomEvent) => {\n          const input = e.target as HTMLInputElement;\n\n          // Update the corresponding state based on which input completed\n          if (input.id === this.startInputId) {\n            this.startValue = input.value;\n          } else if (input.id === this.endInputId) {\n            this.endValue = input.value;\n          }\n\n          // Update unified value\n          const newValue = `${this.startValue},${this.endValue}`;\n\n          // Only emit if both dates are filled and value changed\n          if (this.startValue && this.endValue && this.value !== newValue) {\n            this.value = newValue;\n            this.valueChanged.emit(this.value);\n\n            // Legacy support (deprecated)\n            this.dateRangeChange.emit({\n              start: this.startValue,\n              end: this.endValue,\n            });\n          }\n        },\n      });\n      inputMask.mask(input);\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      // Use the unified parsing method\n      this.parseUnifiedValue(this.value);\n    }\n  }\n\n  componentDidLoad() {\n    this.updateMask();\n\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      // Set the value after applying the mask\n      if (input.name === this.startName && this.startValue) {\n        requestAnimationFrame(() => {\n          input.value = this.startValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      } else if (input.name === this.endName && this.endValue) {\n        requestAnimationFrame(() => {\n          input.value = this.endValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      }\n    });\n  }\n\n  componentDidRender() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      const value =\n        input.name === this.startName\n          ? this.startValue\n          : this.endName\n          ? this.endValue\n          : '';\n      if (value) {\n        // Make sure the value is defined both as a property and attribute\n        requestAnimationFrame(() => {\n          input.value = value;\n          input.setAttribute('value', value);\n        });\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the date range changes.\n   */\n  @Event()\n  dateRangeChange: EventEmitter<\n    HTMLNvCalendarElementEventMap['rangeDateChange']\n  >;\n\n  /**\n   * Emitted when the unified value changes\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  /**\n   * Handles the range date selection event from nv-calendar.\n   * Stops propagation to prevent duplicate events with handleCalendarValueChanged.\n   * @param {CustomEvent<DateRange>} event - The custom event\n   */\n  @Listen('rangeDateChange')\n  handleRangeDateChange(\n    event: CustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>,\n  ) {\n    // Stop propagation to prevent this from being handled by handleCalendarValueChanged\n    event.stopPropagation();\n\n    const { start, end } = event.detail || {};\n\n    // Check that both dates are defined\n    if (start && end) {\n      this.startValue = start;\n      this.endValue = end;\n\n      // Update unified value prop (like nv-calendar)\n      const newValue = `${start},${end}`;\n      if (this.value !== newValue) {\n        this.value = newValue;\n        this.valueChanged.emit(this.value);\n      }\n\n      // Legacy support (deprecated)\n      this.dateRangeChange.emit({\n        start: this.startValue,\n        end: this.endValue,\n      });\n\n      if (!this.showActions) {\n        this.open = false;\n      }\n    }\n  }\n\n  /**\n   * Handles the unified value change event from nv-calendar\n   * Note: This might not be called if rangeDateChange stops propagation first.\n   * @param {CustomEvent<string>} event - The custom event\n   */\n  @Listen('valueChanged')\n  handleCalendarValueChanged(event: CustomEvent<string>) {\n    // Only handle events from the calendar, not from self\n    if (event.target === this.el) {\n      return;\n    }\n\n    // Stop propagation to prevent parent components from receiving calendar events\n    event.stopPropagation();\n\n    const newValue = event.detail || '';\n\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this.valueChanged.emit(newValue);\n\n      // Parse and update internal state\n      this.parseUnifiedValue(newValue);\n\n      // Legacy support - emit dateRangeChange\n      this.dateRangeChange.emit({\n        start: this.startValue,\n        end: this.endValue,\n      });\n    }\n  }\n\n  @Listen('closePopover')\n  handleClosePopover() {\n    this.open = false;\n  }\n\n  @Listen('applyDateRange')\n  handleApplyDateRange() {\n    this.open = false;\n  }\n\n  /**\n   * Handles the reset event from the calendar's cancel button\n   * @param {CustomEvent} event - The event emitted by the calendar\n   */\n  @Listen('singleDateChange')\n  @Listen('rangeDateChange')\n  handleDateReset(event: CustomEvent) {\n    const isResetSingle =\n      event.type === 'singleDateChange' && event.detail === '';\n    const isResetRange =\n      event.type === 'rangeDateChange' &&\n      event.detail &&\n      event.detail.start === '' &&\n      event.detail.end === '';\n\n    if (isResetSingle || isResetRange) {\n      this.startValue = '';\n      this.endValue = '';\n\n      // Update unified value prop\n      this.value = '';\n      this.valueChanged.emit('');\n\n      const inputs = this.el.querySelectorAll('.input-wrapper input');\n      inputs.forEach((input: HTMLInputElement) => {\n        input.value = '';\n      });\n\n      // Legacy support (deprecated)\n      this.dateRangeChange.emit({ start: '', end: '' });\n    }\n  }\n\n  /**\n   * Handles keyboard events.\n   * @param {KeyboardEvent} event - The keyboard event\n   */\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    if (!this.popoverElement) {\n      console.warn('nv-fielddaterange -> Popover element is not defined');\n      return;\n    }\n  }\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    // Use the unified parsing method instead of JSON.parse\n    this.parseUnifiedValue(newValue);\n  }\n\n  @Watch('open')\n  onOpenChanged(newValue: boolean) {\n    this.updateMask();\n    if (this.contentRef) {\n      if (newValue) {\n        this.contentRef.style.transition = 'none';\n        this.contentRef.style.maxHeight = '0px';\n        void this.contentRef.offsetHeight;\n        requestAnimationFrame(() => {\n          this.contentRef.style.transition =\n            'max-height 0.18s cubic-bezier(0.4,0,0.2,1)';\n          this.contentRef.style.maxHeight = this.contentRef.scrollHeight + 'px';\n        });\n      } else {\n        this.contentRef.style.transition = 'none';\n        this.contentRef.style.maxHeight = this.contentRef.scrollHeight + 'px';\n        void this.contentRef.offsetHeight;\n        requestAnimationFrame(() => {\n          this.contentRef.style.transition =\n            'max-height 0.18s cubic-bezier(0.4,0,0.2,1)';\n          this.contentRef.style.maxHeight = '0px';\n        });\n      }\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {((this.label && this.label.length > 0) ||\n          this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.startInputId}>\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          strategy=\"fixed\"\n          open={this.open}\n        >\n          <div slot=\"trigger\" class=\"input-wrapper\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container\">\n              <slot name=\"leading-input\"></slot>\n\n              <div class=\"range-inputs\">\n                <input\n                  id={this.startInputId}\n                  type=\"text\"\n                  placeholder={\n                    this.startPlaceholder ||\n                    this.convertToInputmaskFormat(this.dateFormat)\n                  }\n                  name={this.startName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={this.required}\n                  autofocus={this.autofocus}\n                  value={this.startValue}\n                  onInput={this.handleStartInput}\n                  onFocus={this.handleFocus}\n                  data-scope=\"date-range\"\n                />\n\n                <div class=\"range-separator\"></div>\n\n                <input\n                  id={this.endInputId}\n                  type=\"text\"\n                  placeholder={\n                    this.endPlaceholder ||\n                    this.convertToInputmaskFormat(this.dateFormat)\n                  }\n                  name={this.endName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={this.required}\n                  value={this.endValue}\n                  onInput={this.handleEndInput}\n                  onFocus={this.handleFocus}\n                  data-scope=\"date-range\"\n                />\n              </div>\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              <nv-iconbutton\n                class=\"toggle-calendar-icon\"\n                name=\"calendar\"\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide calendar' : 'Show calendar'}\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              ref={el => (this.calendarElement = el as HTMLNvCalendarElement)}\n              dateFormat={this.dateFormat}\n              value={this.value}\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              selectionType=\"range\"\n              data-prevent-navigation=\"true\"\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/native/p-d878e90a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as r,H as i,g as t}from"./p-3060df80.js";import{v as n}from"./p-f5ff676c.js";const d='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-fielddropdown{--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-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[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-fielddropdown[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-fielddropdown[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown 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-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{width:100%;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .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;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .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-fielddropdown .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-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .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-fielddropdown .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)}';const l=d;const a=class{constructor(r){e(this,r);this.valueChanged=o(this,"valueChanged",7);this.dropdownItemSelected=o(this,"dropdownItemSelected",7);this.inputId=n();this.autocomplete="off";this.required=false;this.readonly=false;this.disabled=false;this.error=false;this.maxHeight="";this.open=false;this.emptyResult="No results found";this.filterable=false;this.debounceDelay=300;this.autofocus=false;this.fluid=false;this.filterText="";this.selectedValues=new Set;this.handleInputContainerClick=e=>{if(this.disabled||this.readonly){return}const o=e.target;if(o.tagName==="P"||o.tagName==="SPAN"){this.open=true;const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const o=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",o)}}};this.handleInput=e=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const o=e.target;this.open=true;if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=o.value.toLowerCase();this.filterItems()}),this.debounceDelay)};this.handleInputFocus=()=>{if(this.disabled||this.readonly)return;this.open=true};this.togglePopover=()=>{if(this.disabled||this.readonly)return;this.open=!this.open};this.getSelectedLabel=()=>{var e,o,r,i,t,n;if(!this.value)return"";if(((e=this.options)===null||e===void 0?void 0:e.length)>1){const e=this.options.find((e=>e.value===this.value));return(r=(o=e===null||e===void 0?void 0:e.label)!==null&&o!==void 0?o:e===null||e===void 0?void 0:e.value)!==null&&r!==void 0?r:this.value}const d=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const l=d.find((e=>e.value===this.value));const a=l?(n=(i=l.label)!==null&&i!==void 0?i:(t=l.textContent)===null||t===void 0?void 0:t.trim())!==null&&n!==void 0?n:l.value:"";return a};this.clearFilter=()=>{if(!this.filterable)return;this.filterText="";this.inputElement.value=this.getSelectedLabel();this.inputElement.focus();this.filterItems()};this.handleBlurInput=e=>{var o;const r=e.relatedTarget;if(!this.el.contains(r)&&!((o=this.popoverElement)===null||o===void 0?void 0:o.contains(r))){this.open=false;if(this.filterable){this.clearFilter()}}}}handleOptionsChange(e){var o;if(!e)return;if(!this.value){const r=e.find((e=>e.selected));this.value=(o=r===null||r===void 0?void 0:r.value)!==null&&o!==void 0?o:"";this.updateSelectedItem(this.value)}}watchValueHandler(e){this.valueChanged.emit(e)}handleOpenChange(e){if(e&&this.filterable){this.filterItems()}else if(!e){this.clearFilter()}}handleOpenChanged(e){e.stopPropagation();if(e.target===this.popoverElement){this.open=e.detail}if(!e.detail&&this.filterable){this.clearFilter()}}handleDropdownItemSelected(e){if(this.disabled||this.readonly)return;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));o.forEach((o=>{if(o!==e.target){o.removeAttribute("selected")}else{o.setAttribute("selected","true")}}));this.clearFilter();this.value=e.detail.value;this.open=false}handleBlur(e){const o=e.relatedTarget;if(!(o instanceof Node)||!this.el.contains(o)){this.open=false;if(this.inputElement){this.filterText="";this.inputElement.value=this.getSelectedLabel();setTimeout((()=>{this.filterItems()}),200)}}}handleKeyDown(e){if(!this.el)return;if(!this.open){if(e.key==="ArrowDown"){this.open=true;e.preventDefault();return}return}const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"));let r=o.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();r=(r+1)%o.length;this.updateHighlightedItem(o,r)}else if(e.key==="ArrowUp"){e.preventDefault();r=(r-1+o.length)%o.length;this.updateHighlightedItem(o,r)}else if(e.key==="Escape"){e.preventDefault();this.open=false}}componentWillLoad(){this.resetFilter();if(this.filterable&&this.filterText){this.filterItems()}if(this.options){this.handleOptionsChange(this.options)}}componentDidLoad(){if(this.value){this.updateSelectedItem(this.value)}if(this.inputElement){this.inputElement.value=this.getSelectedLabel()}}async getFilterText(){return this.filterText}filterItems(){var e;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const r=this.el.querySelector("nv-fielddropdownitem[data-empty]");if(r){r.remove()}let i=false;o.forEach((e=>{var o,r;const t=((o=e.textContent)===null||o===void 0?void 0:o.toLowerCase())||"";const n=((r=e.value)===null||r===void 0?void 0:r.toLowerCase())||"";const d=n.includes(this.filterText)||t.includes(this.filterText);if(d)e.removeAttribute("hidden");else e.setAttribute("hidden","");if(d){i=true}}));if(!i){const o=document.createElement("nv-fielddropdownitem");o.setAttribute("data-empty","true");o.setAttribute("disabled","true");o.textContent=this.emptyResult;(e=this.el.querySelector('ul[slot="content"]'))===null||e===void 0?void 0:e.appendChild(o)}}resetFilter(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));e.forEach((e=>{e.style.display=""}))}updateHighlightedItem(e,o){e.forEach(((e,r)=>{if(r===o){e.classList.add("highlighted");e.focus();e.scrollIntoView({block:"nearest"})}else{e.classList.remove("highlighted")}}))}updateSelectedItem(e){if(!e)return;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const r=o.find((o=>{var r;const i=o.getAttribute("label");const t=o.getAttribute("value");const n=(r=o.textContent)===null||r===void 0?void 0:r.trim();return i===e||t===e||n===e}));o.forEach((e=>{if(e===r){e.setAttribute("selected","")}else{e.removeAttribute("selected")}}))}render(){var e;return r(i,{key:"1d5a87b2a5e9d9ca0be659ba5706b1db068d1d2d",role:"combobox","aria-expanded":this.open.toString(),"aria-haspopup":"listbox","aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"b07ca241c89f45292e479de79de618c6444a9c42",htmlFor:this.inputId},r("slot",{key:"0dd6ac2799e187e7233a5a5651ef18d59e4507e8",name:"label"},this.label)),r("nv-popover",{key:"b06d107776724937816dc4b98a035b282ed6c1f3",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},r("div",{key:"ab755801a0f2a732ea895e04d6c3a85261422f17",class:"input-wrapper",slot:"trigger"},r("slot",{key:"b78c41d4064cf067d69fa20ae583c1be29d1f620",name:"before-input"}),r("div",{key:"b46f6440660056ff71b9debf503f15ca7046ca02",class:"input-container",onClick:this.handleInputContainerClick},r("slot",{key:"36069ce529fba771c9339a3cb6c9c5c838f441c4",name:"leading-input"}),this.filterable||this.disabled||this.readonly?r("input",{"data-scope":"focusable",id:this.inputId,type:"search",ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.getSelectedLabel(),required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput,onFocus:this.handleInputFocus,onClick:this.handleInputFocus,onKeyDown:this.handleKeyDown,onBlur:this.handleBlurInput}):r("p",{"data-scope":"focusable",id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClick,tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocus,onBlur:this.handleBlurInput},this.getSelectedLabel()||this.value||this.placeholder),this.filterable&&this.filterText&&this.open&&r("nv-iconbutton",{key:"36f76135c0e3e1e6750c95116aae6ddd397eec1f",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter,"aria-label":"Clear input"}),this.error&&r("nv-icon",{key:"bd73c43ffae11897359adfae69572ee490f0f5c2",name:"alert-circle",class:"validation",size:"md"}),r("nv-iconbutton",{key:"a0f237814e9f58aa9e4d72e73a1747248911ade8","data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",onClick:this.togglePopover,tabIndex:this.disabled?-1:0})),r("slot",{key:"66d2b27cfcf7ef97df493accaa333e0694234344",name:"after-input"})),r("div",{key:"de6d7e18d676788cf0c7bfebd25f22b5cd2067ce",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},((e=this.options)===null||e===void 0?void 0:e.length)>0?r("ul",null,this.options.map((e=>r("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))):r("slot",{name:"content"}))),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"ea889c8ecdcfad160010374541b73f548322a0ad",class:"description"},r("slot",{key:"b69f67d3a03bf1839edd912ea369cfd87395ae51",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"6ecd397cb41aab81173992c90e42f593f1227730",hidden:!this.error,class:"error-description"},r("slot",{key:"3dff83b119d3cbbf2d00bc8641882326d08f939d",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{options:["handleOptionsChange"],value:["watchValueHandler"],open:["handleOpenChange"]}}};a.style=l;export{a as nv_fielddropdown};
+//# sourceMappingURL=p-d878e90a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvFielddropdownCss","NvFielddropdownStyle0","NvFielddropdown","constructor","hostRef","this","inputId","uuidv4","autocomplete","required","readonly","disabled","error","maxHeight","open","emptyResult","filterable","debounceDelay","autofocus","fluid","filterText","selectedValues","Set","handleInputContainerClick","event","target","tagName","inputContainer","el","querySelector","classList","add","removeFocusWithin","remove","popoverElement","addEventListener","handleInput","input","debounceTimer","window","clearTimeout","setTimeout","value","toLowerCase","filterItems","handleInputFocus","togglePopover","getSelectedLabel","_a","options","length","matchingItem","find","option","_c","_b","label","items","Array","from","querySelectorAll","item","selectedLabel","_f","_d","_e","textContent","trim","clearFilter","inputElement","focus","handleBlurInput","relatedTarget","contains","handleOptionsChange","newValue","defaultValue","selected","updateSelectedItem","watchValueHandler","valueChanged","emit","handleOpenChange","newOpen","handleOpenChanged","stopPropagation","detail","handleDropdownItemSelected","forEach","removeAttribute","setAttribute","handleBlur","Node","handleKeyDown","key","preventDefault","currentIndex","findIndex","updateHighlightedItem","componentWillLoad","resetFilter","componentDidLoad","getFilterText","existingEmptyItem","hasVisibleItems","shouldShow","includes","emptyItem","document","createElement","appendChild","style","display","index","i","scrollIntoView","block","itemLabel","getAttribute","itemValue","itemText","render","h","Host","role","toString","htmlFor","name","ref","triggerMode","placement","class","slot","onClick","id","type","e","placeholder","readOnly","onInput","onFocus","onKeyDown","onBlur","tabIndex","size","emphasis","map","description","errorDescription","hidden"],"sources":["src/components/nv-fielddropdown/styles/nv-fielddropdown.scss?tag=nv-fielddropdown","src/components/nv-fielddropdown/nv-fielddropdown.tsx"],"sourcesContent":["@use './mixins' as *;\n@import '../../../styles/form-field';\n@import '../../../styles/scrollbar';\n\nnv-fielddropdown {\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  &[hidden]:not([hidden='false']) label {\n    display: none;\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 {\n    @include form-field-input-wrapper();\n    @include input-wrapper-styles();\n  }\n\n  .input-container {\n    @include form-field-input-container();\n    @include input-container-styles();\n\n    input[type='search']::-webkit-search-decoration,\n    input[type='search']::-webkit-search-cancel-button,\n    input[type='search']::-webkit-search-results-button,\n    input[type='search']::-webkit-search-results-decoration {\n      -webkit-appearance: none;\n    }\n\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\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  .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","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 - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fielddropdown',\n  styleUrl: 'styles/nv-fielddropdown.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFielddropdown {\n  @Element() el: HTMLNvFielddropdownElement;\n  private inputElement!: HTMLInputElement;\n  private 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\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Display temporary text inside the input field to give users a hint about\n   * what to type. It's a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   * The placeholder is displayed only when the filterable option is enabled.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * The autocomplete prop helps users fill out the input field faster by\n   * suggesting entries they've used before, like their email or address.\n   * You can turn it on to make forms more convenient or off to ensure users\n   * always type in fresh data.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Specifies the value of the input field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the input's value is managed by the component's state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\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   * Users can still click on it, select, and copy the text, but they won't be\n   * able to type or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * The disabled prop lets you turn off the input field so that users can't\n   * type in it. When disabled, the field is grayed out and won't respond to\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the dropdown\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Defines the maximum height of the multiselect list when open.\n   */\n  @Prop({ reflect: true })\n  readonly maxHeight: string = '';\n\n  /**\n   * State of the dropdown popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: 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   * Enables or disables the filtering feature for the dropdown items.\n   */\n  @Prop({ reflect: true })\n  readonly filterable: boolean = false;\n\n  /**\n   * List of options used to automatically generate dropdown items. This\n   * provides an alternative to using the slot manually.\n   *\n   * @example\n   * options=[{\n   *  \"label\": \"Option 1\",\n   *  \"value\": \"option1\",\n   *  \"selected\": true,\n   * },\n   * {\n   *  \"label\": \"Option 2\",\n   *  \"value\": \"option2\",\n   * }]\n   */\n  @Prop({ reflect: false })\n  readonly options?: {\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is disabled */\n    disabled?: boolean;\n    /** Whether this option is pre-selected */\n    selected?: boolean;\n  }[];\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   * 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 STATE\n\n  /**\n   * The text entered by the user for filtering dropdown items.\n   */\n  @State()\n  filterText: string = '';\n\n  @State()\n  selectedValues: Set<string> = new Set();\n\n  //#endregion STATE\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 an item is clicked.\n   */\n  @Event()\n  dropdownItemSelected: EventEmitter<\n    HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n  >;\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 (!this.value) {\n      const defaultValue = newValue.find(option => option.selected);\n      this.value = defaultValue?.value ?? '';\n      this.updateSelectedItem(this.value);\n    }\n  }\n\n  @Watch('value')\n  watchValueHandler(newValue: typeof this.value) {\n    this.valueChanged.emit(newValue);\n  }\n\n  @Watch('open')\n  handleOpenChange(newOpen: boolean) {\n    // React to external changes, e.g., clear filter or refilter on open\n    if (newOpen && this.filterable) {\n      this.filterItems(); // Ensure items are filtered if filterText exists\n    } else if (!newOpen) {\n      this.clearFilter(); // Clear on external close\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\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    // Update `open` based on the popover state\n    if (event.target === this.popoverElement) {\n      this.open = event.detail;\n    }\n\n    if (!event.detail && this.filterable) {\n      this.clearFilter();\n    }\n  }\n\n  @Listen('dropdownItemSelected')\n  handleDropdownItemSelected(\n    event: CustomEvent<\n      HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n    >,\n  ) {\n    if (this.disabled || this.readonly) return;\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    items.forEach(item => {\n      if (item !== event.target) {\n        item.removeAttribute('selected');\n      } else {\n        item.setAttribute('selected', 'true');\n      }\n    });\n\n    this.clearFilter();\n    this.value = event.detail.value;\n    this.open = false;\n  }\n\n  @Listen('blur', { capture: true })\n  handleBlur(event: FocusEvent) {\n    const target = event.relatedTarget;\n    if (!(target instanceof Node) || !this.el.contains(target)) {\n      this.open = false;\n\n      if (this.inputElement) {\n        this.filterText = '';\n        this.inputElement.value = this.getSelectedLabel();\n        setTimeout(() => {\n          this.filterItems();\n        }, 200);\n      }\n    }\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.el) return;\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    const items = Array.from(\n      this.el.querySelectorAll(\n        'nv-fielddropdownitem:not([disabled]):not([hidden])',\n      ),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex = (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex = (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this.open = false;\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.resetFilter();\n\n    if (this.filterable && this.filterText) {\n      this.filterItems();\n    }\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.value) {\n      this.updateSelectedItem(this.value);\n    }\n    if (this.inputElement) {\n      this.inputElement.value = this.getSelectedLabel();\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  private handleInputContainerClick = (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      // Simulate focus to trigger \"focus-within\" style\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        // Remove the \"focus-within\" class after a delay or when the popover is closed\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        // Or remove the class when the popover is closed\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  private handleInput = (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.open = true;\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.filterItems();\n    }, this.debounceDelay);\n  };\n\n  /**\n   * Filter dropdown items based on the text entered by the user.\n   * If no items are found, display a message indicating no results.\n   */\n  private filterItems() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    // Remove the \"no results found\" item if it exists\n    const existingEmptyItem = this.el.querySelector(\n      'nv-fielddropdownitem[data-empty]',\n    );\n    if (existingEmptyItem) {\n      existingEmptyItem.remove();\n    }\n\n    let hasVisibleItems = false;\n\n    // Iterate over all items and adjust their visibility\n    items.forEach(item => {\n      const textContent = item.textContent?.toLowerCase() || ''; // Get the textual content of the slot\n      const value = item.value?.toLowerCase() || ''; // Get the value of the `value` attribute\n\n      // Check if the filtered text is present either in the value or in the textual content\n      const shouldShow =\n        value.includes(this.filterText) ||\n        textContent.includes(this.filterText);\n\n      if (shouldShow) item.removeAttribute('hidden');\n      else item.setAttribute('hidden', '');\n\n      if (shouldShow) {\n        hasVisibleItems = true;\n      }\n    });\n\n    // If no items are visible, add the \"no results found\" item\n    if (!hasVisibleItems) {\n      const emptyItem = document.createElement('nv-fielddropdownitem');\n      emptyItem.setAttribute('data-empty', 'true');\n      emptyItem.setAttribute('disabled', 'true');\n      emptyItem.textContent = this.emptyResult;\n      this.el.querySelector('ul[slot=\"content\"]')?.appendChild(emptyItem);\n    }\n  }\n\n  /** Reset the filter and make all items visible. */\n  private resetFilter() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    items.forEach(item => {\n      item.style.display = '';\n    });\n  }\n\n  private handleInputFocus = () => {\n    if (this.disabled || this.readonly) return;\n    this.open = true;\n  };\n\n  private togglePopover = () => {\n    if (this.disabled || this.readonly) return;\n    this.open = !this.open;\n  };\n\n  private updateHighlightedItem(\n    items: HTMLNvFielddropdownitemElement[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.focus();\n        item.scrollIntoView({ block: 'nearest' });\n      } else {\n        item.classList.remove('highlighted');\n      }\n    });\n  }\n\n  private getSelectedLabel = (): string => {\n    if (!this.value) return '';\n\n    if (this.options?.length > 1) {\n      const matchingItem = this.options.find(\n        option => option.value === this.value,\n      );\n      return matchingItem?.label ?? matchingItem?.value ?? this.value;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    const matchingItem = items.find(item => item.value === this.value);\n\n    const selectedLabel = matchingItem\n      ? matchingItem.label ??\n        matchingItem.textContent?.trim() ??\n        matchingItem.value\n      : '';\n\n    return selectedLabel;\n  };\n\n  private clearFilter = () => {\n    if (!this.filterable) return;\n\n    this.filterText = '';\n    this.inputElement.value = this.getSelectedLabel();\n    this.inputElement.focus();\n    this.filterItems();\n  };\n\n  private updateSelectedItem(value: string) {\n    if (!value) return;\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    const matchingItem = items.find(item => {\n      const itemLabel = item.getAttribute('label');\n      const itemValue = item.getAttribute('value');\n      const itemText = item.textContent?.trim();\n      return itemLabel === value || itemValue === value || itemText === value;\n    });\n\n    items.forEach(item => {\n      if (item === matchingItem) {\n        item.setAttribute('selected', '');\n      } else {\n        item.removeAttribute('selected');\n      }\n    });\n  }\n\n  private handleBlurInput = (event: FocusEvent) => {\n    const relatedTarget = event.relatedTarget as Node | null;\n    if (\n      !this.el.contains(relatedTarget) &&\n      !this.popoverElement?.contains(relatedTarget)\n    ) {\n      this.open = false;\n      if (this.filterable) {\n        this.clearFilter(); // Resets input to selected label, clears filterText\n      }\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"combobox\"\n        aria-expanded={this.open.toString()}\n        aria-haspopup=\"listbox\"\n        aria-label={this.label}\n      >\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container\"\n              onClick={this.handleInputContainerClick}\n            >\n              <slot name=\"leading-input\"></slot>\n\n              {this.filterable || this.disabled || this.readonly ? (\n                <input\n                  data-scope=\"focusable\"\n                  id={this.inputId}\n                  type=\"search\"\n                  ref={e => (this.inputElement = e)}\n                  autofocus={this.autofocus}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.getSelectedLabel()}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInput}\n                  onFocus={this.handleInputFocus}\n                  onClick={this.handleInputFocus}\n                  onKeyDown={this.handleKeyDown}\n                  onBlur={this.handleBlurInput}\n                />\n              ) : (\n                <p\n                  data-scope=\"focusable\"\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClick}\n                  tabIndex={this.disabled ? -1 : 0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocus}\n                  onBlur={this.handleBlurInput}\n                >\n                  {this.getSelectedLabel() || this.value || this.placeholder}\n                </p>\n              )}\n\n              {this.filterable && this.filterText && this.open && (\n                <nv-iconbutton\n                  name=\"x\"\n                  size=\"md\"\n                  emphasis=\"lower\"\n                  class=\"clear-button\"\n                  onClick={this.clearFilter}\n                  aria-label=\"Clear input\"\n                />\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                onClick={this.togglePopover}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n          >\n            {this.options?.length > 0 ? (\n              <ul>\n                {this.options.map(option => (\n                  <nv-fielddropdownitem\n                    label={option.label}\n                    value={option.value}\n                    disabled={option.disabled}\n                    selected={option.value === this.value}\n                  />\n                ))}\n              </ul>\n            ) : (\n              <slot name=\"content\"></slot>\n            )}\n          </div>\n        </nv-popover>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-ddc41f1f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as s,g as n}from"./p-3060df80.js";import{a as r}from"./p-a5c8eee9.js";import{g as o}from"./p-51602221.js";import{v as l}from"./p-f5ff676c.js";const a='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-fieldtime{--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-fieldtime[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-fieldtime[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-fieldtime[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-fieldtime[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime 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-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .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;display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .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-fieldtime .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-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container input.time-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%;width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-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-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px;margin-left:auto}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .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-fieldtime .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-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}';const d=a;const c=class{constructor(i){e(this,i);this.valueChanged=t(this,"valueChanged",7);this.inputElements={};this.inputZeroAdded={};this.typeFocused=o.Hours;this.hours="00";this.minutes="00";this.seconds="00";this.inputId=l();this.readonly=false;this.disabled=false;this.required=false;this.success=false;this.error=false;this.format="HH:mm:ss";this.open=false;this.step=6e4;this.autofocus=false}handleOpenChanged(e){e.stopPropagation();this.open=e.detail}handleKeyDown(e){var t,i,s,n;if(!this.open){if(e.key==="ArrowDown"){this.open=true;e.preventDefault();return}return}if(!this.popoverElement){console.warn("nv-fieldtime -> Popover element is not defined");return}const r=`.time-column.time-column-${this.typeFocused} div`;const l=Array.from(this.el.querySelectorAll(r));if(l.length===0){console.warn("nv-fieldtime -> No dropdown items found to navigate");return}let a=l.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();a=(a+1)%l.length;this.updateHighlightedItem(l,a)}else if(e.key==="ArrowUp"){e.preventDefault();a=(a-1+l.length)%l.length;this.updateHighlightedItem(l,a)}else if(e.key==="Enter"&&a>=0){e.preventDefault();l[a].click();if(this.typeFocused===o.Hours){(t=this.inputElements[o.Minutes])===null||t===void 0?void 0:t.focus();(i=this.inputElements[o.Minutes])===null||i===void 0?void 0:i.select()}else if(this.typeFocused===o.Minutes||this.typeFocused===o.Seconds){(s=this.inputElements[o.Seconds])===null||s===void 0?void 0:s.focus();(n=this.inputElements[o.Seconds])===null||n===void 0?void 0:n.select()}}else if(e.key==="Escape"){e.preventDefault();if(this.inputElements[o.Hours]){this.inputElements[o.Hours].blur()}}}handleValueChange(e){this.valueChanged.emit(e)}handleOpenChange(e){if(e){const e=`.time-column.time-column-${o.Hours} div`;this.updateColumnHighlight(e,this.hours);const t=`.time-column.time-column-${o.Minutes} div`;this.updateColumnHighlight(t,this.minutes);const i=`.time-column.time-column-${o.Seconds} div`;this.updateColumnHighlight(i,this.seconds)}}handleInputChange(e,t){const i=e.target;const s=i.value.replace(/[^0-9]/g,"");switch(t){case o.Hours:this.handleHoursChange(s,t);break;case o.Minutes:this.handleMinutesChange(s,t);break;case o.Seconds:this.handleSecondsChange(s,t);break}const n=this.reconstructTime();this.value=n}handleHoursChange(e,t){var i,s,n,r;const l=this.format.startsWith("HH");const a=l?24:12;let d=false;const c=this.parseHour(this.max,this.format)||(this.format.startsWith("hh")?"12":"24");const f=this.parseHour(this.min,this.format)||"00";if(e.length===1){this.inputZeroAdded[t]=true;const i=e.padStart(2,"0");if(c&&parseInt(i,10)>parseInt(c,10)){if(f&&parseInt(i,10)<parseInt(f,10)){this.hours=f}else{this.hours="00";d=true}}else{if(f&&parseInt(i,10)<parseInt(f,10)){this.hours=f}else{this.hours=i}}}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=false;const i=e.slice(1,3).padStart(2,"0");const s=parseInt(i,10)||0;if(s>=a){if(f&&parseInt(i,10)<parseInt(f,10)){this.hours=f}else{this.hours="00";d=true}}else{if(c&&parseInt(i,10)>parseInt(c,10)){if(f&&parseInt(i,10)<parseInt(f,10)){this.hours=f}else{this.hours="00";d=true}}else{if(f&&parseInt(i,10)<parseInt(f,10)){this.hours=f}else{this.hours=i}}}}else if(e.length>2){if(e.startsWith("00")){this.inputZeroAdded[t]=true;const i=e.slice(1,3).padStart(2,"0");if(c&&parseInt(i,10)>parseInt(c,10)){if(f&&parseInt(i,10)<parseInt(f,10)){this.hours=f}else{this.hours="00";d=true}}else{if(f&&parseInt(i,10)<parseInt(f,10)){this.hours=f}else{this.hours=i}}}else{const t=e.slice(1,3).padStart(2,"0");const i=parseInt(t,10)||0;if(i>=a){if(f&&parseInt(t,10)<parseInt(f,10)){this.hours=f;d=true}else{this.hours="00";d=true}}else{if(c&&i>parseInt(c,10)){if(f&&parseInt(t,10)<parseInt(f,10)){this.hours=f}else{this.hours="00";d=true}}else{if(f&&i<parseInt(f,10)){this.hours=f}else{this.hours=i.toString()}}}}}else{const t=e.padStart(2,"0");const i=parseInt(t,10)||0;if(i>=a){if(f&&parseInt(t,10)<parseInt(f,10)){this.hours=f}else{this.hours="00";d=true}}else{if(c&&i>parseInt(c,10)){this.hours="00";d=true}else{if(f&&i<parseInt(f,10)){this.hours=f}else{this.hours=i.toString()}}}}if(this.hours.length===2&&!this.inputZeroAdded[t]&&!d){(i=this.inputElements[o.Minutes])===null||i===void 0?void 0:i.focus();(s=this.inputElements[o.Minutes])===null||s===void 0?void 0:s.select()}else if(d){(n=this.inputElements[o.Hours])===null||n===void 0?void 0:n.focus();(r=this.inputElements[o.Hours])===null||r===void 0?void 0:r.select()}}handleMinutesChange(e,t){var i,s,n,r,l,a;const d=60;let c=false;const f=(i=this.parseMinute(this.min))!==null&&i!==void 0?i:0;const h=(s=this.parseMinute(this.max))!==null&&s!==void 0?s:59;if(e.length===1){this.inputZeroAdded[t]=true;const i=e.padStart(2,"0");if(h&&parseInt(i,10)>h){if(f&&parseInt(i,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes="00";c=true}}else{if(f&&parseInt(i,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes=i}}}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=false;const i=e.slice(1,3).padStart(2,"0");const s=parseInt(i,10)||0;if(s>=d){if(f&&parseInt(i,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes="00";c=true}}else{if(h&&s>h){if(f&&parseInt(i,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes="00";c=true}}else{if(f&&s<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes=i}}}}else if(e.length>2){if(e.startsWith("00")){this.inputZeroAdded[t]=true;const i=e.slice(1,3).padStart(2,"0");if(h&&parseInt(i,10)>h){if(f&&parseInt(i,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes="00";c=true}}else{if(f&&parseInt(i,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes=i}}}else{const t=e.slice(1,3).padStart(2,"0");const i=parseInt(t,10)||0;if(i>=d){if(f&&parseInt(t,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes="00";c=true}}else{if(h&&i>h){if(f&&parseInt(t,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes="00";c=true}}else{if(f&&i<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes=i.toString()}}}}}else{const t=e.padStart(2,"0");const i=parseInt(t,10)||0;if(i>=d){if(f&&parseInt(t,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes="00";c=true}}else{if(h&&i>h){if(f&&parseInt(t,10)<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes="00";c=true}}else{if(f&&i<f){this.minutes=f.toString().padStart(2,"0")}else{this.minutes=i.toString()}}}}if(this.minutes.length===2&&!this.inputZeroAdded[t]&&!c){(n=this.inputElements[o.Seconds])===null||n===void 0?void 0:n.focus();(r=this.inputElements[o.Seconds])===null||r===void 0?void 0:r.select()}else if(c){(l=this.inputElements[o.Minutes])===null||l===void 0?void 0:l.focus();(a=this.inputElements[o.Minutes])===null||a===void 0?void 0:a.select()}}handleSecondsChange(e,t){var i,s,n,r;const l=60;let a=false;const d=(i=this.parseSecond(this.min))!==null&&i!==void 0?i:0;const c=(s=this.parseSecond(this.max))!==null&&s!==void 0?s:59;if(e.length===1){this.inputZeroAdded[t]=true;const i=e.padStart(2,"0");if(c&&parseInt(i,10)>c){if(d&&parseInt(i,10)<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds="00";a=true}}else{if(d&&parseInt(i,10)<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds=i}}}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=false;const i=e.slice(1,3).padStart(2,"0");const s=parseInt(i,10)||0;if(s>=l){if(d&&parseInt(i,10)<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds="00";a=true}}else{if(c&&s>c){if(d&&parseInt(i,10)<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds="00";a=true}}else{if(d&&s<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds=i}}}}else if(e.length>2){const t=e.slice(1,3).padStart(2,"0");const i=parseInt(t,10)||0;if(i>=l){if(d&&parseInt(t,10)<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds="00";a=true}}else{if(c&&i>c){if(d&&parseInt(t,10)<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds="00";a=true}}else{if(d&&i<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds=i.toString()}}}}else{const t=e.padStart(2,"0");const i=parseInt(t,10)||0;if(i>=l){if(d&&parseInt(t,10)<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds="00";a=true}}else{if(c&&i>c){if(d&&parseInt(t,10)<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds="00";a=true}}else{if(d&&i<d){this.seconds=d.toString().padStart(2,"0")}else{this.seconds=i.toString()}}}}if(a){(n=this.inputElements[o.Seconds])===null||n===void 0?void 0:n.focus();(r=this.inputElements[o.Seconds])===null||r===void 0?void 0:r.select()}}parseTime(e){if(!e){return}const t=e.replace(/[^0-9]/g,"").padStart(6,"0");const i=t.slice(0,2);const s=t.slice(2,4);const n=t.slice(4,6);const r=this.parseHour(this.min,this.format)||i;const o=this.parseMinute(this.min)||s;const l=this.parseSecond(this.min)||n;this.hours=r.padStart(2,"0");this.minutes=o.toString().padStart(2,"0");this.seconds=l.toString().padStart(2,"0")}reconstructTime(){if(this.format==="HH"||this.format==="hh"){return this.hours}else if(this.format==="HH:mm"||this.format==="hh:mm"){return`${this.hours}:${this.minutes}`}else if(this.format==="HH:mm:ss"||this.format==="hh:mm:ss"){return`${this.hours}:${this.minutes}:${this.seconds}`}else{return`${this.hours}:${this.minutes}:${this.seconds}`}}handleFocus(e){var t,i,s,n;if(this.readonly||this.disabled){return}if(!this.open){this.open=true}if(((t=this.inputElements[e])===null||t===void 0?void 0:t.value.length)===0||((i=this.inputElements[e])===null||i===void 0?void 0:i.value)==="00"){(s=this.inputElements[e])===null||s===void 0?void 0:s.focus();(n=this.inputElements[e])===null||n===void 0?void 0:n.select()}this.typeFocused=e}HandleDropdownIconClick(){var e,t,i,s,n,r;if(this.disabled||this.readonly){return}if(this.open&&this.inputElements[o.Hours]){this.open=false}else if(this.open&&this.inputElements[o.Minutes]){this.open=false}else if(this.open&&this.inputElements[o.Seconds]){this.open=false}else if(!this.open&&this.inputElements[o.Hours]){(e=this.inputElements[o.Hours])===null||e===void 0?void 0:e.focus();(t=this.inputElements[o.Hours])===null||t===void 0?void 0:t.select()}else if(!this.open&&this.inputElements[o.Minutes]){(i=this.inputElements[o.Minutes])===null||i===void 0?void 0:i.focus();(s=this.inputElements[o.Minutes])===null||s===void 0?void 0:s.select()}else if(!this.open&&this.inputElements[o.Seconds]){(n=this.inputElements[o.Seconds])===null||n===void 0?void 0:n.focus();(r=this.inputElements[o.Seconds])===null||r===void 0?void 0:r.select()}else{console.warn("nv-fieldtime -> No input elements found to focus or to blur")}}updateHighlightedItem(e,t){e.forEach(((e,i)=>{if(i===t){e.classList.add("highlighted");e.setAttribute("tabindex","0");e.focus();e.scrollIntoView({block:"nearest"})}else{e.classList.remove("highlighted");e.setAttribute("tabindex","-1")}}))}handleTimeOptionClick(e,t){const i=parseInt(e.target.textContent||"0",10);if(t===o.Hours){this.hours=i.toString().padStart(2,"0")}else if(t===o.Minutes){this.minutes=i.toString().padStart(2,"0")}else if(t===o.Seconds){this.seconds=i.toString().padStart(2,"0")}const s=this.reconstructTime();this.value=s}handleInputBlur(){setTimeout((()=>{if(!this.el.contains(document.activeElement)){if(this.open){this.open=false}}}),150)}handleClickOutside(e){const t=e.target;if(this.el.contains(t)||Object.values(this.inputElements).some((e=>e.contains(t)))){return}if(this.open){this.open=false}}handleScroll(e,t){const i=e.target;const s=i.scrollTop;const n=i.clientHeight;const r=i.scrollHeight;const o=40;const l=this.generateTimeOptions(t);const a=l.length*o;if(s+n>=r-o||s<=0){i.scrollTop=a}}generateTimeOptions(e){const t=this.step/1e3;if(t===0){return["00"]}switch(e){case o.Hours:return this.generateHourOptions(t);case o.Minutes:return this.generateMinuteOptions(t);case o.Seconds:return this.generateSecondOptions(t);default:return[]}}generateHourOptions(e){const t=Math.max(1,Math.floor(e/3600));const i=this.parseHour(this.max,this.format)||(this.format.startsWith("hh")?"12":"24");const s=this.parseHour(this.min,this.format)||"00";const n=parseInt(i,10);const r=parseInt(s,10);const o=[];for(let e=r;e<n;e+=t){o.push(e.toString().padStart(2,"0"))}return o}parseHour(e,t){if(!e)return null;const[i]=e.split(":");const s=parseInt(i,10);if(isNaN(s))return null;if(t.startsWith("hh"))return s>0&&s<=12?i.padStart(2,"0"):null;return s>=0&&s<=24?i.padStart(2,"0"):null}generateMinuteOptions(e){var t,i;const s=Math.max(1,Math.floor(e%3600/60));const n=(t=this.parseMinute(this.min))!==null&&t!==void 0?t:0;const r=(i=this.parseMinute(this.max))!==null&&i!==void 0?i:59;if(n===0&&r===0)return["00"];const o=[];for(let e=n;e<=r;e+=s){o.push(e.toString().padStart(2,"0"))}return o}parseMinute(e){if(!e)return null;const t=e.split(":");if(t.length<2)return null;const i=parseInt(t[1],10);return isNaN(i)||i<0||i>=60?null:i}generateSecondOptions(e){var t,i;const s=Math.max(1,e%60);const n=(t=this.parseSecond(this.min))!==null&&t!==void 0?t:0;const r=(i=this.parseSecond(this.max))!==null&&i!==void 0?i:59;if(n===0&&r===0)return["00"];const o=[];for(let e=n;e<=r;e+=s){o.push(e.toString().padStart(2,"0"))}return o}parseSecond(e){if(!e)return null;const t=e.split(":");if(t.length<3)return null;const i=parseInt(t[2],10);return isNaN(i)||i<0||i>=60?null:i}generateInfiniteTimeOptions(e){const t=this.generateTimeOptions(e);const i=t.length;const s=Math.ceil(300/i);return Array(s).fill(t).flat()}getCurrentTime(){const e=new Date;return e.toLocaleTimeString()}updateColumnHighlight(e,t){const i=Array.from(this.el.querySelectorAll(e));const s=i.findIndex((e=>e.textContent===t));this.updateHighlightedItem(i,s)}handleHostClick(e){var t,i;if(this.disabled||this.readonly){return}const s=e.target;if(s.closest("nv-iconbutton")){return}if(!this.open){if(this.inputElements){(t=this.inputElements[o.Hours])===null||t===void 0?void 0:t.focus();(i=this.inputElements[o.Hours])===null||i===void 0?void 0:i.select()}e.preventDefault()}}componentWillLoad(){document.addEventListener("click",this.handleClickOutside.bind(this));if(this.value){this.parseTime(this.value)}else{const e=this.parseHour(this.min,this.format)||"00";const t=this.parseMinute(this.min)||0;const i=this.parseSecond(this.min)||0;this.hours=e.padStart(2,"0");this.minutes=t.toString().padStart(2,"0");this.seconds=i.toString().padStart(2,"0")}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}componentDidLoad(){if(!this.value){const e=this.getCurrentTime();let[t,i,s]=e.split(":");let n,r;if(s.includes(" ")){[n,r]=s.split(" ")}else{n=s}let o=parseInt(t,10);if(r){if(r==="PM"&&o<12){o+=12}else if(r==="AM"&&o===12){o=0}}if(this.format.startsWith("hh")){if(o===0){t="12"}else if(o>12){t=(o-12).toString()}else{t=o.toString()}}else{t=o.toString()}t=t.padStart(2,"0");i=i.padStart(2,"0");n=n.padStart(2,"0");const l=`.time-column.time-column-hours div`;this.updateColumnHighlight(l,t);const a=`.time-column.time-column-minutes div`;this.updateColumnHighlight(a,i);const d=`.time-column.time-column-seconds div`;this.updateColumnHighlight(d,n)}}RenderTimeOptionsColumn(e){return i("div",{class:`time-column time-column-${e}`,onScroll:t=>this.handleScroll(t,e)},this.generateInfiniteTimeOptions(e).map(((t,s)=>i("div",{class:{"time-option":true,selected:e===o.Hours&&t===this.hours||e===o.Minutes&&t===this.minutes||e===o.Seconds&&t===this.seconds},key:`${t}-${s}`,onClick:t=>this.handleTimeOptionClick(t,e)},t))))}render(){return i(s,{key:"ef5f12cdbd62c18033f57ff176775b5ee62ebb85",onclick:e=>this.handleHostClick(e)},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"64e20904debf287e69e5717f2d28ac4a700b7f15",htmlFor:this.inputId},i("slot",{key:"e0644a80e23854ca06baf8b52b00649a0e6f1ed9",name:"label"},this.label)),i("nv-popover",{key:"98d71eeb73ce93c16c488e80f79bbe269a44ddc3",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{key:"9a7d256f3c64aed3314338c8306540d92dddaad0",class:"input-wrapper",slot:"trigger"},i("slot",{key:"ac0e04737b86e4767e4c249ee95e4b69a41ea387",name:"before-input"}),i("div",{key:"1f04ff2f539048eb00500b2fbbeaf86ce1698065",class:"input-container"},i("slot",{key:"60ee3a49ea9ca9509224c57dc64f3ccab7f89312",name:"leading-input"}),r(this.format,"HH")&&[i("input",{key:"cb8a979ce6e4d83074e0c9046bbf3a60821e5262",ref:e=>this.inputElements[o.Hours]=e,type:"number",autofocus:this.autofocus,class:"time-input",pattern:"[0-9]*",maxlength:"3",value:this.hours,onInput:e=>this.handleInputChange(e,o.Hours),placeholder:this.format.includes("hh")?"hh":"HH",inputMode:"numeric",onFocus:()=>this.handleFocus(o.Hours),name:this.name?`${o.Hours}-${this.name}`:o.Hours,id:this.inputId,readonly:this.readonly,disabled:this.disabled,required:this.required,onKeyDown:e=>this.handleKeyDown(e),onBlur:()=>this.handleInputBlur()})],this.format.includes("mm")&&[i("span",{key:"74f9604ffd54e0c0bbd88996e32fdcb08f2c3645"},":"),i("input",{key:"52f9b637bba804cac6fadff06e8b077bb2f5748a",ref:e=>this.inputElements[o.Minutes]=e,type:"number",autofocus:this.autofocus,class:"time-input",pattern:"[0-9]*",maxlength:"3",value:this.minutes,onInput:e=>this.handleInputChange(e,o.Minutes),placeholder:"mm",inputMode:"numeric",onFocus:()=>this.handleFocus(o.Minutes),name:this.name?`${o.Minutes}-${this.name}`:o.Minutes,id:`${this.inputId}-minutes`,readonly:this.readonly,disabled:this.disabled,required:this.required,onKeyDown:e=>this.handleKeyDown(e),onBlur:()=>this.handleInputBlur()})],this.format.includes("ss")&&[i("span",{key:"878bc9ce7557e9cf9471803a86956a9184d0ccb5"},":"),i("input",{key:"b074d4d3ef80f66e7dbe051b6bc53f151661f409",ref:e=>this.inputElements[o.Seconds]=e,type:"number",autofocus:this.autofocus,class:"time-input",pattern:"[0-9]*",maxlength:"3",value:this.seconds,onInput:e=>this.handleInputChange(e,o.Seconds),placeholder:"ss",inputMode:"numeric",onFocus:()=>this.handleFocus(o.Seconds),name:this.name?`${o.Seconds}-${this.name}`:o.Seconds,id:`${this.inputId}-seconds`,readonly:this.readonly,disabled:this.disabled,required:this.required,onKeyDown:e=>this.handleKeyDown(e),onBlur:()=>this.handleInputBlur()})],i("nv-iconbutton",{key:"3f5d78116ee60d1874a4629d9cf36a06d52b7df4",name:"clock",size:"md",emphasis:"lower","aria-label":this.open?"Hide time picker":"Show time picker",onClick:()=>this.HandleDropdownIconClick()}),this.error&&i("nv-icon",{key:"4b2356cf95131af213a4e98feede16fc8c4963db",name:"alert-circle",class:"validation",size:"sm"}),this.success&&i("nv-icon",{key:"f9b0e61037049a36ac900d1af9ecc71b211ebd88",name:"circle-check",class:"validation",size:"sm"})),i("slot",{key:"6177abde559c57f2b0586368ead1a61d7b543838",name:"after-input"})),i("div",{key:"f6d5205a5011411550179f9337143163cb547fb1",class:"time-dropdown",slot:"content"},i("div",{key:"9f0b3e1423bef197b269c5b11ce744cabc2bd6c4",class:"time-columns"},r(this.format,"HH")&&this.RenderTimeOptionsColumn(o.Hours),this.format.includes("mm")&&this.RenderTimeOptionsColumn(o.Minutes),this.format.includes("ss")&&this.RenderTimeOptionsColumn(o.Seconds)))),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"1076ded73b32ff9afbd0f02184febcc82f8d839e",class:"description"},i("slot",{key:"479d09b299d0e380533a6cd689ce7f03aa92ea8e",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"5615246dbd797c300be357be37d3b9d0aee56e31",hidden:!this.error,class:"error-description"},i("slot",{key:"6568ea3f9e0bdf85dd280c645956f8e0bb592e35",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenChange"]}}};c.style=d;export{c as nv_fieldtime};
+//# sourceMappingURL=p-ddc41f1f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldtimeCss","NvFieldtimeStyle0","NvFieldtime","constructor","hostRef","this","inputElements","inputZeroAdded","typeFocused","TimeType","Hours","hours","minutes","seconds","inputId","uuidv4","readonly","disabled","required","success","error","format","open","step","autofocus","handleOpenChanged","event","stopPropagation","detail","handleKeyDown","key","preventDefault","popoverElement","console","warn","stringSelector","items","Array","from","el","querySelectorAll","length","currentIndex","findIndex","item","classList","contains","updateHighlightedItem","click","_a","Minutes","focus","_b","select","Seconds","_c","_d","blur","handleValueChange","newValue","valueChanged","emit","handleOpenChange","newOpen","hourSelector","updateColumnHighlight","minutesSelector","secondsSelector","handleInputChange","e","type","inputElement","target","inputValue","value","replace","handleHoursChange","handleMinutesChange","handleSecondsChange","currentValue","reconstructTime","isHHFormat","startsWith","maxHours","reputedToZero","maxHour","parseHour","max","minHour","min","newInputValue","padStart","parseInt","slice","parsedNewInputValue","toString","maxMinutes","minMinute","parseMinute","maxMinute","_e","_f","maxSeconds","minSecond","parseSecond","maxSecond","parseTime","timeString","cleanedTime","hour","minute","second","handleFocus","HandleDropdownIconClick","index","forEach","i","add","setAttribute","scrollIntoView","block","remove","handleTimeOptionClick","option","textContent","handleInputBlur","setTimeout","document","activeElement","handleClickOutside","Object","values","some","input","handleScroll","scrollTop","containerHeight","clientHeight","scrollHeight","itemHeight","options","generateTimeOptions","singleSetHeight","stepInSeconds","generateHourOptions","generateMinuteOptions","generateSecondOptions","hourStep","Math","floor","maxHourValue","minHourValue","push","hourStr","split","isNaN","minuteStep","parts","secondStep","generateInfiniteTimeOptions","totalOptions","repetitions","ceil","fill","flat","getCurrentTime","currentTime","Date","toLocaleTimeString","selector","x","handleHostClick","targetElement","closest","componentWillLoad","addEventListener","bind","connectedCallback","disconnectedCallback","removeEventListener","componentDidLoad","secondAmPm","amPm","includes","parsedHour","minuteSelector","secondSelector","RenderTimeOptionsColumn","h","class","onScroll","map","selected","onClick","render","Host","onclick","label","querySelector","htmlFor","name","ref","triggerMode","placement","slot","startsWithIgnoreCase","pattern","maxlength","onInput","placeholder","inputMode","onFocus","id","onKeyDown","onBlur","size","emphasis","description","errorDescription","hidden"],"sources":["src/components/nv-fieldtime/styles/nv-fieldtime.scss?tag=nv-fieldtime","src/components/nv-fieldtime/nv-fieldtime.tsx"],"sourcesContent":["@use './mixins' as *;\n@import '../../../styles/form-field';\n\nnv-fieldtime {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[success]:not([success='false']) {\n    @include form-field-success-variables();\n  }\n\n  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    @include apply-popover-style;\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n    width: 100%;\n  }\n\n  .input-container {\n    @include form-field-input-container();\n    @include flex-container(flex-start);\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n    gap: 0;\n    padding-left: var(--form-field-padding-x);\n\n    input.time-input {\n      @include form-field-input();\n      @include apply-input-styles();\n    }\n\n    span {\n      width: 100%;\n      text-align: center;\n      min-width: 24px;\n      flex: 0 0 24px;\n      padding: 0 4px;\n      color: var(--components-form-field-content-text);\n    }\n\n    > nv-iconbutton {\n      @include form-field-action();\n      margin-left: auto;\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n      @include icon-position(50px);\n    }\n\n    &:focus,\n    &:focus-within {\n      @include apply-focus-styles;\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n\n  hr {\n    border: none;\n    border-top: 1px solid var(--dropdown-divider-color, #ccc);\n    margin: 0.5rem 0;\n  }\n\n  .time-dropdown {\n    width: 100%;\n\n    .time-columns {\n      @include flex-container;\n\n      .time-column {\n        flex: 1;\n        text-align: center;\n        @include scrollable(200px);\n        scrollbar-gutter: auto; // Prevents scrollbar from shifting content\n\n        &:last-child {\n          border-right: none;\n        }\n\n        .time-option {\n          padding: var(--calendar-padding);\n          text-align: center;\n          cursor: pointer;\n          transition: background-color 0.2s;\n          //height: 40px;\n          border-radius: var(--list-dropdown-item-radius);\n          color: var(--components-calendar-cell-text);\n          font-size: var(--font-size-sm);\n          @include flex-container(center);\n\n          &:hover {\n            background-color: var(\n              --components-calendar-cell-background-hover\n            );\n            color: var(--components-calendar-cell-text-hover);\n          }\n\n          @include state-focus(\n            var(--components-calendar-cell-background-hover),\n            var(--components-calendar-cell-text-hover)\n          );\n\n          &.selected {\n            background-color: var(\n              --components-calendar-cell-background-selected\n            );\n            color: var(--components-calendar-cell-text-selected);\n           \n          }\n\n          &.highlighted {\n            background-color: var(\n              --components-calendar-cell-background-hover\n            );\n            color: var(--components-menu-contextual-item-content-hover);\n          }\n        }\n      }\n    }\n  }\n}\n","/* eslint-disable react/jsx-no-bind */\nimport {\n  Component,\n  Host,\n  h,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  Watch,\n  Listen,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { startsWithIgnoreCase } from '../../utils/string.utils';\nimport { TimeType } from '../../utils/constants';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n */\n@Component({\n  tag: 'nv-fieldtime',\n  styleUrl: 'styles/nv-fieldtime.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldtime {\n  @Element() el: HTMLNvFieldtimeElement;\n\n  // Input elements for hours, minutes, and seconds\n  private inputElements: { [key: string]: HTMLInputElement } = {};\n\n  private inputZeroAdded: { [key: string]: boolean } = {};\n\n  private popoverElement!: HTMLNvPopoverElement;\n\n  private typeFocused: TimeType = TimeType.Hours;\n\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  hours: string = '00';\n  @State()\n  minutes: string = '00';\n  @State()\n  seconds: string = '00';\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The current value of the time input in the specified format.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * Lets you define the text that explains what users should enter in the time\n   * input field. It's a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Display the input field's content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won't be\n   * able to type or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * The disabled prop lets you turn off the input field so that users can't\n   * interact with it. When disabled, the field is grayed out and won't respond to\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input's data in form submissions.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Changes the input field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the time\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Specifies the time format to be used.\n   * Available formats:\n   * - HH: 24-hour format (00-23)\n   * - HH:mm: 24-hour format with minutes (00:00-23:59)\n   * - HH:mm:ss: 24-hour format with minutes and seconds (00:00:00-23:59:59)\n   * - hh: 12-hour format (01-12)\n   * - hh:mm: 12-hour format with minutes (01:00-12:59)\n   * - hh:mm:ss: 12-hour format with minutes and seconds (01:00:00-12:59:59)\n   */\n  @Prop({ reflect: true })\n  readonly format: 'HH' | 'HH:mm' | 'HH:mm:ss' | 'hh' | 'hh:mm' | 'hh:mm:ss' =\n    'HH:mm:ss';\n\n  /**\n   * Add helpful hints or extra information under the time input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * State of the time picker popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * The step interval in milliseconds for time increments/decrements.\n   * This affects how the time changes when using arrow keys or spinners.\n   */\n  @Prop({ reflect: true })\n  readonly step: number = 60000; // In secondes\n\n  /**\n   * The maximum time value that can be selected.\n   */\n  @Prop({ reflect: true })\n  readonly max: string;\n\n  /**\n   * The minimum time value that can be selected.\n   */\n  @Prop({ reflect: true })\n  readonly min: string;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emit an event when the time value changes.\n   * The event detail contains the new time value (HH, HH:mm or HH:mm:ss).\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    // Stop propagation to prevent the event from affecting parent components like dialogs\n    event.stopPropagation();\n\n    // Update `open` based on the popover state\n    this.open = event.detail;\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    // Verify if the popover element is defined\n    if (!this.popoverElement) {\n      console.warn('nv-fieldtime -> Popover element is not defined');\n      return;\n    }\n\n    const stringSelector = `.time-column.time-column-${this.typeFocused} div`;\n    const items = Array.from(\n      this.el.querySelectorAll<HTMLElement>(stringSelector),\n    );\n\n    // Verify if there are items to navigate\n    if (items.length === 0) {\n      console.warn('nv-fieldtime -> No dropdown items found to navigate');\n      return;\n    }\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex = (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex = (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Enter' && currentIndex >= 0) {\n      event.preventDefault();\n      items[currentIndex].click();\n\n      if (this.typeFocused === TimeType.Hours) {\n        this.inputElements[TimeType.Minutes]?.focus();\n        this.inputElements[TimeType.Minutes]?.select();\n      } else if (\n        this.typeFocused === TimeType.Minutes ||\n        this.typeFocused === TimeType.Seconds\n      ) {\n        this.inputElements[TimeType.Seconds]?.focus();\n        this.inputElements[TimeType.Seconds]?.select();\n      }\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n\n      if (this.inputElements[TimeType.Hours]) {\n        this.inputElements[TimeType.Hours].blur();\n      }\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    this.valueChanged.emit(newValue);\n  }\n\n  @Watch('open')\n  handleOpenChange(newOpen: boolean) {\n    // React to external changes, e.g., highlight current time on open\n    if (newOpen) {\n      // Re-highlight columns based on current value\n      const hourSelector = `.time-column.time-column-${TimeType.Hours} div`;\n      this.updateColumnHighlight(hourSelector, this.hours);\n      const minutesSelector = `.time-column.time-column-${TimeType.Minutes} div`;\n      this.updateColumnHighlight(minutesSelector, this.minutes);\n      const secondsSelector = `.time-column.time-column-${TimeType.Seconds} div`;\n      this.updateColumnHighlight(secondsSelector, this.seconds);\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInputChange(e: InputEvent, type: TimeType): void {\n    const inputElement = e.target as HTMLInputElement;\n    const inputValue = inputElement.value.replace(/[^0-9]/g, ''); // Only keep numeric input\n\n    // Update the time value based on the type\n    switch (type) {\n      case TimeType.Hours:\n        this.handleHoursChange(inputValue, type);\n        break;\n      case TimeType.Minutes:\n        this.handleMinutesChange(inputValue, type);\n        break;\n      case TimeType.Seconds:\n        this.handleSecondsChange(inputValue, type);\n        break;\n    }\n\n    // Reconstruct time from inputs\n    const currentValue = this.reconstructTime();\n\n    this.value = currentValue;\n  }\n\n  private handleHoursChange(inputValue: string, type: TimeType): void {\n    const isHHFormat = this.format.startsWith('HH');\n    const maxHours = isHHFormat ? 24 : 12;\n    let reputedToZero = false;\n    const maxHour =\n      this.parseHour(this.max, this.format) ||\n      (this.format.startsWith('hh') ? '12' : '24');\n    const minHour = this.parseHour(this.min, this.format) || '00';\n\n    if (inputValue.length === 1) {\n      this.inputZeroAdded[type] = true;\n\n      const newInputValue = inputValue.padStart(2, '0');\n\n      if (maxHour && parseInt(newInputValue, 10) > parseInt(maxHour, 10)) {\n        if (minHour && parseInt(newInputValue, 10) < parseInt(minHour, 10)) {\n          this.hours = minHour;\n        } else {\n          this.hours = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (minHour && parseInt(newInputValue, 10) < parseInt(minHour, 10)) {\n          this.hours = minHour;\n        } else {\n          this.hours = newInputValue;\n        }\n      }\n    } else if (this.inputZeroAdded[type]) {\n      this.inputZeroAdded[type] = false;\n\n      const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      if (parsedNewInputValue >= maxHours) {\n        if (minHour && parseInt(newInputValue, 10) < parseInt(minHour, 10)) {\n          this.hours = minHour;\n        } else {\n          this.hours = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (maxHour && parseInt(newInputValue, 10) > parseInt(maxHour, 10)) {\n          if (minHour && parseInt(newInputValue, 10) < parseInt(minHour, 10)) {\n            this.hours = minHour;\n          } else {\n            this.hours = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (minHour && parseInt(newInputValue, 10) < parseInt(minHour, 10)) {\n            this.hours = minHour;\n          } else {\n            this.hours = newInputValue;\n          }\n        }\n      }\n    } else if (inputValue.length > 2) {\n      if (inputValue.startsWith('00')) {\n        this.inputZeroAdded[type] = true;\n        const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n\n        if (maxHour && parseInt(newInputValue, 10) > parseInt(maxHour, 10)) {\n          if (minHour && parseInt(newInputValue, 10) < parseInt(minHour, 10)) {\n            this.hours = minHour;\n          } else {\n            this.hours = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (minHour && parseInt(newInputValue, 10) < parseInt(minHour, 10)) {\n            this.hours = minHour;\n          } else {\n            this.hours = newInputValue;\n          }\n        }\n      } else {\n        const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n        const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n        if (parsedNewInputValue >= maxHours) {\n          if (minHour && parseInt(newInputValue, 10) < parseInt(minHour, 10)) {\n            this.hours = minHour;\n            reputedToZero = true;\n          } else {\n            this.hours = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (maxHour && parsedNewInputValue > parseInt(maxHour, 10)) {\n            if (\n              minHour &&\n              parseInt(newInputValue, 10) < parseInt(minHour, 10)\n            ) {\n              this.hours = minHour;\n            } else {\n              this.hours = '00';\n              reputedToZero = true;\n            }\n          } else {\n            if (minHour && parsedNewInputValue < parseInt(minHour, 10)) {\n              this.hours = minHour;\n            } else {\n              this.hours = parsedNewInputValue.toString();\n            }\n          }\n        }\n      }\n    } else {\n      const newInputValue = inputValue.padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      if (parsedNewInputValue >= maxHours) {\n        if (minHour && parseInt(newInputValue, 10) < parseInt(minHour, 10)) {\n          this.hours = minHour;\n        } else {\n          this.hours = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (maxHour && parsedNewInputValue > parseInt(maxHour, 10)) {\n          this.hours = '00';\n          reputedToZero = true;\n        } else {\n          if (minHour && parsedNewInputValue < parseInt(minHour, 10)) {\n            this.hours = minHour;\n          } else {\n            this.hours = parsedNewInputValue.toString();\n          }\n        }\n      }\n    }\n\n    if (\n      this.hours.length === 2 &&\n      !this.inputZeroAdded[type] &&\n      !reputedToZero\n    ) {\n      this.inputElements[TimeType.Minutes]?.focus();\n      this.inputElements[TimeType.Minutes]?.select();\n    } else if (reputedToZero) {\n      this.inputElements[TimeType.Hours]?.focus();\n      this.inputElements[TimeType.Hours]?.select();\n    }\n  }\n\n  private handleMinutesChange(inputValue: string, type: TimeType): void {\n    const maxMinutes = 60;\n    let reputedToZero = false;\n    const minMinute = this.parseMinute(this.min) ?? 0;\n    const maxMinute = this.parseMinute(this.max) ?? 59;\n\n    if (inputValue.length === 1) {\n      this.inputZeroAdded[type] = true;\n\n      const newInputValue = inputValue.padStart(2, '0');\n\n      if (maxMinute && parseInt(newInputValue, 10) > maxMinute) {\n        if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n          this.minutes = minMinute.toString().padStart(2, '0');\n        } else {\n          this.minutes = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n          this.minutes = minMinute.toString().padStart(2, '0');\n        } else {\n          this.minutes = newInputValue;\n        }\n      }\n    } else if (this.inputZeroAdded[type]) {\n      this.inputZeroAdded[type] = false;\n\n      const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      if (parsedNewInputValue >= maxMinutes) {\n        if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n          this.minutes = minMinute.toString().padStart(2, '0');\n        } else {\n          this.minutes = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (maxMinute && parsedNewInputValue > maxMinute) {\n          if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n            this.minutes = minMinute.toString().padStart(2, '0');\n          } else {\n            this.minutes = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (minMinute && parsedNewInputValue < minMinute) {\n            this.minutes = minMinute.toString().padStart(2, '0');\n          } else {\n            this.minutes = newInputValue;\n          }\n        }\n      }\n    } else if (inputValue.length > 2) {\n      if (inputValue.startsWith('00')) {\n        this.inputZeroAdded[type] = true;\n        const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n\n        if (maxMinute && parseInt(newInputValue, 10) > maxMinute) {\n          if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n            this.minutes = minMinute.toString().padStart(2, '0');\n          } else {\n            this.minutes = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n            this.minutes = minMinute.toString().padStart(2, '0');\n          } else {\n            this.minutes = newInputValue;\n          }\n        }\n      } else {\n        const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n        const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n        if (parsedNewInputValue >= maxMinutes) {\n          if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n            this.minutes = minMinute.toString().padStart(2, '0');\n          } else {\n            this.minutes = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (maxMinute && parsedNewInputValue > maxMinute) {\n            if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n              this.minutes = minMinute.toString().padStart(2, '0');\n            } else {\n              this.minutes = '00';\n              reputedToZero = true;\n            }\n          } else {\n            if (minMinute && parsedNewInputValue < minMinute) {\n              this.minutes = minMinute.toString().padStart(2, '0');\n            } else {\n              this.minutes = parsedNewInputValue.toString();\n            }\n          }\n        }\n      }\n    } else {\n      const newInputValue = inputValue.padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      if (parsedNewInputValue >= maxMinutes) {\n        if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n          this.minutes = minMinute.toString().padStart(2, '0');\n        } else {\n          this.minutes = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (maxMinute && parsedNewInputValue > maxMinute) {\n          if (minMinute && parseInt(newInputValue, 10) < minMinute) {\n            this.minutes = minMinute.toString().padStart(2, '0');\n          } else {\n            this.minutes = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (minMinute && parsedNewInputValue < minMinute) {\n            this.minutes = minMinute.toString().padStart(2, '0');\n          } else {\n            this.minutes = parsedNewInputValue.toString();\n          }\n        }\n      }\n    }\n\n    if (\n      this.minutes.length === 2 &&\n      !this.inputZeroAdded[type] &&\n      !reputedToZero\n    ) {\n      this.inputElements[TimeType.Seconds]?.focus();\n      this.inputElements[TimeType.Seconds]?.select();\n    } else if (reputedToZero) {\n      this.inputElements[TimeType.Minutes]?.focus();\n      this.inputElements[TimeType.Minutes]?.select();\n    }\n  }\n\n  private handleSecondsChange(inputValue: string, type: TimeType): void {\n    const maxSeconds = 60;\n    let reputedToZero = false;\n    const minSecond = this.parseSecond(this.min) ?? 0;\n    const maxSecond = this.parseSecond(this.max) ?? 59;\n\n    if (inputValue.length === 1) {\n      this.inputZeroAdded[type] = true;\n      const newInputValue = inputValue.padStart(2, '0');\n\n      if (maxSecond && parseInt(newInputValue, 10) > maxSecond) {\n        if (minSecond && parseInt(newInputValue, 10) < minSecond) {\n          this.seconds = minSecond.toString().padStart(2, '0');\n        } else {\n          this.seconds = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (minSecond && parseInt(newInputValue, 10) < minSecond) {\n          this.seconds = minSecond.toString().padStart(2, '0');\n        } else {\n          this.seconds = newInputValue;\n        }\n      }\n    } else if (this.inputZeroAdded[type]) {\n      this.inputZeroAdded[type] = false;\n      const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      if (parsedNewInputValue >= maxSeconds) {\n        if (minSecond && parseInt(newInputValue, 10) < minSecond) {\n          this.seconds = minSecond.toString().padStart(2, '0');\n        } else {\n          this.seconds = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (maxSecond && parsedNewInputValue > maxSecond) {\n          if (minSecond && parseInt(newInputValue, 10) < minSecond) {\n            this.seconds = minSecond.toString().padStart(2, '0');\n          } else {\n            this.seconds = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (minSecond && parsedNewInputValue < minSecond) {\n            this.seconds = minSecond.toString().padStart(2, '0');\n          } else {\n            this.seconds = newInputValue;\n          }\n        }\n      }\n    } else if (inputValue.length > 2) {\n      const newInputValue = inputValue.slice(1, 3).padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      if (parsedNewInputValue >= maxSeconds) {\n        if (minSecond && parseInt(newInputValue, 10) < minSecond) {\n          this.seconds = minSecond.toString().padStart(2, '0');\n        } else {\n          this.seconds = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (maxSecond && parsedNewInputValue > maxSecond) {\n          if (minSecond && parseInt(newInputValue, 10) < minSecond) {\n            this.seconds = minSecond.toString().padStart(2, '0');\n          } else {\n            this.seconds = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (minSecond && parsedNewInputValue < minSecond) {\n            this.seconds = minSecond.toString().padStart(2, '0');\n          } else {\n            this.seconds = parsedNewInputValue.toString();\n          }\n        }\n      }\n    } else {\n      const newInputValue = inputValue.padStart(2, '0');\n      const parsedNewInputValue = parseInt(newInputValue, 10) || 0;\n\n      if (parsedNewInputValue >= maxSeconds) {\n        if (minSecond && parseInt(newInputValue, 10) < minSecond) {\n          this.seconds = minSecond.toString().padStart(2, '0');\n        } else {\n          this.seconds = '00';\n          reputedToZero = true;\n        }\n      } else {\n        if (maxSecond && parsedNewInputValue > maxSecond) {\n          if (minSecond && parseInt(newInputValue, 10) < minSecond) {\n            this.seconds = minSecond.toString().padStart(2, '0');\n          } else {\n            this.seconds = '00';\n            reputedToZero = true;\n          }\n        } else {\n          if (minSecond && parsedNewInputValue < minSecond) {\n            this.seconds = minSecond.toString().padStart(2, '0');\n          } else {\n            this.seconds = parsedNewInputValue.toString();\n          }\n        }\n      }\n    }\n\n    if (reputedToZero) {\n      this.inputElements[TimeType.Seconds]?.focus();\n      this.inputElements[TimeType.Seconds]?.select();\n    }\n  }\n\n  // Parse a continuous time string (e.g., \"123456\") into hours, minutes, and seconds\n  private parseTime(timeString: string): void {\n    if (!timeString) {\n      return;\n    }\n\n    const cleanedTime = timeString.replace(/[^0-9]/g, '').padStart(6, '0');\n    const hour = cleanedTime.slice(0, 2);\n    const minute = cleanedTime.slice(2, 4);\n    const second = cleanedTime.slice(4, 6);\n\n    const minHour = this.parseHour(this.min, this.format) || hour;\n    const minMinute = this.parseMinute(this.min) || minute;\n    const minSecond = this.parseSecond(this.min) || second;\n\n    this.hours = minHour.padStart(2, '0');\n    this.minutes = minMinute.toString().padStart(2, '0');\n    this.seconds = minSecond.toString().padStart(2, '0');\n  }\n\n  private reconstructTime(): string {\n    if (this.format === 'HH' || this.format === 'hh') {\n      return this.hours;\n    } else if (this.format === 'HH:mm' || this.format === 'hh:mm') {\n      return `${this.hours}:${this.minutes}`;\n    } else if (this.format === 'HH:mm:ss' || this.format === 'hh:mm:ss') {\n      return `${this.hours}:${this.minutes}:${this.seconds}`;\n    } else {\n      return `${this.hours}:${this.minutes}:${this.seconds}`;\n    }\n  }\n\n  private handleFocus(type: TimeType): void {\n    if (this.readonly || this.disabled) {\n      return;\n    }\n\n    if (!this.open) {\n      this.open = true; // Force the popover to open\n    }\n\n    // Refocus on the input if it loses focus and is empty\n    if (\n      this.inputElements[type]?.value.length === 0 ||\n      this.inputElements[type]?.value === '00'\n    ) {\n      this.inputElements[type]?.focus();\n      this.inputElements[type]?.select();\n    }\n\n    this.typeFocused = type;\n  }\n\n  private HandleDropdownIconClick(): void {\n    if (this.disabled || this.readonly) {\n      return; // Do not toggle if disabled or read-only\n    }\n\n    if (this.open && this.inputElements[TimeType.Hours]) {\n      this.open = false; // Close the popover if it is open\n    } else if (this.open && this.inputElements[TimeType.Minutes]) {\n      this.open = false; // Close the popover if it is open\n    } else if (this.open && this.inputElements[TimeType.Seconds]) {\n      this.open = false; // Close the popover if it is open\n    } else if (!this.open && this.inputElements[TimeType.Hours]) {\n      this.inputElements[TimeType.Hours]?.focus(); // Focus will open the popover\n      this.inputElements[TimeType.Hours]?.select();\n    } else if (!this.open && this.inputElements[TimeType.Minutes]) {\n      this.inputElements[TimeType.Minutes]?.focus(); // Focus will open the popover\n      this.inputElements[TimeType.Minutes]?.select();\n    } else if (!this.open && this.inputElements[TimeType.Seconds]) {\n      this.inputElements[TimeType.Seconds]?.focus(); // Focus will open the popover\n      this.inputElements[TimeType.Seconds]?.select();\n    } else {\n      console.warn(\n        'nv-fieldtime -> No input elements found to focus or to blur',\n      );\n    }\n  }\n\n  private updateHighlightedItem(items: HTMLElement[], index: number) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.setAttribute('tabindex', '0');\n        item.focus(); // Forcer le focus ici\n        item.scrollIntoView({ block: 'nearest' });\n      } else {\n        item.classList.remove('highlighted');\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  private handleTimeOptionClick(event: MouseEvent, type: TimeType): void {\n    const option = parseInt(\n      (event.target as HTMLElement).textContent || '0',\n      10,\n    );\n\n    if (type === TimeType.Hours) {\n      this.hours = option.toString().padStart(2, '0');\n    } else if (type === TimeType.Minutes) {\n      this.minutes = option.toString().padStart(2, '0');\n    } else if (type === TimeType.Seconds) {\n      this.seconds = option.toString().padStart(2, '0');\n    }\n\n    const reconstructTime = this.reconstructTime();\n    this.value = reconstructTime;\n  }\n\n  private handleInputBlur(): void {\n    // Use a delay to check if the focus is still within the popover\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        if (this.open) {\n          this.open = false; // Close the popover if the focus is outside the component\n        }\n      }\n    }, 150);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    const target = event.target as Node;\n\n    // Check if the click is inside the component or any of the input elements\n    if (\n      this.el.contains(target) ||\n      Object.values(this.inputElements).some(input => input.contains(target))\n    ) {\n      return;\n    }\n\n    if (this.open) {\n      this.open = false; // Close the popover if the click is outside\n    }\n  }\n\n  private handleScroll(e: Event, type: TimeType): void {\n    const target = e.target as HTMLElement;\n    const scrollTop = target.scrollTop;\n    const containerHeight = target.clientHeight;\n    const scrollHeight = target.scrollHeight;\n\n    // Define the height of each item, this could be dynamic if the height varies\n    const itemHeight = 40; // Consider making this configurable or dynamic\n    const options = this.generateTimeOptions(type); // Generates the list of time options\n    const singleSetHeight = options.length * itemHeight;\n\n    // Check if the scroll is near the bottom or top and reset to the first set\n    if (\n      scrollTop + containerHeight >= scrollHeight - itemHeight ||\n      scrollTop <= 0\n    ) {\n      target.scrollTop = singleSetHeight; // Reset to the first set from the bottom\n    }\n  }\n\n  private generateTimeOptions(type: TimeType) {\n    // Convert the step in seconds\n    const stepInSeconds = this.step / 1000;\n\n    // Handle edge case for zero step\n    if (stepInSeconds === 0) {\n      return ['00']; // Just return the default value\n    }\n\n    // Generate the time options based on the type\n    switch (type) {\n      case TimeType.Hours:\n        return this.generateHourOptions(stepInSeconds);\n\n      case TimeType.Minutes:\n        return this.generateMinuteOptions(stepInSeconds);\n\n      case TimeType.Seconds:\n        return this.generateSecondOptions(stepInSeconds);\n\n      default:\n        return [];\n    }\n  }\n\n  private generateHourOptions(stepInSeconds: number): string[] {\n    const hourStep = Math.max(1, Math.floor(stepInSeconds / 3600)); // Prevent step < 1\n    const maxHour =\n      this.parseHour(this.max, this.format) ||\n      (this.format.startsWith('hh') ? '12' : '24');\n    const minHour = this.parseHour(this.min, this.format) || '00';\n\n    const maxHourValue = parseInt(maxHour, 10);\n    const minHourValue = parseInt(minHour, 10);\n    const values: string[] = [];\n\n    for (let i = minHourValue; i < maxHourValue; i += hourStep) {\n      values.push(i.toString().padStart(2, '0'));\n    }\n\n    return values;\n  }\n\n  private parseHour(value: string | null, format: string): string | null {\n    if (!value) return null;\n    const [hourStr] = value.split(':');\n    const hour = parseInt(hourStr, 10);\n    if (isNaN(hour)) return null;\n    if (format.startsWith('hh'))\n      return hour > 0 && hour <= 12 ? hourStr.padStart(2, '0') : null;\n    return hour >= 0 && hour <= 24 ? hourStr.padStart(2, '0') : null;\n  }\n\n  private generateMinuteOptions(stepInSeconds: number): string[] {\n    const minuteStep = Math.max(1, Math.floor((stepInSeconds % 3600) / 60)); // Ensure step >= 1\n    const minMinute = this.parseMinute(this.min) ?? 0;\n    const maxMinute = this.parseMinute(this.max) ?? 59;\n\n    if (minMinute === 0 && maxMinute === 0) return ['00']; // Handle edge case for zero seconds\n\n    const values: string[] = [];\n\n    for (let i = minMinute; i <= maxMinute; i += minuteStep) {\n      values.push(i.toString().padStart(2, '0'));\n    }\n\n    return values;\n  }\n\n  private parseMinute(value: string | null): number | null {\n    if (!value) return null;\n    const parts = value.split(':');\n    if (parts.length < 2) return null; // Expect at least \"hh:mm\"\n    const minute = parseInt(parts[1], 10);\n    return isNaN(minute) || minute < 0 || minute >= 60 ? null : minute;\n  }\n\n  private generateSecondOptions(stepInSeconds: number): string[] {\n    const secondStep = Math.max(1, stepInSeconds % 60); // Ensure step >= 1\n    const minSecond = this.parseSecond(this.min) ?? 0;\n    const maxSecond = this.parseSecond(this.max) ?? 59;\n\n    if (minSecond === 0 && maxSecond === 0) return ['00']; // Handle edge case for zero seconds\n\n    const values: string[] = [];\n\n    for (let i = minSecond; i <= maxSecond; i += secondStep) {\n      values.push(i.toString().padStart(2, '0'));\n    }\n\n    return values;\n  }\n\n  private parseSecond(value: string | null): number | null {\n    if (!value) return null;\n    const parts = value.split(':');\n    if (parts.length < 3) return null; // Expect \"hh:mm:ss\" or \"HH:mm:ss\"\n    const second = parseInt(parts[2], 10);\n    return isNaN(second) || second < 0 || second >= 60 ? null : second;\n  }\n\n  private generateInfiniteTimeOptions(type: TimeType): string[] {\n    const options = this.generateTimeOptions(type);\n    const totalOptions = options.length;\n\n    // Dynamically calculate repetitions based on a target number of items (e.g., 300 items)\n    const repetitions = Math.ceil(300 / totalOptions);\n    return Array(repetitions).fill(options).flat();\n  }\n\n  private getCurrentTime(): string {\n    const currentTime = new Date();\n    return currentTime.toLocaleTimeString(); // Returns the time in the locale's format\n  }\n\n  private updateColumnHighlight(selector, value): void {\n    const items = Array.from(this.el.querySelectorAll<HTMLElement>(selector));\n\n    const index = items.findIndex(x => x.textContent === value);\n    this.updateHighlightedItem(items, index);\n  }\n\n  private handleHostClick(event: MouseEvent): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const targetElement = event.target as HTMLElement;\n\n    // Check if the click target or its ancestors are inside an nv-iconbutton element\n    if (targetElement.closest('nv-iconbutton')) {\n      return; // Handle icon button click separately\n    }\n\n    if (!this.open) {\n      if (this.inputElements) {\n        this.inputElements[TimeType.Hours]?.focus();\n        this.inputElements[TimeType.Hours]?.select();\n      }\n\n      event.preventDefault();\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n\n    // If an initial value is passed, parse it\n    if (this.value) {\n      this.parseTime(this.value);\n    } else {\n      const minHour = this.parseHour(this.min, this.format) || '00';\n      const minMinute = this.parseMinute(this.min) || 0;\n      const minSecond = this.parseSecond(this.min) || 0;\n\n      this.hours = minHour.padStart(2, '0');\n      this.minutes = minMinute.toString().padStart(2, '0');\n      this.seconds = minSecond.toString().padStart(2, '0');\n    }\n  }\n\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  componentDidLoad() {\n    if (!this.value) {\n      const currentTime = this.getCurrentTime();\n\n      // Split time into components\n      // eslint-disable-next-line prefer-const\n      let [hour, minute, secondAmPm] = currentTime.split(':');\n      let second, amPm;\n\n      // Check if AM/PM is present and split accordingly\n      if (secondAmPm.includes(' ')) {\n        [second, amPm] = secondAmPm.split(' ');\n      } else {\n        second = secondAmPm;\n      }\n\n      // Parse hour as integer for calculations\n      let parsedHour = parseInt(hour, 10);\n\n      // Convert hour to 24-hour format based on AM/PM (if present)\n      if (amPm) {\n        if (amPm === 'PM' && parsedHour < 12) {\n          parsedHour += 12; // Convert PM to 24-hour\n        } else if (amPm === 'AM' && parsedHour === 12) {\n          parsedHour = 0; // Midnight in 24-hour format\n        }\n      }\n\n      // Adjust for 12-hour format if necessary\n      if (this.format.startsWith('hh')) {\n        if (parsedHour === 0) {\n          hour = '12'; // Midnight in 12-hour format\n        } else if (parsedHour > 12) {\n          hour = (parsedHour - 12).toString(); // Convert 24-hour to 12-hour\n        } else {\n          hour = parsedHour.toString();\n        }\n      } else {\n        hour = parsedHour.toString(); // Use 24-hour format directly\n      }\n\n      // Pad hour, minute, and second to ensure two digits\n      hour = hour.padStart(2, '0');\n      minute = minute.padStart(2, '0');\n      second = second.padStart(2, '0');\n\n      // Update highlighted items for hours\n      const hourSelector = `.time-column.time-column-hours div`;\n      this.updateColumnHighlight(hourSelector, hour);\n\n      // Update highlighted items for minutes\n      const minuteSelector = `.time-column.time-column-minutes div`;\n      this.updateColumnHighlight(minuteSelector, minute);\n\n      // Update highlighted items for seconds\n      const secondSelector = `.time-column.time-column-seconds div`;\n      this.updateColumnHighlight(secondSelector, second);\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  private RenderTimeOptionsColumn(type: TimeType): HTMLElement {\n    return (\n      <div\n        class={`time-column time-column-${type}`}\n        onScroll={e => this.handleScroll(e, type)}\n      >\n        {/* Hours */}\n        {this.generateInfiniteTimeOptions(type).map((option, index) => (\n          <div\n            class={{\n              'time-option': true,\n              'selected':\n                (type === TimeType.Hours && option === this.hours) ||\n                (type === TimeType.Minutes && option === this.minutes) ||\n                (type === TimeType.Seconds && option === this.seconds),\n            }}\n            key={`${option}-${index}`}\n            onClick={e => this.handleTimeOptionClick(e, type)}\n          >\n            {option}\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host onclick={e => this.handleHostClick(e)}>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container\">\n              <slot name=\"leading-input\"></slot>\n              {/* Input fields for hours, minutes, and seconds */}\n              {/* Hours */}\n              {startsWithIgnoreCase(this.format, 'HH') && [\n                <input\n                  ref={el => (this.inputElements[TimeType.Hours] = el)}\n                  type=\"number\"\n                  autofocus={this.autofocus}\n                  class=\"time-input\"\n                  pattern=\"[0-9]*\"\n                  maxlength=\"3\"\n                  value={this.hours}\n                  onInput={e => this.handleInputChange(e, TimeType.Hours)}\n                  placeholder={this.format.includes('hh') ? 'hh' : 'HH'}\n                  inputMode=\"numeric\"\n                  onFocus={() => this.handleFocus(TimeType.Hours)}\n                  name={\n                    this.name\n                      ? `${TimeType.Hours}-${this.name}`\n                      : TimeType.Hours\n                  }\n                  id={this.inputId}\n                  readonly={this.readonly}\n                  disabled={this.disabled}\n                  required={this.required}\n                  onKeyDown={e => this.handleKeyDown(e)} // Handle arrow keys\n                  onBlur={() => this.handleInputBlur()}\n                />,\n              ]}\n              {/* Minutes */}\n              {this.format.includes('mm') && [\n                <span>:</span>,\n                <input\n                  ref={el => (this.inputElements[TimeType.Minutes] = el)}\n                  type=\"number\"\n                  autofocus={this.autofocus}\n                  class=\"time-input\"\n                  pattern=\"[0-9]*\"\n                  maxlength=\"3\"\n                  value={this.minutes}\n                  onInput={e => this.handleInputChange(e, TimeType.Minutes)}\n                  placeholder=\"mm\"\n                  inputMode=\"numeric\"\n                  onFocus={() => this.handleFocus(TimeType.Minutes)}\n                  name={\n                    this.name\n                      ? `${TimeType.Minutes}-${this.name}`\n                      : TimeType.Minutes\n                  }\n                  id={`${this.inputId}-minutes`}\n                  readonly={this.readonly}\n                  disabled={this.disabled}\n                  required={this.required}\n                  onKeyDown={e => this.handleKeyDown(e)} // Handle arrow keys\n                  onBlur={() => this.handleInputBlur()}\n                />,\n              ]}\n              {/* Seconds */}\n              {this.format.includes('ss') && [\n                <span>:</span>,\n\n                <input\n                  ref={el => (this.inputElements[TimeType.Seconds] = el)}\n                  type=\"number\"\n                  autofocus={this.autofocus}\n                  class=\"time-input\"\n                  pattern=\"[0-9]*\"\n                  maxlength=\"3\"\n                  value={this.seconds}\n                  onInput={e => this.handleInputChange(e, TimeType.Seconds)}\n                  placeholder=\"ss\"\n                  inputMode=\"numeric\"\n                  onFocus={() => this.handleFocus(TimeType.Seconds)}\n                  name={\n                    this.name\n                      ? `${TimeType.Seconds}-${this.name}`\n                      : TimeType.Seconds\n                  }\n                  id={`${this.inputId}-seconds`}\n                  readonly={this.readonly}\n                  disabled={this.disabled}\n                  required={this.required}\n                  onKeyDown={e => this.handleKeyDown(e)} // Handle arrow keys\n                  onBlur={() => this.handleInputBlur()}\n                />,\n              ]}\n\n              <nv-iconbutton\n                name={'clock'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide time picker' : 'Show time picker'}\n                onClick={() => this.HandleDropdownIconClick()}\n              />\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"sm\" />\n              )}\n              {this.success && (\n                <nv-icon name=\"circle-check\" class=\"validation\" size=\"sm\" />\n              )}\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div class=\"time-dropdown\" slot=\"content\">\n            <div class=\"time-columns\">\n              {startsWithIgnoreCase(this.format, 'HH') &&\n                this.RenderTimeOptionsColumn(TimeType.Hours)}\n              {this.format.includes('mm') &&\n                this.RenderTimeOptionsColumn(TimeType.Minutes)}\n              {this.format.includes('ss') &&\n                this.RenderTimeOptionsColumn(TimeType.Seconds)}\n            </div>\n          </div>\n        </nv-popover>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/{p-c66565f8.entry.js → p-dfb6b65e.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as n,H as e}from"./p-d0a33e64.js";const r="nv-togglebutton{display:inline-flex;justify-content:center;align-items:center}nv-togglebutton:focus-visible,nv-togglebutton:has(:focus-visible){z-index:1}nv-togglebutton[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size);padding-top:calc(var(--togglegroup-xs-button-padding-y) - 1px);padding-bottom:calc(var(--togglegroup-xs-button-padding-y) - 1px);border-radius:calc(var(--togglegroup-xs-button-radius));border-width:0}nv-togglebutton[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-togglebutton[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size);padding-top:calc(var(--togglegroup-sm-button-padding-y) - 1px);padding-bottom:calc(var(--togglegroup-sm-button-padding-y) - 1px);border-radius:calc(var(--togglegroup-sm-button-radius));border-width:0}nv-togglebutton[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-togglebutton[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size);padding-top:calc(var(--togglegroup-md-button-padding-y) - 1px);padding-bottom:calc(var(--togglegroup-md-button-padding-y) - 1px);border-radius:calc(var(--togglegroup-md-button-radius));border-width:0}nv-togglebutton[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-togglebutton[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size);padding-top:calc(var(--togglegroup-lg-button-padding-y) - 1px);padding-bottom:calc(var(--togglegroup-lg-button-padding-y) - 1px);border-radius:calc(var(--togglegroup-lg-button-radius));border-width:0}nv-togglebutton[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-togglebutton[emphasis=high]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-togglebutton[emphasis=high]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-togglebutton[emphasis=high]:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-togglebutton[emphasis=high]:focus,nv-togglebutton[emphasis=high]:focus-within{outline:none}nv-togglebutton[emphasis=high]:focus-visible,nv-togglebutton[emphasis=high]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-togglebutton[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=high][active]:not([active=false]){background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-togglebutton[emphasis=low]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-togglebutton[emphasis=low]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-togglebutton[emphasis=low]:focus,nv-togglebutton[emphasis=low]:focus-within{outline:none}nv-togglebutton[emphasis=low]:focus-visible,nv-togglebutton[emphasis=low]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-togglebutton[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=low][active]:not([active=false]),nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}";const a=r;const i=class{constructor(n){o(this,n);this.toggled=t(this,"toggled",7);this.size="md";this.disabled=false;this.active=false;this.emphasis="high";this.handleClick=()=>{if(this.disabled)return;this.toggled.emit({value:this.value,active:this.active})}}render(){return n(e,{key:"b9e37fc1cb34272bca476c7b61db173ab2a9d238",role:"button",tabindex:"0","aria-pressed":String(this.active),onClick:this.handleClick},n("slot",{key:"cf9cf3445fd93873def1f9fa9cbec46c35600025"}))}};i.style=a;export{i as nv_togglebutton};
-//# sourceMappingURL=p-c66565f8.entry.js.map
+import{r as o,c as t,h as n,H as e}from"./p-3060df80.js";const r="nv-togglebutton{display:inline-flex;justify-content:center;align-items:center}nv-togglebutton:focus-visible,nv-togglebutton:has(:focus-visible){z-index:1}nv-togglebutton[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size);padding-top:calc(var(--togglegroup-xs-button-padding-y) - 1px);padding-bottom:calc(var(--togglegroup-xs-button-padding-y) - 1px);border-radius:calc(var(--togglegroup-xs-button-radius));border-width:0}nv-togglebutton[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-togglebutton[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size);padding-top:calc(var(--togglegroup-sm-button-padding-y) - 1px);padding-bottom:calc(var(--togglegroup-sm-button-padding-y) - 1px);border-radius:calc(var(--togglegroup-sm-button-radius));border-width:0}nv-togglebutton[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-togglebutton[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size);padding-top:calc(var(--togglegroup-md-button-padding-y) - 1px);padding-bottom:calc(var(--togglegroup-md-button-padding-y) - 1px);border-radius:calc(var(--togglegroup-md-button-radius));border-width:0}nv-togglebutton[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-togglebutton[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size);padding-top:calc(var(--togglegroup-lg-button-padding-y) - 1px);padding-bottom:calc(var(--togglegroup-lg-button-padding-y) - 1px);border-radius:calc(var(--togglegroup-lg-button-radius));border-width:0}nv-togglebutton[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-togglebutton[emphasis=high]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-togglebutton[emphasis=high]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-togglebutton[emphasis=high]:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-togglebutton[emphasis=high]:focus,nv-togglebutton[emphasis=high]:focus-within{outline:none}nv-togglebutton[emphasis=high]:focus-visible,nv-togglebutton[emphasis=high]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-togglebutton[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=high][active]:not([active=false]){background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-togglebutton[emphasis=low]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-togglebutton[emphasis=low]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-togglebutton[emphasis=low]:focus,nv-togglebutton[emphasis=low]:focus-within{outline:none}nv-togglebutton[emphasis=low]:focus-visible,nv-togglebutton[emphasis=low]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-togglebutton[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=low][active]:not([active=false]),nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}";const a=r;const i=class{constructor(n){o(this,n);this.toggled=t(this,"toggled",7);this.size="md";this.disabled=false;this.active=false;this.emphasis="high";this.handleClick=()=>{if(this.disabled)return;this.toggled.emit({value:this.value,active:this.active})}}render(){return n(e,{key:"c4b698b1fb80f0dcca5d7a77bc20d22db1cbf538",role:"button",tabindex:"0","aria-pressed":String(this.active),onClick:this.handleClick},n("slot",{key:"605385f07f32b989685983cfd1a082525741fba4"}))}};i.style=a;export{i as nv_togglebutton};
+//# sourceMappingURL=p-dfb6b65e.entry.js.map

package/dist/native/p-f30e0be6.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as n,h as t,H as i,g as o}from"./p-3060df80.js";const r="nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}";const a=r;const s=class{constructor(i){e(this,i);this.menuitemSelected=n(this,"menuitemSelected",7);this.isHandlingKeyDown=false;this.open=false;this.nested=false;this.disableCloseOnSelect=false;this.placement="bottom-end";this.renderMenuItems=()=>this.items.map((e=>{var n;if(e.hasSubmenu&&((n=e.submenuItems)===null||n===void 0?void 0:n.length)>0){return t("nv-menu",{nested:true,placement:"right-start",items:e.submenuItems},t("nv-menuitem",{slot:"trigger",hasSubmenu:true,disabled:e.disabled,icon:e.icon,shortcut:e.shortcut,id:e.value,name:e.label,label:e.label}))}return t("nv-menuitem",{disabled:e.disabled,icon:e.icon,shortcut:e.shortcut,id:e.value,name:e.label,label:e.label})}))}async show(){this.open=true}async close(){this.open=false}focusFirstItem(){const e=this.popoverElement.querySelector("nv-menuitem");if(e){requestAnimationFrame((()=>e.focus()))}}handleOpenChange(e){if(e){this.focusFirstItem()}}handleMenuItemSelect(e){if(this.disableCloseOnSelect)return;if(e.detail.hasSubmenu)return;this.open=false}handleKeydown(e){if(!this.open){if((e.key==="Enter"||e.key==="ArrowDown"||e.key===" ")&&document.activeElement===this.triggerElement){e.preventDefault();this.show();const n=this.popoverElement.querySelector("nv-menuitem");if(n){requestAnimationFrame((()=>n.focus()))}}return}if(this.isHandlingKeyDown)return;this.isHandlingKeyDown=true;if(e.key==="ArrowDown"||e.key==="ArrowUp"||e.key==="ArrowLeft"||e.key==="ArrowRight"||e.key==="Escape"){e.preventDefault()}if(e.key==="Escape"&&!this.nested){this.close();this.triggerElement.focus();this.isHandlingKeyDown=false;return}const n=this.el.querySelector('[slot="content"]');const t=Array.from(n.childNodes).filter((e=>{var n;return(n=e.matches)===null||n===void 0?void 0:n.call(e,"nv-menuitem, nv-menu")}));let i=t.indexOf(document.activeElement);if(i===-1)i=t.indexOf(document.activeElement.parentElement);if(i===-1&&t.find((e=>e.matches("nv-menu[open]")))){this.isHandlingKeyDown=false;return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){t.forEach((e=>{if(e.matches("nv-menu"))e.close()}))}if(e.key==="ArrowDown"){let e=(i+1)%t.length;while(t[e].matches("nv-menuitem[disabled]")){e=(e+1)%t.length}const n=t[e];if(n.matches("nv-menuitem")){n.focus()}else if(n.matches("nv-menu")){n.querySelector("nv-menuitem").focus()}}if(e.key==="ArrowUp"){let e=(i-1+t.length)%t.length;while(t[e].matches("nv-menuitem[disabled]")){e=(e-1+t.length)%t.length}const n=t[e];if(n.matches("nv-menuitem")){n.focus()}else if(n.matches("nv-menu")){n.querySelector("nv-menuitem").focus()}}if(e.key==="ArrowRight"){const e=t[i];if(!e.matches("nv-menu")){this.isHandlingKeyDown=false;return}e.show()}if(e.key==="ArrowLeft"&&this.nested){if(t.find((e=>e.matches("nv-menu[open]")))){this.isHandlingKeyDown=false;return}this.close();this.triggerElement.focus()}this.isHandlingKeyDown=false}handleOpenChanged(e){e.stopPropagation();if(e.target===this.el.querySelector("nv-popover")){this.open=e.detail}const n=this.triggerElement===document.activeElement;const t=this.triggerElement.matches(":focus-visible");if(n&&t)this.focusFirstItem()}componentWillLoad(){this.triggerElement=Array.from(this.el.children).find((e=>e.getAttribute("slot")==="trigger"))}render(){return t(i,{key:"9c580e2085804dead07f60f3ce4494bed123a58e"},t("slot",{key:"87740cf4b003379eb7a4d011b2b80640e9d7c24f",name:"trigger"}),t("nv-popover",{key:"102ebedefdc1b6ac5f10900a82c904b12e4cddb1",ref:e=>this.popoverElement=e,triggerMode:"click",triggerElement:this.triggerElement,placement:this.placement,nested:this.nested,open:this.open},this.items?t("ul",{slot:"content"},this.renderMenuItems()):t("slot",{name:"content"})))}get el(){return o(this)}static get watchers(){return{open:["handleOpenChange"]}}};s.style=a;export{s as nv_menu};
+//# sourceMappingURL=p-f30e0be6.entry.js.map