@nova-design-system/nova-webcomponents 3.5.0 → 3.7.0

package/dist/native/p-58f4dc0e.entry.js.map

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

package/dist/native/p-59b07b36.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,g as o}from"./p-d0a33e64.js";import{v as r}from"./p-f5ff676c.js";const n='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false])>label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldmultiselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect 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-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px;}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}.no-results-message{text-align:center;padding:10px;color:var(--components-form-text-description-error)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}';const l=n;const a=class{constructor(o){e(this,o);this.valueChanged=t(this,"valueChanged",7);this.multiselectChange=t(this,"multiselectChange",7);this.inputId=r();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.badgeLabel="";this.filterText="";this.selectedValues=[];this.sortedOptions=[];this.isHandlingEscape=false;this.handleBadgeCloseOptions=()=>{this.selectedValues=[];this.multiselectChange.emit(this.selectedValues);const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{e.checked=false;e.style.display=""}));this.options=this.options.filter((e=>!e.isDivider));this.reorderOptionsContent()};this.handleBadgeCloseSlots=()=>{this.selectedValues=[];this.multiselectChange.emit(this.selectedValues);const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{e.checked=false;e.style.display=""}));this.reorderSlotContent()};this.handlePopoverClose=()=>{if(this.isHandlingEscape){return}this.filterText="";if(this.filterable){this.resetFilter()}};this.handleInputBlurOptions=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;if(this.filterable){this.filterText="";this.resetFilter()}}}),150)};this.handleInputContainerClickOptions=e=>{if(this.disabled||this.readonly){return}const t=e.target;if(t.tagName==="P"||t.tagName==="SPAN"){this.open=true;const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const t=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",t)}}};this.handleInputContainerClickSlots=e=>{if(this.disabled||this.readonly){return}const t=e.target;if(t.tagName==="P"||t.tagName==="SPAN"){this.open=true;const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const t=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",t)}}};this.handleInputOptions=e=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const t=e.target;this.value=t.value;this.valueChanged.emit(this.value);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=t.value.toLowerCase();this.filterItemsOption()}),this.debounceDelay)};this.handleInputSlots=e=>{if(!this.filterable)return;if(this.disabled||this.readonly)return;const t=e.target;this.value=t.value;this.valueChanged.emit(this.value);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=t.value.toLowerCase();this.filterSlotsItems()}),this.debounceDelay)};this.handleInputFocusOptions=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputFocusSlots=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputBlurSlots=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;if(this.filterable){this.filterText="";this.resetFilter()}}}),150)};this.togglePopoverOptions=()=>{if(this.disabled||this.readonly){return}this.open=!this.open};this.togglePopoverSlots=()=>{if(this.disabled||this.readonly){return}this.open=!this.open};this.renderOptionsMode=()=>i(s,{"aria-label":this.label,"aria-expanded":this.open.toString()},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect"},i("slot",{name:"leading-input"}),this.selectedValues.length>0&&i("nv-badge",{slot:"leading-input","prevent-auto-close":true,color:"10",dismissible:this.selectedValues.length>0,label:`${this.selectedValues.length} ${this.badgeLabel}`,"aria-label":`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseOptions}),this.filterable||this.disabled||this.readonly?i("input",{type:"text",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputOptions,onFocus:this.handleInputFocusOptions,onBlur:this.handleInputBlurOptions,onKeyDown:this.handleKeyDown,"data-scope":"focusable"}):i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickOptions,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusOptions,role:"combobox","aria-expanded":this.open,"data-scope":"focusable"},i("span",null,this.value||this.placeholder)),this.error&&i("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),i("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopoverOptions})),i("slot",{name:"after-input"})),i("div",{slot:"content",role:"listbox","aria-multiselectable":"true",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},i("ul",{role:"content"},this.options.map((e=>i("nv-fielddropdownitemcheck",{label:e.label,description:e.description,value:e.value,checked:this.selectedValues.includes(e.value),disabled:e.disabled}))),i("hr",{class:"multiselect-divider",style:{display:"none"}})))),this.renderDescriptions());this.renderSlotsMode=()=>i(s,{"aria-label":this.label,"aria-expanded":this.open.toString()},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect",onClick:this.handleInputContainerClickSlots},i("slot",{name:"leading-input"}),this.selectedValues.length>0&&i("nv-badge",{slot:"leading-input","prevent-auto-close":true,color:"10",dismissible:this.selectedValues.length>0,label:`${this.selectedValues.length} ${this.badgeLabel}`,"aria-label":`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseSlots}),this.filterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:e=>this.inputElement=e,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputSlots,onFocus:this.handleInputFocusSlots,onBlur:this.handleInputBlurSlots,onKeyDown:this.handleKeyDown,"data-scope":"focusable"}):i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickSlots,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusSlots,role:"combobox","aria-expanded":this.open,"data-scope":"focusable"},i("span",null,this.value||this.placeholder)),this.error&&i("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),i("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopoverSlots})),i("slot",{name:"after-input"})),i("div",{slot:"content",role:"listbox","aria-multiselectable":"true",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},i("slot",{name:"content"}))),this.renderDescriptions())}handleOptionsChange(e){if(!e)return;this.selectedValues=e.filter((e=>e.checked)).map((e=>e.value));this.reorderOptionsContent()}watchValueHandler(){this.setInitialSelection()}handleOpenChanged(e){e.stopPropagation();this.open=e.detail;if(this.open){if(this.filterText){this.filterItems()}}else{this.handlePopoverClose()}if(this.options){this.reorderOptionsContent()}else{this.reorderSlotContent()}}handleItemChecked(e){if(this.disabled||this.readonly){return}const{value:t,checked:i}=e.detail;if(t!==undefined&&t!==null){const e=[...this.selectedValues];const s=e.indexOf(t);if(i&&s===-1){e.push(t)}else if(!i&&s>-1){e.splice(s,1)}if(JSON.stringify(this.selectedValues)!==JSON.stringify(e)){this.selectedValues=e;requestAnimationFrame((()=>{this.multiselectChange.emit(this.selectedValues)}))}}else{console.warn("Received itemChecked event with undefined or null value")}}handleSlotChange(e){const t=e.target;if(t&&t.name==="content"){requestAnimationFrame((()=>{this.reorderSlotContent()}))}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}componentWillLoad(){var e;if(this.options){this.handleOptionsChange(this.options)}if(!this.options){Promise.resolve().then((()=>{const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));this.selectedValues=e.filter((e=>e.hasAttribute("checked"))).map((e=>e.getAttribute("value")||""));requestAnimationFrame((()=>{this.reorderSlotContent()}))}))}if(this.options){this.sortedOptions=[...(e=this.options)!==null&&e!==void 0?e:[]]}if(this.filterable&&this.value){this.filterText=String(this.value).toLocaleLowerCase();this.filterItems()}else{this.resetFilter()}}componentDidLoad(){if(this.options){this.handleOptionsChange(this.options)}}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}async getFilterText(){return this.filterText}setInitialSelection(){var e;const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const i=t.find((e=>{var t;return e.getAttribute("label")===this.value||e.getAttribute("value")===this.value||((t=e.textContent)===null||t===void 0?void 0:t.trim())===this.value}));t.forEach((e=>{e.removeAttribute("selected");e.classList.remove("selected")}));if(i){i.setAttribute("selected","true");i.classList.add("selected");this.value=i.getAttribute("label")||i.getAttribute("value")||((e=i.textContent)===null||e===void 0?void 0:e.trim())||"";if(this.inputElement){this.inputElement.value=this.value}}}async resetFilter(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{e.style.display=""}));const t=this.el.querySelector("ul");if(t){const i=t.querySelector("[data-empty]");if(i)i.remove();const s=e.filter((e=>this.selectedValues.includes(e.getAttribute("value")||"")));const o=e.filter((e=>!this.selectedValues.includes(e.getAttribute("value")||"")));if(s.length>0){this.manageDivider(t,s,o)}}}async getSelectedValues(){return this.selectedValues}reorderSlotContent(){if(this.options)return;const e=this.el.querySelector("ul");if(!e)return;e.querySelectorAll("hr.multiselect-divider").forEach((e=>e.remove()));const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((e=>e.style.display!=="none"));const i=e.querySelector("[data-empty]");if(i){return}const s=t.filter((e=>this.selectedValues.includes(e.getAttribute("value")||"")));const o=t.filter((e=>!this.selectedValues.includes(e.getAttribute("value")||"")));s.forEach((t=>{e.appendChild(t)}));if(s.length>0&&o.length>0){const t=document.createElement("hr");t.className="multiselect-divider";e.appendChild(t)}o.forEach((t=>{e.appendChild(t)}))}reorderOptionsContent(){const e=this.el.querySelector('ul[role="content"]');if(!e)return;const t=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck")).filter((e=>e.style.display!=="none"));const i=t.filter((e=>this.selectedValues.includes(e.getAttribute("value")||"")));const s=t.filter((e=>!this.selectedValues.includes(e.getAttribute("value")||"")));i.forEach((t=>e.appendChild(t)));s.forEach((t=>e.appendChild(t)));this.manageDivider(e,i,s)}filterItems(){const e=this.el.querySelector("ul");if(!e)return;const t=e.querySelector("[data-empty]");if(t){t.remove()}if(!this.filterText.trim()){if(this.options&&this.options.length>0){const t=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((e=>{e.style.display=""}))}else{const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{e.style.display=""}))}const t=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck"));const i=t.filter((e=>this.selectedValues.includes(e.getAttribute("value")||"")));const s=t.filter((e=>!this.selectedValues.includes(e.getAttribute("value")||"")));this.manageDivider(e,i,s);return}const i=this.normalizeText(this.filterText);let s=false;if(this.options&&this.options.length>0){const t=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((e=>{const t=this.options.find((t=>t.value===e.getAttribute("value")));if(t&&!t.isDivider){const o=this.normalizeText(t.label).includes(i)||this.normalizeText(t.value).includes(i);e.style.display=o?"":"none";if(o)s=true}}));const o=t.filter((e=>e.style.display!=="none"));const r=o.filter((e=>this.selectedValues.includes(e.getAttribute("value")||"")));const n=o.filter((e=>!this.selectedValues.includes(e.getAttribute("value")||"")));this.manageDivider(e,r,n)}else{const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{const t=e.getAttribute("label")||"";const o=e.getAttribute("value")||"";const r=e.textContent||"";const n=this.normalizeText(t).includes(i)||this.normalizeText(o).includes(i)||this.normalizeText(r).includes(i);e.style.display=n?"":"none";if(n)s=true}))}if(!s){const t=document.createElement("li");t.setAttribute("data-empty","true");t.textContent=this.emptyResult;t.classList.add("no-results-message");e.appendChild(t)}this.reorderSlotContent()}filterItemsOption(){const e=this.el.querySelector("ul");if(!e)return;const t=this.normalizeText(this.filterText);let i=false;const s=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck"));if(!this.filterText.trim()){this.removeEmptyMessageOption(e);s.forEach((e=>e.style.display=""));this.reorderOptionsContent();return}s.forEach((e=>{const s=e.getAttribute("label")||"";const o=e.getAttribute("value")||"";const r=this.normalizeText(s).includes(t)||this.normalizeText(o).includes(t);e.style.display=r?"":"none";if(r)i=true}));const o=s.filter((e=>e.style.display!=="none"));const r=o.filter((e=>this.selectedValues.includes(e.getAttribute("value")||"")));const n=o.filter((e=>!this.selectedValues.includes(e.getAttribute("value")||"")));this.manageDivider(e,r,n);if(!i){this.addEmptyMessageOption(e)}else{this.removeEmptyMessageOption(e)}}filterSlotsItems(){if(this.options)return;const e=this.el.querySelector("ul");if(!e)return;const t=e.querySelector("[data-empty]");if(t){t.remove()}if(!this.filterText.trim()){this.resetFilter();return}const i=this.normalizeText(this.filterText);let s=false;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));o.forEach((e=>{var t;const o=e.getAttribute("label")||"";const r=e.getAttribute("value")||"";const n=((t=e.textContent)===null||t===void 0?void 0:t.trim())||"";const l=this.normalizeText(o).includes(i)||this.normalizeText(r).includes(i)||this.normalizeText(n).includes(i);e.style.display=l?"":"none";if(l)s=true}));const r=o.filter((e=>e.style.display!=="none"));const n=r.filter((e=>this.selectedValues.includes(e.getAttribute("value")||"")));this.manageDivider(e,n,r.filter((e=>!this.selectedValues.includes(e.getAttribute("value")||""))));if(!s){const t=document.createElement("li");t.setAttribute("data-empty","true");t.textContent=this.emptyResult;t.classList.add("no-results-message");e.appendChild(t)}}normalizeText(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().trim()}handleClickOutside(e){if(this.el.contains(e.target)||this.inputElement&&this.inputElement.contains(e.target)){return}this.open=false}async handleKeyDown(e){if(!this.open){if(e.key==="ArrowDown"){this.open=true;if(!this.filterable){requestAnimationFrame((()=>{this.focusFirstItem()}))}e.preventDefault();return}return}const t=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])'));if(t.length===0){console.warn("No visible items found to navigate");return}let i=t.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();i=i===-1?0:(i+1)%t.length;this.updateHighlightedItem(t,i)}else if(e.key==="ArrowUp"){e.preventDefault();i=i===-1?t.length-1:(i-1+t.length)%t.length;this.updateHighlightedItem(t,i)}else if(e.key==="Enter"&&i>=0){e.preventDefault();const s=t[i];const o=s.hasAttribute("checked");s.checked=!o;s.dispatchEvent(new MouseEvent("click",{view:window,bubbles:true,cancelable:true}))}else if(e.key==="Escape"){e.preventDefault();e.stopPropagation();const t=async()=>{this.isHandlingEscape=true;if(this.options){this.reorderOptionsContent()}else{this.reorderSlotContent()}await new Promise((e=>setTimeout(e,100)));setTimeout((()=>{this.isHandlingEscape=false;this.open=false}),150);if(this.inputElement){this.inputElement.blur()}};await t()}}updateHighlightedItem(e,t){e.forEach(((e,i)=>{if(i===t){e.classList.add("highlighted");e.setAttribute("tabindex","0");e.scrollIntoView({block:"nearest"});const t=e.querySelector("nv-fieldcheckbox");if(t){t.focus()}}else{e.classList.remove("highlighted");e.setAttribute("tabindex","-1")}}))}focusFirstItem(){const e=this.el.querySelector('nv-fielddropdownitemcheck:not([style*="display: none"])');if(e){e.setAttribute("tabindex","0");e.classList.add("highlighted");e.scrollIntoView({block:"nearest"});const t=e.querySelector("nv-fieldcheckbox");if(t){t.focus()}}else{console.warn("No visible first item found to focus")}}addEmptyMessageOption(e){const t=e.querySelector("[data-empty]");if(t)return;const i=document.createElement("li");i.setAttribute("data-empty","true");i.textContent=this.emptyResult;i.classList.add("no-results-message");e.appendChild(i)}removeEmptyMessageOption(e){const t=e.querySelector("[data-empty]");if(t)t.remove()}manageDivider(e,t,i){let s=e.querySelector("hr.multiselect-divider");if(!s){s=document.createElement("hr");s.className="multiselect-divider";e.appendChild(s)}const o=t.length>0&&i.length>0;if(o){const e=t[t.length-1];e.after(s);s.style.display=""}else{s.style.display="none"}}renderDescriptions(){return[(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{class:"description"},i("slot",{name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{hidden:!this.error,class:"error-description"},i("slot",{name:"error-description"},this.errorDescription))]}render(){return this.options?this.renderOptionsMode():this.renderSlotsMode()}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{options:["handleOptionsChange"],value:["watchValueHandler"]}}};a.style=l;export{a as nv_fieldmultiselect};
-//# sourceMappingURL=p-59b07b36.entry.js.map

package/dist/native/p-59b07b36.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFieldmultiselectCss","NvFieldmultiselectStyle0","NvFieldmultiselect","constructor","hostRef","this","inputId","uuidv4","autocomplete","required","readonly","disabled","error","maxHeight","open","emptyResult","filterable","debounceDelay","autofocus","fluid","badgeLabel","filterText","selectedValues","sortedOptions","isHandlingEscape","handleBadgeCloseOptions","multiselectChange","emit","items","Array","from","el","querySelectorAll","forEach","item","checked","style","display","options","filter","option","isDivider","reorderOptionsContent","handleBadgeCloseSlots","reorderSlotContent","handlePopoverClose","resetFilter","handleInputBlurOptions","setTimeout","contains","document","activeElement","handleInputContainerClickOptions","event","target","tagName","inputContainer","querySelector","classList","add","removeFocusWithin","remove","popoverElement","addEventListener","handleInputContainerClickSlots","handleInputOptions","input","value","valueChanged","debounceTimer","window","clearTimeout","toLowerCase","filterItemsOption","handleInputSlots","filterSlotsItems","handleInputFocusOptions","handleInputFocusSlots","handleInputBlurSlots","togglePopoverOptions","togglePopoverSlots","renderOptionsMode","h","Host","label","toString","htmlFor","name","ref","triggerMode","placement","class","slot","length","color","dismissible","onCloseClicked","type","id","e","inputElement","placeholder","readOnly","onInput","onFocus","onBlur","onKeyDown","handleKeyDown","onClick","tabIndex","role","size","emphasis","map","description","includes","renderDescriptions","renderSlotsMode","handleOptionsChange","newValue","watchValueHandler","setInitialSelection","handleOpenChanged","stopPropagation","detail","filterItems","handleItemChecked","undefined","newSelectedValues","valueIndex","indexOf","push","splice","JSON","stringify","requestAnimationFrame","console","warn","handleSlotChange","connectedCallback","handleClickOutside","bind","componentWillLoad","Promise","resolve","then","hasAttribute","getAttribute","_a","String","toLocaleLowerCase","componentDidLoad","disconnectedCallback","removeEventListener","getFilterText","selectedItem","find","textContent","trim","removeAttribute","setAttribute","ul","emptyMessage","selectedItems","unselectedItems","manageDivider","getSelectedValues","divider","hasEmptyMessage","appendChild","createElement","className","existingEmptyMessage","normalizedFilter","normalizeText","hasVisibleItems","opt","matchesFilter","visibleItems","visibleSelected","visibleUnselected","removeEmptyMessageOption","addEmptyMessageOption","visibleSelectedItems","text","normalize","replace","key","focusFirstItem","preventDefault","currentIndex","findIndex","updateHighlightedItem","isCurrentlyChecked","dispatchEvent","MouseEvent","view","bubbles","cancelable","handleEscape","async","blur","index","i","scrollIntoView","block","checkbox","focus","firstItem","existingMessage","shouldShowDivider","lastSelectedItem","after","errorDescription","hidden","render"],"sources":["src/components/nv-fieldmultiselect/styles/nv-fieldmultiselect.scss?tag=nv-fieldmultiselect","src/components/nv-fieldmultiselect/nv-fieldmultiselect.tsx"],"sourcesContent":["@import '../../../styles/form-field';\n@import '../../../styles/scrollbar';\n\nnv-fieldmultiselect {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[fluid]:not([fluid='false']) {\n    @include form-field-fluid();\n  }\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[required]:not([required='false']) {\n    > label {\n      @include form-field-label-required();\n    }\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    @include form-field-popover();\n\n    div[slot='content'] {\n      @include scrollbar();\n      max-height: calc(90vh - var(--list-dropdown-padding) * 2);\n      overflow-y: auto;\n      position: relative;\n    }\n  }\n\n  .input-wrapper-multiselect {\n    @include form-field-input-wrapper();\n    width: 100%;\n  }\n\n  .input-container-multiselect {\n    @include form-field-input-container();\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n\n    > nv-badge {\n      margin-left: var(--form-field-padding-x);\n    }\n\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\n      width: 100%;\n      flex-grow: 1;\n      margin: 0;\n      min-height: 100%;\n      box-sizing: border-box;\n    }\n\n    > nv-iconbutton {\n      @include form-field-action();\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n    }\n\n    /* &:hover{\n      border-color: var(--components-form-field-border-hover);\n    }\n\n    &:focus-visible,\n    &:focus-within,\n    &:focus,\n    &.focus-within  {\n      border-color: var(--components-form-field-border-focus);\n      box-shadow: 0px 0px 0px var(--focus-field-stroke)\n      var(--nv-field-focus-box-shadow);\n    } */\n  }\n\n  .non-filterable-text {\n    display: block;\n    border-radius: var(--form-field-radius);\n    background-color: var(--nv-field-background);\n    color: var(--components-form-field-content-text);\n    font-size: var(--form-field-font-size);\n    font-weight: 500;\n    line-height: var(--form-field-line-height);\n    box-sizing: border-box;\n    cursor: pointer;\n    height: 100%;\n    min-height: 40px;\n\n    span {\n      display: inline-block;\n      width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n\n.no-results-message {\n  text-align: center;\n  padding: 10px;\n  color: var(--components-form-text-description-error);\n}\n\n.multiselect-divider {\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: var(--components-list-dropdown-separator);\n  margin: var(--list-dropdown-item-padding-y) 0;\n  border: 0;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot content - The content of the list.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldmultiselect',\n  styleUrl: 'styles/nv-fieldmultiselect.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldmultiselect {\n  @Element() el: HTMLNvFieldmultiselectElement;\n  private inputElement!: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  /**\n   * Timer for debouncing input events.\n   * Private property preferred over @State as it:\n   * - Doesn't need to trigger re-renders\n   * - Is purely for internal logic\n   * - Improves performance by avoiding Stencil's reactivity system\n   */\n  private debounceTimer: number;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input's data in form submissions. It should be\n   * unique within the form to avoid conflicts.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It's a crucial element for making forms clear and user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Display temporary text inside the input field.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * 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.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * Marks the input field as required.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Display the input field's content without allowing users to change it.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Disables the input field.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the multiselect\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Defines the maximum height of the multiselect list when open.\n   */\n  @Prop({ reflect: true })\n  readonly maxHeight: string = '';\n\n  /**\n   * State of the multiselect popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * 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 multiselect 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   * },\n   * {\n   *  \"label\": \"Option 2\",\n   *  \"value\": \"option2\",\n   * }]\n   */\n  @Prop({ reflect: false, mutable: true })\n  options?: {\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is a divider */\n    isDivider?: boolean;\n    /** Whether this option is disabled */\n    disabled?: boolean;\n    /** Additional description for the option */\n    description?: string;\n    /** Whether this option is pre-checked */\n    checked?: boolean;\n  }[];\n\n  /**\n   * 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  /**\n   * Text for the badge showing the number of selected items.\n   */\n  @Prop({ reflect: true })\n  readonly badgeLabel: string = '';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region STATE\n\n  /**\n   * The text entered by the user for filtering multiselect items.\n   */\n  @State()\n  filterText: string = '';\n\n  /**\n   * List of selected values in the multiselect.\n   */\n  @State()\n  selectedValues: string[] = [];\n\n  /**\n   * Sorted options for display.\n   */\n  @State()\n  sortedOptions: Array<{\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is a divider */\n    isDivider?: boolean;\n  }> = [];\n\n  @State()\n  private isHandlingEscape: boolean = false;\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  /**\n   * Event emitted when the selection changes in the multiselect.\n   * Emits the current list of selected values.\n   */\n  @Event()\n  multiselectChange: EventEmitter<string[]>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('options')\n  handleOptionsChange(newValue: typeof this.options) {\n    if (!newValue) return;\n\n    this.selectedValues = newValue\n      .filter(option => option.checked)\n      .map(option => option.value);\n\n    this.reorderOptionsContent();\n  }\n\n  /**\n   * Emitted when the value changes.\n   */\n  @Watch('value')\n  watchValueHandler() {\n    // Handle value change and update the corresponding multiselect item if it exists\n    this.setInitialSelection();\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  /**\n   * Emitted when the input loses focus.\n   * @param {CustomEvent<boolean>} event - The event object containing the focus state.\n   */\n  @Listen('openChanged')\n  handleOpenChanged(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    if (this.open) {\n      // Filter items only if there is filter text\n      if (this.filterText) {\n        this.filterItems();\n      }\n    } else {\n      this.handlePopoverClose();\n    }\n\n    if (this.options) {\n      this.reorderOptionsContent();\n    } else {\n      this.reorderSlotContent();\n    }\n  }\n\n  /**\n   * Listen for the `itemChecked` event emitted by child items.\n   * @param {CustomEvent} event - The event object containing the selected value and its checked state.\n   */\n  @Listen('itemChecked')\n  handleItemChecked(\n    event: CustomEvent<{\n      /** Value associated with the option */\n      value: string;\n      /** Whether this option is checked */\n      checked: boolean;\n    }>,\n  ) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const { value, checked } = event.detail;\n\n    if (value !== undefined && value !== null) {\n      const newSelectedValues = [...this.selectedValues];\n      const valueIndex = newSelectedValues.indexOf(value);\n\n      if (checked && valueIndex === -1) {\n        newSelectedValues.push(value);\n      } else if (!checked && valueIndex > -1) {\n        newSelectedValues.splice(valueIndex, 1);\n      }\n\n      // Update the state and emit the event only if the selection has changed\n      if (\n        JSON.stringify(this.selectedValues) !==\n        JSON.stringify(newSelectedValues)\n      ) {\n        this.selectedValues = newSelectedValues;\n\n        // Use requestAnimationFrame to ensure the state is updated before emitting the event\n        requestAnimationFrame(() => {\n          this.multiselectChange.emit(this.selectedValues);\n        });\n      }\n    } else {\n      console.warn('Received itemChecked event with undefined or null value'); // Warning log\n    }\n  }\n\n  // Add a listener for the slot content\n  @Listen('slotchange')\n  handleSlotChange(event: Event) {\n    // Check: we only want to reorder if it's the \"content\" slot\n    const slot = event.target as HTMLSlotElement;\n    if (slot && slot.name === 'content') {\n      // To give other platforms (VueJS, React, etc.) time to insert all their items,\n      // we place the reorder in a requestAnimationFrame\n      requestAnimationFrame(() => {\n        this.reorderSlotContent();\n      });\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Subscribe to click outside event.\n   */\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  /**\n   * Set the mode state and handle options change.\n   */\n  componentWillLoad() {\n    // Don't call handleOptionsChange if we are in slots mode\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n\n    // Specific initialization for slots mode\n    if (!this.options) {\n      Promise.resolve().then(() => {\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n\n        // Initialize selectedValues with checked items\n        this.selectedValues = items\n          .filter(item => item.hasAttribute('checked'))\n          .map(item => item.getAttribute('value') || '');\n\n        // Force a reorder after initialization\n        requestAnimationFrame(() => {\n          this.reorderSlotContent();\n        });\n      });\n    }\n\n    // Initialize the sorted options array with the parsed options for initial rendering\n    if (this.options) {\n      this.sortedOptions = [...(this.options ?? [])];\n    }\n\n    // Apply filtering if the multiselect is filterable and there is a value\n    if (this.filterable && this.value) {\n      this.filterText = String(this.value).toLocaleLowerCase();\n      this.filterItems();\n    } else {\n      // Reset visibility state of all dropdown items\n      this.resetFilter();\n    }\n  }\n\n  /**\n   * Force reorder if options mode in componentDidLoad because of the initial render not trigger @watch\n   */\n  componentDidLoad() {\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n  }\n\n  /**\n   * Unsubscribe from click outside event.\n   */\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Retrieves the current filter text entered by the user.\n   * @returns {string} The filter text.\n   */\n  @Method()\n  async getFilterText(): Promise<string> {\n    return this.filterText;\n  }\n\n  /**\n   * Set the initial selection based on the current value and update the inputElement value.\n   */\n  private setInitialSelection() {\n    const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitem'));\n\n    const selectedItem = items.find(\n      item =>\n        item.getAttribute('label') === this.value ||\n        item.getAttribute('value') === this.value ||\n        item.textContent?.trim() === this.value,\n    );\n\n    // Remove 'selected' from all items first to reset the state\n    items.forEach(item => {\n      item.removeAttribute('selected');\n      item.classList.remove('selected');\n    });\n\n    if (selectedItem) {\n      // Add the `selected` attribute and `selected` class for visual styling\n      selectedItem.setAttribute('selected', 'true');\n      selectedItem.classList.add('selected');\n\n      // Update the value and inputElement value to reflect the pre-selected item\n      this.value =\n        selectedItem.getAttribute('label') ||\n        selectedItem.getAttribute('value') ||\n        selectedItem.textContent?.trim() ||\n        '';\n      if (this.inputElement) {\n        this.inputElement.value = this.value;\n      }\n    }\n  }\n\n  /**\n   * Reset the filter and make all items visible.\n   */\n  @Method()\n  async resetFilter(): Promise<void> {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Reset visibility state of all dropdown items\n    items.forEach(item => {\n      item.style.display = '';\n    });\n\n    // Clean up filter-related UI elements\n    const ul = this.el.querySelector('ul');\n    if (ul) {\n      const emptyMessage = ul.querySelector('[data-empty]');\n      if (emptyMessage) emptyMessage.remove();\n\n      // Reorder with divider if needed\n      const selectedItems = items.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n\n      if (selectedItems.length > 0) {\n        this.manageDivider(ul as HTMLElement, selectedItems, unselectedItems);\n      }\n    }\n  }\n\n  /**\n   * Returns the list of selected values.\n   * @returns {string[]} The selected values.\n   */\n  @Method()\n  async getSelectedValues(): Promise<string[]> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Reorder the content of the slot.\n   */\n  private reorderSlotContent() {\n    if (this.options) return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove all existing <hr class=\"multiselect-divider\">\n    ul.querySelectorAll('hr.multiselect-divider').forEach(divider =>\n      divider.remove(),\n    );\n\n    // Retrieve all items (not hidden)\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    // If you possibly have a \"No results\" message:\n    const hasEmptyMessage = ul.querySelector('[data-empty]');\n    if (hasEmptyMessage) {\n      // if there is a \"No results found\" message, do not reorder\n      return;\n    }\n\n    // Separate checked vs unchecked\n    const selectedItems = items.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    // Reinsert CHECKED items FIRST\n    // appendChild() moves the element without recreating it\n    // this is not trigger a re-rendering of the component in the platforms\n    selectedItems.forEach(item => {\n      ul.appendChild(item); // <-- The <li> (or <nv-fielddropdownitemcheck>) is just \"moved\" to the end of the list\n    });\n\n    // Add a divider if needed\n    if (selectedItems.length > 0 && unselectedItems.length > 0) {\n      const divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    // Reinsert UNCHECKED items at the end\n    unselectedItems.forEach(item => {\n      ul.appendChild(item);\n    });\n  }\n\n  /**\n   * Reorder the content for options mode with async handling\n   */\n  private reorderOptionsContent() {\n    const ul = this.el.querySelector('ul[role=\"content\"]') as HTMLElement;\n    if (!ul) return;\n\n    const items = Array.from(\n      ul.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    const selectedItems = items.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    // Reorder the elements\n    selectedItems.forEach(item => ul.appendChild(item));\n    unselectedItems.forEach(item => ul.appendChild(item));\n\n    // Manage the divider after the reordering\n    this.manageDivider(ul, selectedItems, unselectedItems);\n  }\n\n  /**\n   * Filter multiselect items based on the text entered by the user.\n   */\n  private filterItems() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    if (!this.filterText.trim()) {\n      if (this.options && this.options.length > 0) {\n        // Reset options display\n        const items = Array.from(\n          ul.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      } else {\n        // Reset slot items display\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      }\n\n      // Reorder with divider\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n      const selectedItems = items.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, selectedItems, unselectedItems);\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    if (this.options && this.options.length > 0) {\n      // Filter options mode\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const option = this.options.find(\n          opt => opt.value === item.getAttribute('value'),\n        );\n        if (option && !option.isDivider) {\n          const matchesFilter =\n            this.normalizeText(option.label).includes(normalizedFilter) ||\n            this.normalizeText(option.value).includes(normalizedFilter);\n\n          item.style.display = matchesFilter ? '' : 'none';\n          if (matchesFilter) hasVisibleItems = true;\n        }\n      });\n\n      // Manage the divider with the visible items\n      const visibleItems = items.filter(item => item.style.display !== 'none');\n      const visibleSelected = visibleItems.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const visibleUnselected = visibleItems.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, visibleSelected, visibleUnselected);\n    } else {\n      // Filter slot items mode\n      const items = Array.from(\n        this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const label = item.getAttribute('label') || '';\n        const value = item.getAttribute('value') || '';\n        const textContent = item.textContent || '';\n\n        const matchesFilter =\n          this.normalizeText(label).includes(normalizedFilter) ||\n          this.normalizeText(value).includes(normalizedFilter) ||\n          this.normalizeText(textContent).includes(normalizedFilter);\n\n        item.style.display = matchesFilter ? '' : 'none';\n        if (matchesFilter) hasVisibleItems = true;\n      });\n    }\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyResult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n\n    this.reorderSlotContent();\n  }\n\n  /**\n   * Filter multiselect items in options mode.\n   */\n  private filterItemsOption() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));\n\n    // Reset items if the filter text is empty\n    if (!this.filterText.trim()) {\n      // Remove the empty message if it exists\n      this.removeEmptyMessageOption(ul);\n      items.forEach(item => (item.style.display = ''));\n      this.reorderOptionsContent(); // Reorder after reset\n      return;\n    }\n\n    // Filter the items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\n    });\n\n    // Manage the divider with the visible items\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelected = visibleItems.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const visibleUnselected = visibleItems.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(ul, visibleSelected, visibleUnselected);\n\n    // Add or remove the empty message based on the case\n    if (!hasVisibleItems) {\n      this.addEmptyMessageOption(ul);\n    } else {\n      this.removeEmptyMessageOption(ul);\n    }\n  }\n\n  /**\n   * Filter multiselect items in slots mode\n   */\n  private filterSlotsItems() {\n    if (this.options) return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    // If filter text is empty, reset all items visibility\n    if (!this.filterText.trim()) {\n      this.resetFilter();\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    // Get all items and preserve them in the DOM\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Instead of removing/reordering, just hide/show items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n      const textContent = item.textContent?.trim() || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter) ||\n        this.normalizeText(textContent).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\n    });\n\n    // Get visible items after filtering\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelectedItems = visibleItems.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(\n      ul,\n      visibleSelectedItems,\n      visibleItems.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      ),\n    );\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyResult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n  }\n\n  /**\n   * Handle badge close for options mode.\n   */\n  private handleBadgeCloseOptions = (): void => {\n    this.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Reorder options without the divider since there are no selected elements\n    this.options = this.options.filter(option => !option.isDivider);\n\n    // Reorder options without the divider since there are no selected elements\n    this.reorderOptionsContent();\n  };\n\n  /**\n   * Handle badge close for slots mode.\n   */\n  private handleBadgeCloseSlots = (): void => {\n    this.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Reorder slot content\n    this.reorderSlotContent();\n  };\n\n  /**\n   * Normalizes text by removing accents and converting to lowercase\n   * @param {string} text - The text to normalize\n   * @returns {string} The normalized text\n   *\n   * @example\n   * normalizeText(\"Café Latte\") => \"cafe latte\"\n   *\n   * @description\n   * This function performs text normalization in three steps:\n   * 1. Decomposes characters into their base form and combining characters (NFD)\n   * 2. Removes all diacritical marks (accents, umlauts, etc.)\n   * 3. Converts to lowercase and trims whitespace\n   *\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize} - MDN documentation on String.normalize()\n   * @see {@link https://en.wikipedia.org/wiki/Unicode_equivalence#Normal_forms} - More info about Unicode normalization forms\n   */\n  private normalizeText(text: string): string {\n    return text\n      .normalize('NFD') // Decompose characters into base + combining characters (e.g., é => e + ´)\n      .replace(/[\\u0300-\\u036f]/g, '') // Remove all diacritical marks (Unicode range for combining characters)\n      .toLowerCase() // Convert to lowercase\n      .trim(); // Remove leading and trailing whitespace\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (\n      this.el.contains(event.target as Node) ||\n      (this.inputElement && this.inputElement.contains(event.target as Node))\n    ) {\n      return;\n    }\n    this.open = false;\n  }\n\n  /**\n   * Handle popover close\n   */\n  private handlePopoverClose = () => {\n    // If we are handling Escape, ignore this event\n    if (this.isHandlingEscape) {\n      return;\n    }\n\n    this.filterText = '';\n\n    // Reset filter if needed\n    if (this.filterable) {\n      this.resetFilter();\n    }\n  };\n\n  /**\n   * Handle input blur for options mode.\n   */\n  private handleInputBlurOptions = () => {\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        // Close the popover without affecting the divider\n        this.open = false;\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Handle keyboard events & arrow key navigation.\n   * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.\n   * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.\n   * @param {KeyboardEvent} event - The keyboard event.\n   */\n  @Listen('keydown', { passive: false })\n  async handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n\n        // Focus on the first item if the list is not filterable\n        if (!this.filterable) {\n          requestAnimationFrame(() => {\n            this.focusFirstItem();\n          });\n        }\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll(\n        'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n      ),\n    ) as HTMLNvFielddropdownitemcheckElement[];\n\n    if (items.length === 0) {\n      console.warn('No visible items found to navigate');\n      return;\n    }\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1\n          ? items.length - 1\n          : (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Enter' && currentIndex >= 0) {\n      event.preventDefault();\n      const selectedItem = items[currentIndex];\n\n      // Toggle the checked state\n      const isCurrentlyChecked = selectedItem.hasAttribute('checked');\n      selectedItem.checked = !isCurrentlyChecked;\n\n      // Trigger a click event to ensure proper event handling\n      selectedItem.dispatchEvent(\n        new MouseEvent('click', {\n          view: window,\n          bubbles: true,\n          cancelable: true,\n        }),\n      );\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation(); // Prevent the event from propagating to the popover\n\n      // Do the reorder and wait a bit before closing\n      const handleEscape = async () => {\n        this.isHandlingEscape = true; // Disable the hide listener\n\n        if (this.options) {\n          this.reorderOptionsContent();\n        } else {\n          this.reorderSlotContent();\n        }\n\n        // Wait for the reorder to be applied\n        await new Promise(resolve => setTimeout(resolve, 100));\n\n        // Reactivate the hide listener after a short delay\n        setTimeout(() => {\n          this.isHandlingEscape = false;\n          this.open = false;\n        }, 150);\n\n        if (this.inputElement) {\n          this.inputElement.blur();\n        }\n      };\n\n      await handleEscape();\n    }\n  }\n\n  /**\n   * Updates the highlighted item in the dropdown list.\n   *\n   * @param {(HTMLNvFielddropdownitemElement | HTMLNvFielddropdownitemcheckElement)[]} items - The items to update.\n   * @param {number} index - The index of the item to highlight.\n   */\n  private updateHighlightedItem(\n    items: (\n      | HTMLNvFielddropdownitemElement\n      | HTMLNvFielddropdownitemcheckElement\n    )[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.setAttribute('tabindex', '0');\n        item.scrollIntoView({ block: 'nearest' });\n        // Focus on the nv-fieldcheckbox inside\n        const checkbox = item.querySelector('nv-fieldcheckbox');\n        if (checkbox) {\n          (checkbox as HTMLElement).focus();\n        }\n      } else {\n        item.classList.remove('highlighted');\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  /**\n   * Focus on the first item in the dropdown list.\n   */\n  private focusFirstItem() {\n    const firstItem = this.el.querySelector(\n      'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n    ) as HTMLNvFielddropdownitemcheckElement;\n\n    if (firstItem) {\n      firstItem.setAttribute('tabindex', '0');\n      firstItem.classList.add('highlighted');\n      firstItem.scrollIntoView({ block: 'nearest' });\n      // Focus on the nv-fieldcheckbox inside\n      const checkbox = firstItem.querySelector('nv-fieldcheckbox');\n      if (checkbox) {\n        (checkbox as HTMLElement).focus();\n      }\n    } else {\n      console.warn('No visible first item found to focus');\n    }\n  }\n\n  /**\n   * Handle click on the input container for options mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickOptions = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle click on the input container for slots mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickSlots = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle input change for options mode.\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputOptions = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(this.value);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterItemsOption();\n    }, this.debounceDelay);\n  };\n\n  private addEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) return;\n\n    const emptyMessage = document.createElement('li');\n    emptyMessage.setAttribute('data-empty', 'true');\n    emptyMessage.textContent = this.emptyResult;\n    emptyMessage.classList.add('no-results-message');\n    ul.appendChild(emptyMessage);\n  }\n\n  private removeEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) existingMessage.remove();\n  }\n\n  /**\n   * Handle input change for slots mode\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputSlots = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) return;\n\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(this.value);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterSlotsItems();\n    }, this.debounceDelay);\n  };\n\n  /**\n   * Handle input focus for options mode.\n   */\n  private handleInputFocusOptions = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input focus for slots mode.\n   */\n  private handleInputFocusSlots = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input blur for slots mode.\n   */\n  private handleInputBlurSlots = () => {\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        // Close the popover without affecting the divider\n        this.open = false;\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Toggle the multiselect popover for options mode.\n   */\n  private togglePopoverOptions = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    this.open = !this.open;\n  };\n\n  /**\n   * Toggle the multiselect popover for slots mode.\n   */\n  private togglePopoverSlots = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    this.open = !this.open;\n  };\n\n  private manageDivider(\n    ul: HTMLElement,\n    selectedItems: Element[],\n    unselectedItems: Element[],\n  ) {\n    let divider = ul.querySelector('hr.multiselect-divider') as HTMLElement;\n    if (!divider) {\n      divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    const shouldShowDivider =\n      selectedItems.length > 0 && unselectedItems.length > 0;\n\n    if (shouldShowDivider) {\n      // Place the divider after the last selected item\n      const lastSelectedItem = selectedItems[selectedItems.length - 1];\n      lastSelectedItem.after(divider);\n      divider.style.display = '';\n    } else {\n      divider.style.display = 'none';\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  /**\n   * Renders the component in options mode\n   * @returns {any} The JSX for options mode\n   */\n  private renderOptionsMode = () => {\n    return (\n      <Host aria-label={this.label} aria-expanded={this.open.toString()}>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container-multiselect\">\n              <slot name=\"leading-input\"></slot>\n\n              {this.selectedValues.length > 0 && (\n                <nv-badge\n                  slot=\"leading-input\"\n                  prevent-auto-close\n                  color=\"10\"\n                  dismissible={this.selectedValues.length > 0}\n                  label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                  aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`}\n                  onCloseClicked={this.handleBadgeCloseOptions}\n                ></nv-badge>\n              )}\n\n              {this.filterable || this.disabled || this.readonly ? (\n                <input\n                  type=\"text\"\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autofocus={this.autofocus}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.value}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputOptions}\n                  onFocus={this.handleInputFocusOptions}\n                  onBlur={this.handleInputBlurOptions}\n                  onKeyDown={this.handleKeyDown}\n                  data-scope=\"focusable\"\n                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClickOptions}\n                  tabIndex={0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocusOptions}\n                  role=\"combobox\"\n                  aria-expanded={this.open}\n                  data-scope=\"focusable\"\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverOptions}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n          >\n            <ul role=\"content\">\n              {this.options.map(option => (\n                <nv-fielddropdownitemcheck\n                  label={option.label}\n                  description={option.description}\n                  value={option.value}\n                  checked={this.selectedValues.includes(option.value)}\n                  disabled={option.disabled}\n                ></nv-fielddropdownitemcheck>\n              ))}\n              <hr class=\"multiselect-divider\" style={{ display: 'none' }} />\n            </ul>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  };\n\n  /**\n   * Renders the component in slots mode\n   * @returns {any} The JSX for slots mode\n   */\n  private renderSlotsMode = () => {\n    return (\n      <Host aria-label={this.label} aria-expanded={this.open.toString()}>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container-multiselect\"\n              onClick={this.handleInputContainerClickSlots}\n            >\n              <slot name=\"leading-input\"></slot>\n\n              {this.selectedValues.length > 0 && (\n                <nv-badge\n                  slot=\"leading-input\"\n                  prevent-auto-close\n                  color=\"10\"\n                  dismissible={this.selectedValues.length > 0}\n                  label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                  aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`}\n                  onCloseClicked={this.handleBadgeCloseSlots}\n                ></nv-badge>\n              )}\n\n              {this.filterable || this.disabled || this.readonly ? (\n                <input\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.value}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputSlots}\n                  onFocus={this.handleInputFocusSlots}\n                  onBlur={this.handleInputBlurSlots}\n                  onKeyDown={this.handleKeyDown}\n                  data-scope=\"focusable\"\n                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClickSlots}\n                  tabIndex={0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocusSlots}\n                  role=\"combobox\"\n                  aria-expanded={this.open}\n                  data-scope=\"focusable\"\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverSlots}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n          >\n            <slot name=\"content\"></slot>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  };\n\n  /**\n   * Renders description and error description sections\n   * @returns {any} The JSX for descriptions\n   */\n  private renderDescriptions() {\n    return [\n      (this.description || this.el.querySelector('[slot=\"description\"]')) && (\n        <div class=\"description\">\n          <slot name=\"description\">{this.description}</slot>\n        </div>\n      ),\n      (this.errorDescription ||\n        this.el.querySelector('[slot=\"error-description\"]')) && (\n        <div hidden={!this.error} class=\"error-description\">\n          <slot name=\"error-description\">{this.errorDescription}</slot>\n        </div>\n      ),\n    ];\n  }\n\n  /**\n   * Main render method that decides which mode to render\n   * @returns {any} The JSX for the component\n   */\n  render() {\n    return this.options ? this.renderOptionsMode() : this.renderSlotsMode();\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-82568ec7.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as e,h as a,H as r,g as n}from"./p-d0a33e64.js";import{c}from"./p-8a1a6e56.js";import{u as i,t as l}from"./p-42301d8f.js";import{u as s}from"./p-1daca48a.js";const d="nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge:not(.with-gap).is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge.badge-error{color:var(--color-feedback-error-low-text);background-color:var(--color-feedback-error-low-background);border-color:var(--color-feedback-error-low-border)}nv-badge.badge-error .close:focus,nv-badge.badge-error .close:focus-within{outline:none}nv-badge.badge-error .close:focus-visible,nv-badge.badge-error .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-error-low-content, var(--color-feedback-error-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-error nv-icon{color:var(--color-feedback-error-low-icon)}nv-badge.badge-information{color:var(--color-feedback-information-low-text);background-color:var(--color-feedback-information-low-background);border-color:var(--color-feedback-information-low-border)}nv-badge.badge-information .close:focus,nv-badge.badge-information .close:focus-within{outline:none}nv-badge.badge-information .close:focus-visible,nv-badge.badge-information .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-information-low-content, var(--color-feedback-information-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-information nv-icon{color:var(--color-feedback-information-low-icon)}nv-badge.badge-neutral{color:var(--color-feedback-neutral-low-text);background-color:var(--color-feedback-neutral-low-background);border-color:var(--color-feedback-neutral-low-border)}nv-badge.badge-neutral .close:focus,nv-badge.badge-neutral .close:focus-within{outline:none}nv-badge.badge-neutral .close:focus-visible,nv-badge.badge-neutral .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-neutral-low-content, var(--color-feedback-neutral-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-neutral nv-icon{color:var(--color-feedback-neutral-low-icon)}nv-badge.badge-success{color:var(--color-feedback-success-low-text);background-color:var(--color-feedback-success-low-background);border-color:var(--color-feedback-success-low-border)}nv-badge.badge-success .close:focus,nv-badge.badge-success .close:focus-within{outline:none}nv-badge.badge-success .close:focus-visible,nv-badge.badge-success .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-success-low-content, var(--color-feedback-success-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-success nv-icon{color:var(--color-feedback-success-low-icon)}nv-badge.badge-warning{color:var(--color-feedback-warning-low-text);background-color:var(--color-feedback-warning-low-background);border-color:var(--color-feedback-warning-low-border)}nv-badge.badge-warning .close:focus,nv-badge.badge-warning .close:focus-within{outline:none}nv-badge.badge-warning .close:focus-visible,nv-badge.badge-warning .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-warning-low-content, var(--color-feedback-warning-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-warning nv-icon{color:var(--color-feedback-warning-low-icon)}nv-badge.badge-amber{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-amber .close:focus,nv-badge.badge-amber .close:focus-within{outline:none}nv-badge.badge-amber .close:focus-visible,nv-badge.badge-amber .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-amber-content, var(--color-rainbow-1-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-amber nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-orange{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-orange .close:focus,nv-badge.badge-orange .close:focus-within{outline:none}nv-badge.badge-orange .close:focus-visible,nv-badge.badge-orange .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-orange-content, var(--color-rainbow-2-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-orange nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-turquoise{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-turquoise .close:focus,nv-badge.badge-turquoise .close:focus-within{outline:none}nv-badge.badge-turquoise .close:focus-visible,nv-badge.badge-turquoise .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-turquoise-content, var(--color-rainbow-5-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-turquoise nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-crimson{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-crimson .close:focus,nv-badge.badge-crimson .close:focus-within{outline:none}nv-badge.badge-crimson .close:focus-visible,nv-badge.badge-crimson .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-crimson-content, var(--color-rainbow-6-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-crimson nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-lime{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-lime .close:focus,nv-badge.badge-lime .close:focus-within{outline:none}nv-badge.badge-lime .close:focus-visible,nv-badge.badge-lime .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-lime-content, var(--color-rainbow-9-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-lime nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-petrol{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-petrol .close:focus,nv-badge.badge-petrol .close:focus-within{outline:none}nv-badge.badge-petrol .close:focus-visible,nv-badge.badge-petrol .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-petrol-content, var(--color-rainbow-8-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-petrol nv-icon{color:var(--color-rainbow-8-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important;text-align:center}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";const t=d;const b=class{constructor(a){o(this,a);this.closeClicked=e(this,"closeClicked",7);this.hiddenChanged=e(this,"hiddenChanged",7);this.hiddenChangedComplete=e(this,"hiddenChangedComplete",7);this.dismissal=false;this.color="1";this.label=null;this.leadIcon=null;this.dismissible=false;this.hidden=false;this.preventAutoClose=false;this.isIconOnly=false;this.handleClose=()=>{if(!this.preventAutoClose){this.hidden=true}this.closeClicked.emit()}}handleDismissalChange(o){this.dismissible=o}handleIconChange(o){this.leadIcon=o}async handleHiddenChange(o){this.hiddenChanged.emit(o);if(this._isHidden===true)this._isHidden=o;const{fadeIn:e,fadeOut:a}=s(this.ref,{duration:150});const{collapse:r,expand:n}=i(this.ref,{duration:150});if(o===true)await l(a,r).start();if(o===false)await l(n,e).start();this.hiddenChangedComplete.emit(o);if(this._isHidden===false)this._isHidden=o}componentWillLoad(){if(this.dismissal){this.dismissible=this.dismissal}if(this.icon!=null&&this.icon!=""){this.leadIcon=this.icon}if(this.hidden){this._isHidden=true;const{setCollapsed:o}=i(this.ref);const{setFadeOut:e}=s(this.ref);o();e()}}render(){return a(r,{key:"cde39aa20bdbc6529d317a1f9f0c04f7bf79112e",class:c(`badge-${this.color}`,{"has-close":this.dismissible,"with-gap":this.dismissible||this.label,"visually-hidden":this._isHidden,"is-icon-only":this.isIconOnly})},a("slot",{key:"cd0ebe919619431f096fe87e6e9412cbed88e467",name:"leading-icon"},this.leadIcon&&a("nv-icon",{key:"b010613a9ffe4b9ae027e128ba519c43d4211d7d",name:this.leadIcon,size:"sm"})),a("span",{key:"5035aa8d35272f716442731b9493483835e083c6",class:c({"visually-hidden":this.isIconOnly})},this.label,a("slot",{key:"81a475c0081911d8b4606450ecdf085a4f7e2853"})),this.dismissible&&a("button",{key:"402fe040a11cae0974ffa911b81f781230fd0516",onClick:this.handleClose,class:"close",type:"button"},a("nv-icon",{key:"6f32fa2ae87170963c22bd35cebcf18500426570",name:"x",size:"sm"})))}get ref(){return n(this)}static get watchers(){return{dismissal:["handleDismissalChange"],icon:["handleIconChange"],hidden:["handleHiddenChange"]}}};b.style=t;const g="nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";const v=g;const u=class{constructor(a){o(this,a);this.itemChecked=e(this,"itemChecked",7);this.checked=false;this.disabled=false;this.onFieldcheckboxChanged=o=>{if(this.disabled)return;this.checked=o.detail;this.itemChecked.emit({value:this.value,checked:this.checked,group:this.group})};this.handleClick=()=>{if(this.disabled)return;if(this.el.querySelector("input").checked){this.checked=false}else{this.checked=true}}}render(){return a(r,{key:"7230c0b30bfd5be59114e025748708663f2f16ec",onClick:this.handleClick},a("nv-fieldcheckbox",{key:"f71e4add967442b397b6c36dff1653a2bd0ad91d",checked:this.checked,name:this.label||this.value,label:this.label||this.value,"label-placement":"after",description:this.description,disabled:this.disabled,tabindex:"-1",role:"option",onCheckedChanged:this.onFieldcheckboxChanged}))}get el(){return n(this)}};u.style=v;export{b as nv_badge,u as nv_fielddropdownitemcheck};
-//# sourceMappingURL=p-82568ec7.entry.js.map

package/dist/native/p-82c4bf56.entry.js

@@ -1,2 +0,0 @@
-import{h as t,r as e,c as n,H as r,g as s}from"./p-d0a33e64.js";import{C as a,d as i,W as o}from"./p-e2d0a77d.js";import{c}from"./p-0462f723.js";var d={exports:{}};(function(t,e){!function(e,n){t.exports=n()}(c,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",s="second",a="minute",i="hour",o="day",c="week",d="month",h="quarter",l="year",u="date",f="Invalid Date",p=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,v=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,g={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},y={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),s=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(s,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),s=e.clone().add(r,d),a=n-s<0,i=e.clone().add(r+(a?-1:1),d);return+(-(r+(n-s)/(a?s-i:i-s))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:d,y:l,w:c,d:o,D:u,h:i,m:a,s,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},b="en",w={};w[b]=g;var k="$isDayjsObject",D=function(t){return t instanceof Y||!(!t||!t[k])},M=function t(e,n,r){var s;if(!e)return b;if("string"==typeof e){var a=e.toLowerCase();w[a]&&(s=a),n&&(w[a]=n,s=a);var i=e.split("-");if(!s&&i.length>1)return t(i[0])}else{var o=e.name;w[o]=e,s=o}return!r&&s&&(b=s),s||!r&&b},x=function(t,e){if(D(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new Y(n)},C=y;C.l=M,C.i=D,C.w=function(t,e){return x(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var Y=function(){function g(t){this.$L=M(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[k]=!0}var m=g.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(C.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(p);if(r){var s=r[2]-1||0,a=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],s,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)):new Date(r[1],s,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return C},m.isValid=function(){return!(this.$d.toString()===f)},m.isSame=function(t,e){var n=x(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return x(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<x(t)},m.$g=function(t,e,n){return C.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!C.u(e)||e,h=C.p(t),f=function(t,e){var s=C.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?s:s.endOf(o)},p=function(t,e){return C.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},v=this.$W,g=this.$M,m=this.$D,y="set"+(this.$u?"UTC":"");switch(h){case l:return r?f(1,0):f(31,11);case d:return r?f(1,g):f(0,g+1);case c:var b=this.$locale().weekStart||0,w=(v<b?v+7:v)-b;return f(r?m-w:m+(6-w),g);case o:case u:return p(y+"Hours",0);case i:return p(y+"Minutes",1);case a:return p(y+"Seconds",2);case s:return p(y+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,c=C.p(t),h="set"+(this.$u?"UTC":""),f=(n={},n[o]=h+"Date",n[u]=h+"Date",n[d]=h+"Month",n[l]=h+"FullYear",n[i]=h+"Hours",n[a]=h+"Minutes",n[s]=h+"Seconds",n[r]=h+"Milliseconds",n)[c],p=c===o?this.$D+(e-this.$W):e;if(c===d||c===l){var v=this.clone().set(u,1);v.$d[f](p),v.init(),this.$d=v.set(u,Math.min(this.$D,v.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[C.p(t)]()},m.add=function(r,h){var u,f=this;r=Number(r);var p=C.p(h),v=function(t){var e=x(f);return C.w(e.date(e.date()+Math.round(t*r)),f)};if(p===d)return this.set(d,this.$M+r);if(p===l)return this.set(l,this.$y+r);if(p===o)return v(1);if(p===c)return v(7);var g=(u={},u[a]=e,u[i]=n,u[s]=t,u)[p]||1,m=this.$d.getTime()+r*g;return C.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||f;var r=t||"YYYY-MM-DDTHH:mm:ssZ",s=C.z(this),a=this.$H,i=this.$m,o=this.$M,c=n.weekdays,d=n.months,h=n.meridiem,l=function(t,n,s,a){return t&&(t[n]||t(e,r))||s[n].slice(0,a)},u=function(t){return C.s(a%12||12,t,"0")},p=h||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(v,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return C.s(e.$y,4,"0");case"M":return o+1;case"MM":return C.s(o+1,2,"0");case"MMM":return l(n.monthsShort,o,d,3);case"MMMM":return l(d,o);case"D":return e.$D;case"DD":return C.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return l(n.weekdaysMin,e.$W,c,2);case"ddd":return l(n.weekdaysShort,e.$W,c,3);case"dddd":return c[e.$W];case"H":return String(a);case"HH":return C.s(a,2,"0");case"h":return u(1);case"hh":return u(2);case"a":return p(a,i,!0);case"A":return p(a,i,!1);case"m":return String(i);case"mm":return C.s(i,2,"0");case"s":return String(e.$s);case"ss":return C.s(e.$s,2,"0");case"SSS":return C.s(e.$ms,3,"0");case"Z":return s}return null}(t)||s.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,u,f){var p,v=this,g=C.p(u),m=x(r),y=(m.utcOffset()-this.utcOffset())*e,b=this-m,w=function(){return C.m(v,m)};switch(g){case l:p=w()/12;break;case d:p=w();break;case h:p=w()/3;break;case c:p=(b-y)/6048e5;break;case o:p=(b-y)/864e5;break;case i:p=b/n;break;case a:p=b/e;break;case s:p=b/t;break;default:p=b}return f?p:C.a(p)},m.daysInMonth=function(){return this.endOf(d).$D},m.$locale=function(){return w[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=M(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return C.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},g}(),S=Y.prototype;return x.prototype=S,[["$ms",r],["$s",s],["$m",a],["$H",i],["$W",o],["$M",d],["$y",l],["$D",u]].forEach((function(t){S[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),x.extend=function(t,e){return t.$i||(t(e,Y,x),t.$i=!0),x},x.locale=M,x.isDayjs=D,x.unix=function(t){return x(1e3*t)},x.en=w[b],x.Ls=w,x.p={},x}))})(d);const h=d.exports;var l={exports:{}};(function(t,e){!function(e,n){t.exports=n()}(c,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,r=/\d\d/,s=/\d\d?/,a=/\d*[^-_:/,()\s\d]+/,i={},o=function(t){return(t=+t)+(t>68?1900:2e3)};var c=function(t){return function(e){this[t]=+e}},d=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),n=60*e[1]+(+e[2]||0);return 0===n?0:"+"===e[0]?-n:n}(t)}],h=function(t){var e=i[t];return e&&(e.indexOf?e:e.s.concat(e.f))},l=function(t,e){var n,r=i.meridiem;if(r){for(var s=1;s<=24;s+=1)if(t.indexOf(r(s,0,e))>-1){n=s>12;break}}else n=t===(e?"pm":"PM");return n},u={A:[a,function(t){this.afternoon=l(t,!1)}],a:[a,function(t){this.afternoon=l(t,!0)}],Q:[n,function(t){this.month=3*(t-1)+1}],S:[n,function(t){this.milliseconds=100*+t}],SS:[r,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[s,c("seconds")],ss:[s,c("seconds")],m:[s,c("minutes")],mm:[s,c("minutes")],H:[s,c("hours")],h:[s,c("hours")],HH:[s,c("hours")],hh:[s,c("hours")],D:[s,c("day")],DD:[r,c("day")],Do:[a,function(t){var e=i.ordinal,n=t.match(/\d+/);if(this.day=n[0],e)for(var r=1;r<=31;r+=1)e(r).replace(/\[|\]/g,"")===t&&(this.day=r)}],w:[s,c("week")],ww:[r,c("week")],M:[s,c("month")],MM:[r,c("month")],MMM:[a,function(t){var e=h("months"),n=(h("monthsShort")||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[a,function(t){var e=h("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e}],Y:[/[+-]?\d+/,c("year")],YY:[r,function(t){this.year=o(t)}],YYYY:[/\d{4}/,c("year")],Z:d,ZZ:d};function f(n){var r,s;r=n,s=i&&i.formats;for(var a=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,n,r){var a=r&&r.toUpperCase();return n||s[r]||t[r]||s[a].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,n){return e||n.slice(1)}))}))).match(e),o=a.length,c=0;c<o;c+=1){var d=a[c],h=u[d],l=h&&h[0],f=h&&h[1];a[c]=f?{regex:l,parser:f}:d.replace(/^\[|\]$/g,"")}return function(t){for(var e={},n=0,r=0;n<o;n+=1){var s=a[n];if("string"==typeof s)r+=s.length;else{var i=s.regex,c=s.parser,d=t.slice(r),h=i.exec(d)[0];c.call(e,h),t=t.replace(h,"")}}return function(t){var e=t.afternoon;if(void 0!==e){var n=t.hours;e?n<12&&(t.hours+=12):12===n&&(t.hours=0),delete t.afternoon}}(e),e}}return function(t,e,n){n.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(o=t.parseTwoDigitYear);var r=e.prototype,s=r.parse;r.parse=function(t){var e=t.date,r=t.utc,a=t.args;this.$u=r;var o=a[1];if("string"==typeof o){var c=!0===a[2],d=!0===a[3],h=c||d,l=a[2];d&&(l=a[2]),i=this.$locale(),!c&&l&&(i=n.Ls[l]),this.$d=function(t,e,n,r){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var s=f(e)(t),a=s.year,i=s.month,o=s.day,c=s.hours,d=s.minutes,h=s.seconds,l=s.milliseconds,u=s.zone,p=s.week,v=new Date,g=o||(a||i?1:v.getDate()),m=a||v.getFullYear(),y=0;a&&!i||(y=i>0?i-1:v.getMonth());var b,w=c||0,k=d||0,D=h||0,M=l||0;return u?new Date(Date.UTC(m,y,g,w,k,D,M+60*u.offset*1e3)):n?new Date(Date.UTC(m,y,g,w,k,D,M)):(b=new Date(m,y,g,w,k,D,M),p&&(b=r(b).week(p).toDate()),b)}catch(t){return new Date("")}}(e,o,r,n),this.init(),l&&!0!==l&&(this.$L=this.locale(l).$L),h&&e!=this.format(o)&&(this.$d=new Date("")),i={}}else if(o instanceof Array)for(var u=o.length,p=1;p<=u;p+=1){a[1]=o[p-1];var v=n.apply(this,a);if(v.isValid()){this.$d=v.$d,this.$L=v.$L,this.init();break}p===u&&(this.$d=new Date(""))}else s.call(this,t)}}}))})(l);const u=l.exports;var f={exports:{}};(function(t,e){!function(e,n){t.exports=n()}(c,(function(){var t="minute",e=/[+-]\d\d(?::?\d\d)?/g,n=/([+-]|\d\d)/g;return function(r,s,a){var i=s.prototype;a.utc=function(t){var e={date:t,utc:!0,args:arguments};return new s(e)},i.utc=function(e){var n=a(this.toDate(),{locale:this.$L,utc:!0});return e?n.add(this.utcOffset(),t):n},i.local=function(){return a(this.toDate(),{locale:this.$L,utc:!1})};var o=i.parse;i.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t)};var c=i.init;i.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else c.call(this)};var d=i.utcOffset;i.utcOffset=function(r,s){var a=this.$utils().u;if(a(r))return this.$u?0:a(this.$offset)?d.call(this):this.$offset;if("string"==typeof r&&(r=function(t){void 0===t&&(t="");var r=t.match(e);if(!r)return null;var s=(""+r[0]).match(n)||["-",0,0],a=s[0],i=60*+s[1]+ +s[2];return 0===i?0:"+"===a?i:-i}(r),null===r))return this;var i=Math.abs(r)<=16?60*r:r,o=this;if(s)return o.$offset=i,o.$u=0===r,o;if(0!==r){var c=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(i+c,t)).$offset=i,o.$x.$localOffset=c}else o=this.utc();return o};var h=i.format;i.format=function(t){var e=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,e)},i.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},i.isUTC=function(){return!!this.$u},i.toISOString=function(){return this.toDate().toISOString()},i.toString=function(){return this.toDate().toUTCString()};var l=i.toDate;i.toDate=function(t){return"s"===t&&this.$offset?a(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var u=i.diff;i.diff=function(t,e,n){if(t&&this.$u===t.$u)return u.call(this,t,e,n);var r=this.local(),s=a(t).local();return u.call(r,s,e,n)}}}))})(f);const p=f.exports;var v={exports:{}};(function(t,e){!function(e,n){t.exports=n()}(c,(function(){var t="week",e="year";return function(n,r,s){var a=r.prototype;a.week=function(n){if(void 0===n&&(n=null),null!==n)return this.add(7*(n-this.week()),"day");var r=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var a=s(this).startOf(e).add(1,e).date(r),i=s(this).endOf(t);if(a.isBefore(i))return 1}var o=s(this).startOf(e).date(r).startOf(t).subtract(1,"millisecond"),c=this.diff(o,t,!0);return c<0?s(this).startOf("week").week():Math.ceil(c)},a.weeks=function(t){return void 0===t&&(t=null),this.week(t)}}}))})(v);const g=v.exports;h.extend(u);h.extend(p);h.extend(g);function m(t,e){if(!t)return"";const n=e.dateFormat.includes("Z");const r=e.dateFormat==="YYYY-MM-DD[T]HH:mm:ss[Z]";if(r){return t.toISOString()}if(e.dateFormat==="Ticks"){const e=t.getTime()*1e4+621355968e9;return e.toString()}if(e.dateFormat==="X"){return h(t).unix().toString()}if(e.dateFormat==="x"){return t.getTime().toString()}return n?h(t).utc().format(e.dateFormat):h(t).format(e.dateFormat)}function y(t,e,n){if(!t||!e)return false;if(n.isUTCMode){return t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()===e.getUTCMonth()&&t.getUTCDate()===e.getUTCDate()}else{return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}}function b(t,e,n){if(!t||!e)return false;if(n.isUTCMode){return t.getUTCFullYear()<e.getUTCFullYear()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()<e.getUTCMonth()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()===e.getUTCMonth()&&t.getUTCDate()<=e.getUTCDate()}else{return t.getFullYear()<e.getFullYear()||t.getFullYear()===e.getFullYear()&&t.getMonth()<e.getMonth()||t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()<=e.getDate()}}function w(t,e,n){if(!t||!e)return false;if(n.isUTCMode){return t.getUTCFullYear()>e.getUTCFullYear()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()>e.getUTCMonth()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()===e.getUTCMonth()&&t.getUTCDate()>=e.getUTCDate()}else{return t.getFullYear()>e.getFullYear()||t.getFullYear()===e.getFullYear()&&t.getMonth()>e.getMonth()||t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()>=e.getDate()}}function k(t){const e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate()));e.setUTCDate(e.getUTCDate()+3-(e.getUTCDay()+6)%7);const n=new Date(Date.UTC(e.getUTCFullYear(),0,4));return 1+Math.round(((e.getTime()-n.getTime())/864e5-3+(n.getUTCDay()+6)%7)/7)}function D(t,e){if(t instanceof Date)return t;const n=e.includes("Z");if(typeof t==="string"&&/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/.test(t)){try{const e=new Date(t);if(!isNaN(e.getTime())){return e}}catch(t){console.error("Error parsing ISO date:",t)}}if(e==="X"){const e=Number(t);if(isNaN(e))return null;return n?h.unix(e).utc().toDate():h.unix(e).toDate()}if(e==="x"){const e=Number(t);if(isNaN(e))return null;return n?h(e).utc().toDate():h(e).toDate()}if(e==="Ticks"){const e=Number(t);if(isNaN(e))return null;const r=(e-621355968e9)/1e4;return n?h(r).utc().toDate():h(r).toDate()}let r;if(n){r=h.utc(t,e,true)}else{r=h(t,e,true)}if(!r.isValid()){const n=typeof t==="string"&&(t.includes("_")||t.includes("-_")||t.includes("/_")||t.includes("._"));const r=typeof t==="string"&&t.length<e.length&&/^[\d\-/.]*$/.test(t)&&t.length>0;const s=n||r;if(!s){console.error(`Parsing error:`,{dateInput:t,dateFormat:e})}return null}return r.toDate()}const M=e=>{const{date:n,dayOfMonth:r,isCurrentMonth:s,isSelected:a,isInRange:i,isStart:o,isEnd:c,isToday:d,isDisabled:h,onClick:l}=e;const u=["day",a?"selected":"",o?"range-start":"",c?"range-end":"",i?"in-range":"",h?"disabled":"",!s?"outside-month":"",d?"is-today":""].filter(Boolean).join(" ");const f=()=>{if(!h&&l){l(n)}};return t("div",{class:u,onClick:f,"aria-disabled":h},r)};const x=e=>{const{onReset:n,onConfirm:r,useSlot:s=false}=e;return t("div",{class:"datepicker-actions"},s?t("slot",{name:"actions"},t("nv-button",{emphasis:"low",size:"xs",onClick:n},"Cancel"),t("nv-button",{size:"xs",onClick:r},"OK")):t("div",null,t("nv-button",{emphasis:"low",size:"xs",onClick:n},"Cancel"),t("nv-button",{size:"xs",onClick:r},"OK")))};const C=e=>{const{weeks:n,localizedWeekText:r,selectionType:s,onWeekSelect:a,calendarIndex:i}=e;const o=t=>{if(s==="range"){const e=t.map((t=>t.date));a(e,i)}};const c=t=>()=>o(t);return t("div",{class:"week-numbers"},t("div",{class:"week-header"},r),n.map(((e,n)=>{var r;const a=((r=e.find((t=>t.date)))===null||r===void 0?void 0:r.date)||new Date;const i=k(a);const o=s==="range";return t("div",{class:`week-number ${o?"clickable":""}`,onClick:c(e),key:`week-${n}`,role:o?"button":undefined,tabindex:o?0:undefined},i)})))};const Y=e=>{const{shortcuts:n,placement:r,onShortcutClick:s}=e;if(!n||n.length===0){return null}const a=t=>()=>s(t);return t("div",{class:`shortcuts-container shortcuts-placement-${r}`},n.map(((e,n)=>t("nv-button",{key:`shortcut-${n}`,emphasis:"lower",size:"xs","aria-label":e.label,onClick:a(e)},e.label))))};const S=e=>{const{currentDate:n,months:r,numberOfCalendars:s,calendarIndex:a,monthOffset:i,onMonthChange:o,onMonthSelect:c,onYearChange:d}=e;const h=t=>()=>o(t);const l=t=>e=>c(e,t);const u=t=>e=>d(e,t);const f=(n.getUTCMonth()+i)%12;const p=n.getUTCFullYear()+Math.floor((n.getUTCMonth()+i)/12);return t("div",{class:"header"},s>1&&a===0&&t("nv-iconbutton",{class:"nav-left",emphasis:"lower",name:"chevron-left",onClick:h(-1)}),t("div",{class:"date-controls"},t("select",{class:"month-select mr-4",onChange:l(i)},r.map((e=>t("option",{key:e.value,value:e.value,selected:e.value===f},e.label)))),t("input",{type:"number",class:"year-input",min:"1950",max:"2100",value:p,onChange:u(i)})),s===1&&t("div",{class:"nav-buttons"},t("nv-iconbutton",{emphasis:"lower",name:"chevron-left",onClick:h(-1)}),t("nv-iconbutton",{emphasis:"lower",name:"chevron-right",onClick:h(1)})),s>1&&a===s-1&&t("nv-iconbutton",{emphasis:"lower",name:"chevron-right",onClick:h(1),class:"nav-right"}))};const T=e=>{const{days:n,dayNames:r,selectionType:s,selectedDate:a,startDate:i,endDate:o,isUTCMode:c,onDayClick:d,isDateInRange:h,isToday:l}=e;return t("div",{class:"days-container"},t("div",{class:"days-header"},r.map(((e,n)=>t("div",{class:"day-header",key:`day-header-${n}`},e)))),t("div",{class:"days-grid"},n.map((e=>{const n=e.date;if(!n)return null;const r=s==="single"&&y(n,a,{isUTCMode:c});const u=h(n);const f=y(n,i,{isUTCMode:c});const p=y(n,o,{isUTCMode:c});const v=l(n);return t(M,{date:n,dayOfMonth:e.dayOfMonth,isCurrentMonth:e.isCurrentMonth,isSelected:r,isInRange:u,isStart:f,isEnd:p,isToday:v,isDisabled:e.isDisabled,selectionType:s,onClick:d})}))))};const $='nv-calendar{display:block}.datepicker-root{display:flex;justify-content:center;align-items:flex-start;width:auto}.datepicker-container{font-family:system-ui, sans-serif;display:flex;flex-direction:column;align-items:stretch;background:var(--components-calendar-background);border-radius:var(--calendar-radius);padding:var(--calendar-padding);box-shadow:0px var(--shadow-y-axis-md-1) var(--shadow-blur-md-1) var(--shadow-spread-md, 0) var(--shadow-color-opacity-0), 0px var(--shadow-y-axis-md-2) var(--shadow-blur-md-2) var(--shadow-spread-md, 0) var(--shadow-color-opacity-2);border:1px solid var(--components-calendar-border);width:auto;max-width:100%}.datepicker-container-single{max-width:300px}.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-left),.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-container-single:has(.shortcuts-placement-left),.datepicker-container-single:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:var(--calendar-gap-x);width:auto;overflow-x:hidden}.datepicker-wrapper::-webkit-scrollbar{width:6px;height:6px}.datepicker-wrapper::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}.datepicker-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}.datepicker-wrapper.single{justify-content:center}.calendar-container{display:flex;flex-direction:column;align-items:center;padding:var(--calendar-padding);width:auto;position:relative}.calendar-separator{width:1px;background:var(--components-calendar-border);height:auto;min-height:100%;margin:0 10px}.header{display:flex;justify-content:start;align-items:center;margin-bottom:var(--calendar-header-margin-bottom);width:100%}.header nv-iconbutton{width:var(--calendar-header-button-size);height:var(--calendar-header-button-size)}.nav-buttons{display:flex;gap:var(--spacing-0);margin-left:auto}.nav-left{order:-1}.date-controls{display:flex;gap:var(--spacing-1);align-items:center;min-height:34px;justify-content:center}.datepicker-container-single .date-controls{justify-content:flex-start}.datepicker-container:not(.datepicker-container-single) .date-controls{justify-content:start;flex-grow:1}.date-controls .month-select,.date-controls .year-input{background:transparent !important}.calendar-wrapper:nth-child(n+2) .datepicker-container{margin-left:42px}.calendar-grid{display:grid;grid-template-columns:auto 1fr;column-gap:var(--calendar-weeks-calendar-gap-x);position:relative}.calendar-grid.slide-left{animation:slideLeft 0.3s ease-out}.calendar-grid.slide-right{animation:slideRight 0.3s ease-out}.week-numbers{display:grid;grid-template-rows:var(--calendar-cell-size) repeat(6, var(--calendar-cell-size));background:var(--components-calendar-weeks-background);color:var(--components-calendar-weeks-text);border-radius:var(--calendar-weeks-radius);width:var(--calendar-weeks-size);row-gap:var(--calendar-grid-gap-y)}.week-numbers .clickable{cursor:pointer}.week-numbers .clickable:hover{background-color:var(--components-calendar-weeks-background-hover);color:var(--components-calendar-weeks-text-hover);border-radius:var(--calendar-radius)}.week-header,.week-number{display:grid;place-items:center;font-size:var(--calendar-cell-font-size)}.week-header{font-weight:700;color:var(--components-calendar-weeks-text)}.week-number{color:var(--components-calendar-cell-text)}.days-container{display:grid;grid-template-rows:auto 1fr;row-gap:var(--calendar-grid-gap-y)}.days-header{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));height:var(--calendar-cell-size)}.day-header{display:grid;place-items:center;font-size:var(--calendar-cell-font-size);color:var(--components-calendar-cell-text)}.days-grid{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));grid-template-rows:repeat(6, var(--calendar-cell-size));animation:fadeIn 0.2s ease-in;row-gap:var(--calendar-grid-gap-y);z-index:0}.day{display:grid;place-items:center;width:var(--calendar-cell-size);height:var(--calendar-cell-size);font-size:var(--calendar-cell-font-size);border-radius:var(--calendar-cell-radius);cursor:pointer;border:none;background:transparent;transition:all 0.2s ease;text-align:center;animation:scaleIn 0.2s ease-out}.day:hover:not(.disabled,.empty,.selected){background:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}.day.selected,.day.selected:hover .day.is-today.selected,.day.is-today.selected:hover{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected) !important}.day.disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.day.outside-month{color:var(--components-calendar-cell-text);opacity:var(--opacity-disabled)}.day.outside-month.selected{opacity:1 !important;color:var(--components-calendar-cell-text-selected)}.day.outside-month.in-range{opacity:0.5 !important;background-color:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range)}.day.outside-month.in-range:hover{opacity:0.7 !important;background-color:var(--components-calendar-cell-background-in-range)}.day.in-range{background:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range);border-radius:0;position:relative}.day.range-start,.day.range-start:focus,.day.range-start:hover,.day.range-end,.day.range-end:focus,.day.range-end:hover{background-color:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected) !important}.day.range-start,.day.range-end,.day.range-start.is-today,.day.range-end.is-today{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected);position:relative;border-radius:var(--radius-rounded-full)}.day.range-start:hover,.day.range-end:hover,.day.range-start.is-today:hover,.day.range-end.is-today:hover{color:var(--components-calendar-cell-text-today)}.day.range-start:before,.day.range-end:before,.day.range-start.is-today:before,.day.range-end.is-today:before{content:"";position:absolute;bottom:0;left:0;right:0;top:0;z-index:-1;background-color:var(--components-calendar-cell-background-in-range);border-radius:var(--radius-rounded-full);width:auto;height:auto}.day.range-start:has(~.range-end):before,.day.range-start:has(+.in-range):before{border-top-right-radius:0;border-bottom-right-radius:0}.day.range-end:before{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.day.outside-month.range-start,.day.outside-month.range-end{opacity:1 !important;background:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected)}.day.is-today{font-weight:700;position:relative;color:var(--components-calendar-cell-text-today)}.day.is-today.range-start,.day.is-today.range-end{color:var(--components-calendar-cell-text-selected)}.day.is-today.range-start:hover,.day.is-today.range-end:hover{color:var(--components-calendar-cell-text-today)}.day.is-today::after{content:"";position:absolute;bottom:var(--spacing-1);left:50%;transform:translateX(-50%);width:var(--calendar-cell-dot-size);height:var(--calendar-cell-dot-size);background-color:currentColor;border-radius:50%}.day.is-today.selected::after{color:var(--components-calendar-cell-text-selected)}.day.is-today.selected::after::after{background-color:var(--components-calendar-cell-dot-selected)}.calendar-footer{display:flex;gap:var(--spacing-1);justify-content:flex-start;width:100%;flex-wrap:wrap}.footer-placement-left{justify-content:flex-start}.footer-placement-right{justify-content:flex-end}.footer-placement-center{justify-content:center}.datepicker-controls{display:flex;flex-direction:column;border-top:1px solid var(--components-calendar-border);padding:var(--calendar-controls-padding-top) var(--calendar-padding) var(--calendar-padding);gap:var(--calendar-grid-gap-y);margin-top:var(--calendar-controls-margin-top)}.datepicker-actions{display:flex;justify-content:flex-end;gap:var(--spacing-1);width:100%}.datepicker-actions slot-fb{display:contents !important}.calendar-footer+.datepicker-actions{margin-top:0}.shortcuts-placement-left,.shortcuts-placement-right{display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:var(--spacing-4)}.shortcuts-placement-left{align-items:flex-end}.shortcuts-placement-right{align-items:flex-start}@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}';const z=$;const _=class{constructor(r){e(this,r);this.singleDateChange=n(this,"singleDateChange",7);this.rangeDateChange=n(this,"rangeDateChange",7);this.valueChanged=n(this,"valueChanged",7);this.firstDayOfWeek=1;this.numberOfCalendars=1;this.value="";this.locale="en-BE";this.dateFormat="YYYY-MM-DD";this.shortcutsPlacement="bottom";this.selectionType="single";this.showActions=false;this.parsedDisabledDates=[];this.currentDate=null;this.selectedDate=null;this.startDate=null;this.endDate=null;this.months=[];this.parseUnifiedValue=t=>{if(!t){this.selectedDate=null;this.startDate=null;this.endDate=null;return}const e=t.split(",").map((t=>t.trim())).filter(Boolean);if(this.selectionType==="single"&&e.length>=1){const t=D(e[0],this.dateFormat);if(t){this.selectedDate=t;if(!this.showActions){this.singleValue=e[0]}const n=this.el.getAttribute("data-prevent-navigation")==="true";if(!n){this.currentDate=t}}else{console.warn(`Invalid date format: ${e[0]}`);this.selectedDate=null;if(!this.showActions){this.singleValue=""}}}else if(this.selectionType==="range"&&e.length>=2){const t=D(e[0],this.dateFormat);const n=D(e[1],this.dateFormat);if(t&&n){this.startDate=t;this.endDate=n;if(!this.showActions){this.rangeValue={start:e[0],end:e[1]}}const r=this.el.getAttribute("data-prevent-navigation")==="true";if(!r){this.currentDate=t}}else{console.warn(`Invalid date range format: ${e[0]}, ${e[1]}`);this.startDate=null;this.endDate=null;if(!this.showActions){this.rangeValue={start:"",end:""}}}}};this.changeMonth=t=>{const e=new Date(this.currentDate);e.setUTCMonth(e.getUTCMonth()+t);const n=this.el.querySelectorAll(".calendar-grid");n.forEach((e=>{e.classList.remove("slide-left","slide-right");const n=t>0?"slide-left":"slide-right";e.classList.add(n);setTimeout((()=>{e.classList.remove(n)}),300)}));this.currentDate=e};this.handleDateSelection=t=>{if(this.isDateDisabled(t)){return}if(this.selectionType==="single"){this.handleSingleSelection(t)}else{this.handleRangeSelection(t)}};this.handleSingleSelection=t=>{if(!t)return;const e=m(t,{dateFormat:this.dateFormat});this.selectedDate=t;this.value=e;this.valueChanged.emit(e);if(!this.showActions){this.singleValue=e;this.singleDateChange.emit(e)}};this.handleRangeSelection=t=>{if(!this.startDate||this.startDate&&this.endDate){this.startDate=t;this.endDate=null}else{this.endDate=t;if(this.startDate>this.endDate){[this.startDate,this.endDate]=[this.endDate,this.startDate]}const e=m(this.startDate,{dateFormat:this.dateFormat});const n=m(this.endDate,{dateFormat:this.dateFormat});this.value=`${e},${n}`;this.valueChanged.emit(this.value);if(!this.showActions){const t={start:e,end:n};this.rangeDateChange.emit(t);this.rangeValue=t}}};this.isDateDisabled=t=>{if(!t)return true;if(this.min){const e=D(this.min,this.dateFormat);if(e&&t<e){return true}}if(this.max){const e=D(this.max,this.dateFormat);if(e&&t>e){return true}}return this.parsedDisabledDates.some((e=>y(t,e,{isUTCMode:this.isUTCMode})))};this.isDateInRange=t=>{if(!t||!this.startDate||!this.endDate)return false;const e=D(t,this.dateFormat);const n=D(this.startDate,this.dateFormat);const r=D(this.endDate,this.dateFormat);if(isNaN(n.getTime())||isNaN(r.getTime())){return false}if(n>r)return false;return w(e,n,{isUTCMode:this.isUTCMode})&&b(e,r,{isUTCMode:this.isUTCMode})};this.getDayNames=()=>{let t;if(a[this.locale]){t=[...a[this.locale]]}else{const e=new Intl.DateTimeFormat(this.locale,{weekday:"short"});t=[...Array(7)].map(((t,n)=>e.format(new Date(2023,0,n+2)).toUpperCase()))}if(this.firstDayOfWeek===0){return[t[6],...t.slice(0,6)]}else if(this.firstDayOfWeek===1){return t}else{const e=this.firstDayOfWeek-1;return[...t.slice(e),...t.slice(0,e)]}};this.getDaysInMonth=(t=0,e=1)=>{const n=this.currentDate.getUTCFullYear();const r=this.currentDate.getUTCMonth()+t;const s=new Date(Date.UTC(n,r,1));const a=new Date(Date.UTC(n,r+1,0));const i=[];const o=s.getUTCDay();const c=(o-this.firstDayOfWeek+7)%7;if(t===0&&c>0){const t=new Date(Date.UTC(n,r,0)).getUTCDate();for(let e=c;e>0;e--){const s=new Date(Date.UTC(n,r-1,t-e+1));i.push({dayOfMonth:s.getUTCDate(),date:s,isCurrentMonth:false,isDisabled:this.isDateDisabled(s)})}}for(let t=1;t<=a.getUTCDate();t++){const e=new Date(Date.UTC(n,r,t));i.push({dayOfMonth:t,date:e,isCurrentMonth:true,isDisabled:this.isDateDisabled(e)})}if(t===e-1){const t=7-(i.length%7||7);for(let e=1;e<=t;e++){const t=new Date(Date.UTC(n,r+1,e));i.push({dayOfMonth:e,date:t,isCurrentMonth:false,isDisabled:this.isDateDisabled(t)})}}return i};this.initializeMonths=()=>{if(i[this.locale]){this.months=i[this.locale].map(((t,e)=>({value:e,label:t})));return}const t=new Intl.DateTimeFormat(this.locale,{month:"short"});this.months=Array.from({length:12},((e,n)=>({value:n,label:t.format(new Date(2e3,n,1)).toUpperCase()})))};this.getLocalizedWeekText=()=>o[this.locale]||"W";this.handleMonthChange=(t,e=0)=>{const n=t.target;const r=parseInt(n.value,10);const s=this.currentDate.getUTCMonth();const a=r-(s+e)%12;const i=new Date(this.currentDate);i.setUTCMonth(i.getUTCMonth()+a);this.currentDate=i};this.handleYearChange=(t,e=0)=>{const n=t.target;const r=parseInt(n.value,10);if(!isNaN(r)&&r>=1900&&r<=2100){const t=new Date(this.currentDate);t.setUTCFullYear(r);t.setUTCMonth(t.getUTCMonth()+e);this.currentDate=t}};this.handleWeekSelection=(t,e)=>{if(this.selectionType!=="range")return;const n=this.getDaysInMonth(e,this.numberOfCalendars);const r=t[0];const s=t[t.length-1];if(!r||!s)return;const a=n.filter((t=>t.date&&t.date>=r&&t.date<=s));const i=a.filter((t=>!this.isDateDisabled(t.date)));if(i.length>0){this.startDate=i[0].date;this.endDate=i[i.length-1].date;this.rangeDateChange.emit({start:m(this.startDate,{dateFormat:this.dateFormat}),end:m(this.endDate,{dateFormat:this.dateFormat})})}};this.isToday=t=>{const e=new Date;return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()};this.parseDisabledDates=()=>{if(!this.disabledDates){this.parsedDisabledDates=[];return}try{this.parsedDisabledDates=this.disabledDates.map((t=>D(t,this.dateFormat))).filter((t=>t!==null))}catch(t){console.error("Error parsing disabled dates:",t);this.parsedDisabledDates=[]}};this.applyShortcut=t=>{this.selectedDate=null;this.startDate=null;this.endDate=null;if(t.singleValue){const e=D(t.singleValue,this.dateFormat);this.selectedDate=e;const n=m(e,{dateFormat:this.dateFormat});this.value=n;this.valueChanged.emit(n);this.singleValue=n;this.singleDateChange.emit(n);if(!this.showActions){const t=new CustomEvent("closePopover",{bubbles:true,composed:true});this.el.dispatchEvent(t)}this.forceCalendarUpdate(e)}else{const e=D(t.rangeValue.start,this.dateFormat);const n=D(t.rangeValue.end,this.dateFormat);this.startDate=e;this.endDate=n;const r=m(e,{dateFormat:this.dateFormat});const s=m(n,{dateFormat:this.dateFormat});this.value=`${r},${s}`;this.valueChanged.emit(this.value);const a={start:r,end:s};this.rangeDateChange.emit(a);this.rangeValue=a;if(!this.showActions){const t=new CustomEvent("closePopover",{bubbles:true,composed:true});this.el.dispatchEvent(t)}this.currentDate=e}};this.forceCalendarUpdate=t=>{this.currentDate=new Date(t)};this.resetSelection=()=>{if(this.selectionType==="single"){this.selectedDate=null;this.singleValue=null;this.value="";this.singleDateChange.emit("");this.valueChanged.emit("")}else{this.startDate=null;this.endDate=null;this.rangeValue=null;this.value="";this.rangeDateChange.emit({start:"",end:""});this.valueChanged.emit("")}};this.confirmSelection=()=>{if(this.selectionType==="single"&&this.selectedDate){const t=m(this.selectedDate,{dateFormat:this.dateFormat});this.singleDateChange.emit(t);this.singleValue=t;const e=new CustomEvent("closePopover",{bubbles:true,composed:true});this.el.dispatchEvent(e)}else if(this.selectionType==="range"&&this.startDate&&this.endDate){this.rangeDateChange.emit({start:m(this.startDate,{dateFormat:this.dateFormat}),end:m(this.endDate,{dateFormat:this.dateFormat})});this.rangeValue={start:m(this.startDate,{dateFormat:this.dateFormat}),end:m(this.endDate,{dateFormat:this.dateFormat})};const t=new CustomEvent("closePopover",{bubbles:true,composed:true});this.el.dispatchEvent(t)}};this.renderHeader=(e,n)=>t(S,{currentDate:this.currentDate,months:this.months,numberOfCalendars:this.numberOfCalendars,calendarIndex:n,monthOffset:e,onMonthChange:this.changeMonth,onMonthSelect:this.handleMonthChange,onYearChange:this.handleYearChange});this.renderWeekNumbers=(e,n)=>t(C,{weeks:e,localizedWeekText:this.getLocalizedWeekText(),selectionType:this.selectionType,onWeekSelect:this.handleWeekSelection,calendarIndex:n});this.renderCalendar=(e,n)=>{const r=this.getDaysInMonth(n,this.numberOfCalendars);const s=[];for(let t=0;t<r.length;t+=7){s.push(r.slice(t,t+7))}return t("div",{class:"calendar-wrapper"},t("div",{class:"calendar-container",key:`calendar-${e}`},this.renderHeader(n,e),t("div",{class:"calendar-grid"},this.showWeekNumbers&&this.renderWeekNumbers(s,e),t(T,{days:r,dayNames:this.getDayNames(),selectionType:this.selectionType,selectedDate:this.selectedDate,startDate:this.startDate,endDate:this.endDate,isUTCMode:this.isUTCMode,onDayClick:this.handleDateSelection,isDateInRange:this.isDateInRange,isToday:this.isToday}))),e<this.numberOfCalendars-1&&t("div",{class:"calendar-separator"}))};this.renderShortcuts=()=>{if(!this.hasShortcuts){return null}return t(Y,{shortcuts:this.shortcuts,placement:this.shortcutsPlacement,onShortcutClick:this.applyShortcut})};this.renderActions=()=>t("div",{class:"datepicker-actions"},t("slot",{name:"actions"},t(x,{onReset:this.resetSelection,onConfirm:this.confirmSelection,useSlot:false})))}validateNumberOfCalendars(t){if(t<1||t>4){console.warn("numberOfCalendars must be between 1 and 4. Defaulting to 1.");this.numberOfCalendars=1}}onRangeValueChange(t){if(t&&t.start&&t.end){try{const{startDate:e,endDate:n}=this.validateDateRange(t.start,t.end);this.startDate=e;this.endDate=n;const r=this.el.getAttribute("data-prevent-navigation")==="true";if(!r){this.currentDate=e}}catch(t){console.error("Invalid rangeValue:",t)}}}handleDisabledDatesChange(){this.parseDisabledDates()}onSingleValueChange(t,e){if(this.selectionType==="single"&&t!==e&&t){const e=D(t,this.dateFormat);if(e){this.selectedDate=e;const t=this.el.getAttribute("data-prevent-navigation")==="true";if(!t){this.currentDate=e}}}}onValueChange(t,e){if(t!==e){this.parseUnifiedValue(t)}}componentWillLoad(){this.parseDisabledDates();if(this.value){this.parseUnifiedValue(this.value)}else if(this.selectionType==="single"&&this.singleValue){this.selectedDate=D(this.singleValue,this.dateFormat);this.currentDate=this.selectedDate}else if(this.selectionType==="range"&&this.rangeValue){try{if(this.rangeValue.start&&this.rangeValue.end){const{startDate:t,endDate:e,swapped:n}=this.validateDateRange(this.rangeValue.start,this.rangeValue.end);this.startDate=t;this.endDate=e;this.currentDate=t;if(n){this.rangeValue={start:m(t,{dateFormat:this.dateFormat}),end:m(e,{dateFormat:this.dateFormat})}}}}catch(t){console.error("Invalid rangeValue:",t)}}if(!this.currentDate){this.currentDate=new Date}this.initializeMonths()}get hasShortcuts(){return Boolean(this.shortcutsPlacement&&this.shortcuts)}get hasActions(){return this.showActions}get isUTCMode(){return this.dateFormat.includes("Z")}validateDateRange(t,e){try{const n=D(t,this.dateFormat);const r=D(e,this.dateFormat);if(n&&r&&n>r){console.warn(`Warning: startDate (${m(n,{dateFormat:this.dateFormat})}) is after endDate (${m(r,{dateFormat:this.dateFormat})})`);return{startDate:r,endDate:n,swapped:true}}return{startDate:n,endDate:r,swapped:false}}catch(t){console.error("Invalid date range:",t);throw t}}render(){return t(r,{key:"43d4f3ab9199e9c5f15e853f15283fa59e4a436d"},t("div",{key:"b9956225cb2c16d997aa44266af8f8c8222ea968",class:"datepicker-root"},t("div",{key:"05b63935bc5ebf500bb52d10688385f994b47fb4",class:`datepicker-container ${this.numberOfCalendars===1?"datepicker-container-single":""}`},t("div",{key:"d7af15b9ce051026cf841b3be361b32d8db41fc1",class:`datepicker-wrapper ${this.numberOfCalendars===1?"single":""}`},this.shortcutsPlacement==="left"&&this.renderShortcuts(),Array.from({length:this.numberOfCalendars},((t,e)=>this.renderCalendar(e,e))),this.shortcutsPlacement==="right"&&this.renderShortcuts()),(this.hasShortcuts&&this.shortcutsPlacement==="bottom"||this.hasActions)&&t("div",{key:"1765334bf15564bc9886b210c54bddba64c7042e",class:"datepicker-controls"},this.shortcutsPlacement==="bottom"&&this.renderShortcuts(),this.hasActions&&this.renderActions()))),t("slot",{key:"0ac3446394b8c23b859e5f0065370b95b6fd05d2"}))}get el(){return s(this)}static get watchers(){return{numberOfCalendars:["validateNumberOfCalendars"],rangeValue:["onRangeValueChange"],disabledDates:["handleDisabledDatesChange"],singleValue:["onSingleValueChange"],value:["onValueChange"]}}};_.style=z;export{_ as nv_calendar};
-//# sourceMappingURL=p-82c4bf56.entry.js.map