@nova-design-system/nova-webcomponents 3.11.0 → 3.13.0

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

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

package/dist/native/{p-2d647761.entry.js → p-f5eb047e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a,H as s}from"./p-d0a33e64.js";import{c as n}from"./p-8a1a6e56.js";const c="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const e=c;const i=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"6a314d1f6679d4cbbd01fc08ce54fc0f7709e3e0",class:n(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gap-x-${this.gutter}`,this.gutter&&this.vertical&&`gap-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"d3c5d0fd8f44b23a3cfae00aa39de8722babca2a"}))}};i.style=e;export{i as nv_stack};
-//# sourceMappingURL=p-2d647761.entry.js.map
+import{r as t,h as a,H as s}from"./p-d0a33e64.js";import{c as n}from"./p-8a1a6e56.js";const c="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const e=c;const i=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"66123f22ad4a6ebefe8663c795274eb900d2c178",class:n(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gap-x-${this.gutter}`,this.gutter&&this.vertical&&`gap-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"7b3d395c3490664f0e2f337a04f69cc717ed6c0e"}))}};i.style=e;export{i as nv_stack};
+//# sourceMappingURL=p-f5eb047e.entry.js.map

package/dist/native/p-fb560fa3.js

@@ -0,0 +1,2 @@
+import{i as o}from"./p-ee0df37f.js";import{a as t}from"./p-42ea6b74.js";const e=(e,{duration:n=200,amount:a=.8,hasFade:r=true}={})=>{const s=o(e);function i(){return new Promise((o=>{t({from:{opacity:r?0:1,scale:a},to:{opacity:1,scale:1},duration:n,onUpdate(o){const t={scale:o.scale};if(r){t["opacity"]=o.opacity}s.set(t)},onComplete(){o();if(r){e.style.removeProperty("opacity")}e.style.removeProperty("transform")}})}))}function c(){e.style.transform=`scale(${a})`;if(r){e.style.opacity="0"}}function f(){e.style.transform=`scale(1)`;if(r){e.style.opacity="1"}}function u(){return new Promise((o=>{t({from:{opacity:1,scale:1},to:{opacity:r?0:1,scale:a},duration:n,onUpdate(o){const t={scale:o.scale};if(r){t["opacity"]=o.opacity}s.set(t)},onComplete(){o()}})}))}return{growIn:i,growOut:u,setGrowOut:c,setGrowIn:f}};export{e as u};
+//# sourceMappingURL=p-fb560fa3.js.map

package/dist/native/{p-8d45dbfe.js.map → p-fb560fa3.js.map}

@@ -1 +1 @@
-{"version":3,"names":["useGrow","node","duration","amount","hasFade","nodeStyler","styler","growIn","Promise","resolve","animate","from","opacity","scale","to","onUpdate","latest","updates","set","onComplete","style","removeProperty","setGrowOut","transform","setGrowIn","growOut"],"sources":["src/animations/grow.animation.ts"],"sourcesContent":["import { animate } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type GrowOptions = {\n  /** How long the animation should take in ms @default 200 */\n  duration?: number;\n  /** The amount to scale the element by @default 0.8 */\n  amount?: number;\n  /** Whether to include a fade effect in the animation @default true */\n  hasFade?: boolean;\n};\n\nconst useGrow = (\n  node: HTMLElement,\n  { duration = 200, amount = 0.8, hasFade = true }: GrowOptions = {},\n) => {\n  const nodeStyler = styler(node);\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element grow and fade in,\n   * and removes the scale and opacity style attributes once complete.\n   */\n  function growIn() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: hasFade ? 0 : 1, scale: amount },\n        to: { opacity: 1, scale: 1 },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n          if (hasFade) {\n            node.style.removeProperty('opacity');\n          }\n          node.style.removeProperty('transform');\n        },\n      });\n    });\n  }\n\n  /**\n   * Applies the growOut styles without animating, useful when the initial\n   * state is hidden.\n   */\n  function setGrowOut() {\n    node.style.transform = `scale(${amount})`;\n    if (hasFade) {\n      node.style.opacity = '0';\n    }\n  }\n\n  /**\n   * Applies the growIn styles without animating, useful when the initial\n   * state is visible.\n   */\n  function setGrowIn() {\n    node.style.transform = `scale(1)`;\n    if (hasFade) {\n      node.style.opacity = '1';\n    }\n  }\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element shrink and fade out,\n   * leaving the scale and opacity styles on the element.\n   */\n  function growOut() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: 1, scale: 1 },\n        to: { opacity: hasFade ? 0 : 1, scale: amount },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n        },\n      });\n    });\n  }\n\n  return {\n    growIn,\n    growOut,\n    setGrowOut,\n    setGrowIn,\n  };\n};\n\nexport { useGrow };\n"],"mappings":"iDAYMA,EAAU,CACdC,GACEC,WAAW,IAAKC,SAAS,GAAKC,UAAU,MAAsB,MAEhE,MAAMC,EAAaC,EAAOL,GAM1B,SAASM,IACP,OAAO,IAAIC,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACzCW,GAAI,CAAEF,QAAS,EAAGC,MAAO,GACzBX,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,IACA,GAAIL,EAAS,CACXH,EAAKmB,MAAMC,eAAe,U,CAE5BpB,EAAKmB,MAAMC,eAAe,Y,GAE5B,G,CAQN,SAASC,IACPrB,EAAKmB,MAAMG,UAAY,SAASpB,KAChC,GAAIC,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASY,IACPvB,EAAKmB,MAAMG,UAAY,WACvB,GAAInB,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASa,IACP,OAAO,IAAIjB,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAAS,EAAGC,MAAO,GAC3BC,GAAI,CAAEF,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACvCD,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,G,GAEF,G,CAIN,MAAO,CACLF,SACAkB,UACAH,aACAE,YACD,S","ignoreList":[]}
+{"version":3,"names":["useGrow","node","duration","amount","hasFade","nodeStyler","styler","growIn","Promise","resolve","animate","from","opacity","scale","to","onUpdate","latest","updates","set","onComplete","style","removeProperty","setGrowOut","transform","setGrowIn","growOut"],"sources":["src/animations/grow.animation.ts"],"sourcesContent":["import { animate } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type GrowOptions = {\n  /** How long the animation should take in ms @default 200 */\n  duration?: number;\n  /** The amount to scale the element by @default 0.8 */\n  amount?: number;\n  /** Whether to include a fade effect in the animation @default true */\n  hasFade?: boolean;\n};\n\nconst useGrow = (\n  node: HTMLElement,\n  { duration = 200, amount = 0.8, hasFade = true }: GrowOptions = {},\n) => {\n  const nodeStyler = styler(node);\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element grow and fade in,\n   * and removes the scale and opacity style attributes once complete.\n   */\n  function growIn() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: hasFade ? 0 : 1, scale: amount },\n        to: { opacity: 1, scale: 1 },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n          if (hasFade) {\n            node.style.removeProperty('opacity');\n          }\n          node.style.removeProperty('transform');\n        },\n      });\n    });\n  }\n\n  /**\n   * Applies the growOut styles without animating, useful when the initial\n   * state is hidden.\n   */\n  function setGrowOut() {\n    node.style.transform = `scale(${amount})`;\n    if (hasFade) {\n      node.style.opacity = '0';\n    }\n  }\n\n  /**\n   * Applies the growIn styles without animating, useful when the initial\n   * state is visible.\n   */\n  function setGrowIn() {\n    node.style.transform = `scale(1)`;\n    if (hasFade) {\n      node.style.opacity = '1';\n    }\n  }\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element shrink and fade out,\n   * leaving the scale and opacity styles on the element.\n   */\n  function growOut() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: 1, scale: 1 },\n        to: { opacity: hasFade ? 0 : 1, scale: amount },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n        },\n      });\n    });\n  }\n\n  return {\n    growIn,\n    growOut,\n    setGrowOut,\n    setGrowIn,\n  };\n};\n\nexport { useGrow };\n"],"mappings":"8EAYMA,EAAU,CACdC,GACEC,WAAW,IAAKC,SAAS,GAAKC,UAAU,MAAsB,MAEhE,MAAMC,EAAaC,EAAOL,GAM1B,SAASM,IACP,OAAO,IAAIC,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACzCW,GAAI,CAAEF,QAAS,EAAGC,MAAO,GACzBX,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,IACA,GAAIL,EAAS,CACXH,EAAKmB,MAAMC,eAAe,U,CAE5BpB,EAAKmB,MAAMC,eAAe,Y,GAE5B,G,CAQN,SAASC,IACPrB,EAAKmB,MAAMG,UAAY,SAASpB,KAChC,GAAIC,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASY,IACPvB,EAAKmB,MAAMG,UAAY,WACvB,GAAInB,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASa,IACP,OAAO,IAAIjB,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAAS,EAAGC,MAAO,GAC3BC,GAAI,CAAEF,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACvCD,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,G,GAEF,G,CAIN,MAAO,CACLF,SACAkB,UACAH,aACAE,YACD,S","ignoreList":[]}

package/dist/types/animations/collapse.animation.d.ts

@@ -1,8 +1,16 @@
 export type CollapseOptions = {
-    /** How long the animation should take in ms @default 200 */
+    /**
+     * Duration of the expand/collapse animation in milliseconds.
+     * @default 200
+     */
     duration?: number;
+    /**
+     * Set the overflow state while animating.
+     * @default "hidden"
+     */
+    overflow?: 'hidden' | 'visible';
 };
-declare const useCollapse: (node: HTMLElement, { duration }?: CollapseOptions) => {
+declare const useCollapse: (node: HTMLElement, { duration, overflow }?: CollapseOptions) => {
     collapse: () => Promise<void>;
     expand: () => Promise<void>;
     setCollapsed: () => void;

package/dist/types/animations/index.d.ts

@@ -1,4 +1,5 @@
 export * from './collapse.animation';
 export * from './fade.animation';
 export * from './grow.animation';
+export * from './slide.animation';
 export * from './timeline.animation';

package/dist/types/animations/slide.animation.d.ts

@@ -0,0 +1,11 @@
+export type SlideOptions = {
+    /** How long the animation should take in ms @default 200 */
+    duration?: number;
+};
+declare const useSlide: (node: HTMLElement, { duration }?: SlideOptions) => {
+    slideIn: () => Promise<void>;
+    slideOut: () => Promise<void>;
+    setSlideOut: () => void;
+    setSlideIn: () => void;
+};
+export { useSlide };

package/dist/types/animations/timeline.animation.d.ts

@@ -15,4 +15,20 @@
 declare const timeline: (...animations: Array<() => Promise<void>>) => {
     start: () => Promise<void>;
 };
-export { timeline };
+/**
+ * Will execute a series of animation promises in parallel.
+ * This is useful for running multiple animations simultaneously.
+ *
+ * @param {Array<() => Promise<void>>} animations - The array of animation functions.
+ * @returns {Object} - An object with a `start` method to begin the parallel animations.
+ *
+ * @example
+ * const { fadeOut } = useFade(this.ref);
+ * const { slideOut } = useSlide(this.containerRef);
+ *
+ * parallel(fadeOut, slideOut).start();
+ */
+declare const parallel: (...animations: Array<() => Promise<void>>) => {
+    start: () => Promise<void[]>;
+};
+export { timeline, parallel };

package/dist/types/components/nv-accordion/nv-accordion.d.ts

@@ -30,10 +30,7 @@ export declare class NvAccordion {
      */
     openIndexes?: number[];
     /****************************************************************************/
-    /**
-     * Internal index of open items (not exposed)
-     */
-    internalOpenIndexes: number[];
+    private updatingFromInternal;
     /**
      * Reference to host element to access children
      */
@@ -64,7 +61,7 @@ export declare class NvAccordion {
      */
     private toggleItem;
     /**
-     * Updates the open state of child elements based on internalOpenIndexes
+     * Updates the open state of child elements based on openIndexes
      */
     private updateChildrenState;
     /**
@@ -73,10 +70,11 @@ export declare class NvAccordion {
      */
     onItemToggle(event: CustomEvent<boolean>): void;
     /****************************************************************************/
+    onOpenIndexesChange(newValue: number[] | undefined, oldValue: number[] | undefined): void;
+    onModeChange(): void;
     /****************************************************************************/
     componentWillLoad(): void;
-    componentDidLoad(): void;
-    componentWillUpdate(): void;
+    componentDidLoad(): Promise<void>;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-accordion-item/nv-accordion-item.d.ts

@@ -9,26 +9,41 @@ export declare class NvAccordionItem {
     el: HTMLNvAccordionItemElement;
     private contentRef?;
     private mutationObserver?;
+    private isToggling;
     /****************************************************************************/
-    /** Item title (displayed if header slot is absent) */
+    /**
+     * Item title (displayed if header slot is absent)
+     */
     readonly itemTitle?: string;
-    /** Item subtitle (displayed if header slot is absent) */
+    /**
+     * Item subtitle (displayed if header slot is absent)
+     */
     readonly subtitle?: string;
-    /** Open or closed */
+    /**
+     * Open or closed
+     */
     open: boolean;
-    /** Disables the item */
+    /**
+     * Disables the item
+     */
     readonly disabled: boolean;
-    /** Maximum content height (in px, optional). If not defined, auto height. */
+    /**
+     * Maximum content height (in px, optional). If not defined, auto height.
+     */
     readonly maxContentHeight?: number;
-    /** Parent expansion mode (accordion or multi) */
+    /**
+     * Parent expansion mode (accordion or multi)
+     */
     readonly mode?: 'accordion' | 'multi';
     /****************************************************************************/
     /**
-     * Event emitted on toggle (header click)
+     * Event emitted on toggle (header click or programmatic change)
      */
     itemToggle: EventEmitter<boolean>;
     /****************************************************************************/
-    /** Internal state for open/close rendering */
+    /**
+     * Internal state for open/close rendering
+     */
     currentOpenState: boolean;
     /**
      * Controls if the panel has been initialized for animations

package/dist/types/components/nv-alert/nv-alert.d.ts

@@ -4,7 +4,7 @@ import { DeprecatedSemanticColors, FeedbackColors } from '../../utils/constants'
  * @slot default - Use this slot to insert HTML into the alert content.
  */
 export declare class NvAlert {
-    ref: HTMLNvAlertElement;
+    el: HTMLNvAlertElement;
     /****************************************************************************/
     /**
      * Defines color of the alert.

package/dist/types/components/nv-calendar/nv-calendar.d.ts

@@ -93,6 +93,10 @@ export declare class NvCalendar {
      * Show week numbers
      */
     readonly showWeekNumbers: boolean;
+    /** Sets the label for the cancel button in actions. */
+    readonly cancelLabel: string;
+    /** Sets the label for the primary (OK) button in actions. */
+    readonly primaryLabel: string;
     /** Cache for parsed disabled dates */
     private parsedDisabledDates;
     /** Flag to indicate a user click for selection */

package/dist/types/components/nv-calendar/partials/calendar-actions.d.ts

@@ -7,6 +7,10 @@ interface CalendarActionsProps {
     onReset: () => void;
     /** Handler for confirm/OK action */
     onConfirm: () => void;
+    /** Label for the cancel button */
+    cancelLabel?: string;
+    /** Label for the primary button */
+    primaryLabel?: string;
     /** Whether to show the default actions or use slot content */
     useSlot?: boolean;
 }

package/dist/types/components/nv-dialogfooter/nv-dialogfooter.d.ts

@@ -38,11 +38,13 @@ export declare class NvDialogfooter {
      */
     readonly primaryLabel: string;
     /**
-     * Sets the type of the primary button.
+     * Sets the type of the primary button. If using a form, this will default to
+     * 'submit' if nothing passed.
      */
-    readonly primaryButtonType: `${ButtonType}`;
+    primaryButtonType: `${ButtonType}`;
     /**
-     * Sets the form for the dialog footer.
+     * A form inside the dialog can be submitted through the dialog footer by
+     * giving the form an id and passing that id to the form attribute.
      */
     readonly form: string;
     /****************************************************************************/
@@ -51,7 +53,8 @@ export declare class NvDialogfooter {
      */
     dialogCanceled: EventEmitter<void>;
     /**
-     * Emitted when the primary button is clicked. This allows to handle the primary action and potential data capture before closing the dialog.
+     * Emitted when the primary button is clicked. This allows to handle the
+     * primary action and potential data capture before closing the dialog.
      */
     dialogPrimaryClicked: EventEmitter<void>;
     /****************************************************************************/
@@ -67,6 +70,7 @@ export declare class NvDialogfooter {
     private handleCancel;
     /****************************************************************************/
     componentWillLoad(): void;
+    componentDidLoad(): void;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-fieldslider/nv-fieldslider.d.ts

@@ -38,7 +38,8 @@ export declare class NvFieldslider {
     /**
      * Enables an optional numeric input field alongside the slider, allowing
      * users to type a value directly instead of—or in addition to—using the
-     * slider handle.
+     * slider handle. The field accepts numeric values in the format based on
+     * client-side local settings.
      */
     readonly hasField: boolean;
     /**
@@ -208,7 +209,7 @@ export declare class NvFieldslider {
     private onKeyDown;
     /**
      * Handles field input value changes.
-     * @param {Event} event - The input event
+     * @param {FieldInputProps['onInput']} details - The parsed value and index
      */
     private handleFieldChange;
     /****************************************************************************/

package/dist/types/components/nv-fieldslider/partials/field-input.d.ts

@@ -2,7 +2,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 /**
  * Props for the FieldInput component
  */
-interface FieldInputProps {
+export interface FieldInputProps {
     /** Whether this is a range slider */
     range: boolean;
     /** Whether to show the input field */
@@ -26,7 +26,12 @@ interface FieldInputProps {
     /** Whether the slider is readonly */
     readonly: boolean;
     /** Handler for input changes */
-    onInput: (event: Event) => void;
+    onInput: (details: {
+        /** Parsed value */
+        value: number;
+        /** Index (0 or 1) for range mode, ignored in single mode */
+        index?: number;
+    }) => void;
     /** Label to display before the value */
     labelBeforeValue?: string;
     /** Label to display after the value */
@@ -42,4 +47,3 @@ interface FieldInputProps {
  * @returns {JSX.Element} JSX element representing the field input
  */
 export declare const FieldInput: FunctionalComponent<FieldInputProps>;
-export {};

package/dist/types/components/nv-icon/nv-icons.d.ts

@@ -1,3 +1,3 @@
 /** Available icons */
-export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "eraser-off", "eraser", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "sizemd", "sizesm", "sizexl", "sizexs", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
+export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "alert-triangle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "cookie", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "empty", "engine", "eraser-off", "eraser", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-exclamation", "user-minus", "user-off", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x"];
 export type IconName = (typeof iconNames)[number];

package/dist/types/components/nv-notification/nv-notification.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { FeedbackColors, NotificationEmphasis } from '../../utils/constants';
+/**
+ * @slot heading - Use this slot to insert HTML as the notification title.
+ * @slot content - Use this slot to insert HTML as the notification message.
+ * @slot actions - Use this slot for custom actions.
+ */
+export declare class NvNotification {
+    el: HTMLNvNotificationElement;
+    private container;
+    private headingSlot;
+    private messageSlot;
+    private actionsSlot;
+    /****************************************************************************/
+    /**
+     * Set a unique ID for the notification. Used for aria attributes and managing
+     * multiple notifications.
+     */
+    readonly uid: string;
+    /**
+     * Specifies the notification type which determines the color and default icon.
+     */
+    readonly feedback: `${FeedbackColors}`;
+    /**
+     * Adjusts the emphasis to make the notification more or less visually
+     * prominent to users. Use this to draw attention to important actions or
+     * reduce focus on less critical ones
+     */
+    readonly emphasis: `${NotificationEmphasis}`;
+    /**
+     * Short and concise text for the notification title.
+     */
+    readonly heading: string;
+    /**
+     * Main content for the notification. For more complex content, use the
+     * content slot instead.
+     */
+    readonly message: string;
+    /**
+     * Icon associated with the notification, defaults vary based on the feedback
+     * type.
+     */
+    readonly icon: string;
+    /**
+     * Allows the notification to be dismissed via a close button (x). The
+     * notification is not dismissible unless explicitly enabled.
+     */
+    readonly dismissible: boolean;
+    /**
+     * Controls the visibility of the notification.
+     */
+    hidden: boolean;
+    /****************************************************************************/
+    dismiss(): Promise<void>;
+    /****************************************************************************/
+    /**
+     * Emits when the 'hidden' prop changes, reflecting a change in visibility.
+     * Passes hidden value to the detail.
+     * @bind hidden
+     */
+    hiddenChanged: EventEmitter<boolean>;
+    /****************************************************************************/
+    private iconByFeedback;
+    private roleByFeedback;
+    private getDefaultIcon;
+    private getAriaRole;
+    private getAriaLive;
+    private getHeadingId;
+    private getMessageId;
+    private dismissAnimation;
+    /****************************************************************************/
+    componentWillLoad(): void;
+    /****************************************************************************/
+    render(): any;
+}

package/dist/types/components/nv-notification/nv-notification.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvNotificationDocs: NovaDocs<Components.NvNotification>;
+export default NvNotificationDocs;