@ds-mo/ui 15.1.1 → 15.3.0

package/dist/components/ds-slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["sliderCss","sliderId","sliderExternalLabelId","Slider","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","value","min","max","step","minStepsBetweenValues","showValue","size","orientation","thumbAlignment","disabled","readOnly","isInactive","ariaLabel","startLabel","endLabel","valueTexts","valuePrefix","valueSuffix","rangeSeparator","formDisabled","dragging","focused","touched","activeThumbIndex","generatedId","labelId","initialValue","lastCommittedValue","pointerId","pointerStartValue","controlEl","handleNativeInput","event","index","input","target","isDisabled","String","resolvedValues","setValueAt","Number","handleNativeChange","commitIfChanged","handleKeyDown","includes","key","preventDefault","handleFocus","handleBlur","next","relatedTarget","Node","el","contains","handleHostClick","inputs","querySelectorAll","Math","length","focus","handlePointerDown","button","valueFromPointer","closestThumbIndex","cloneValue","publicValue","setPointerCapture","requestAnimationFrame","preventScroll","handlePointerMove","componentWillLoad","syncFormValue","componentDidLoad","syncNativeLabels","values","isRange","setRepeatedFormControlValue","internals","name","inactive","setFormControlValue","state","formDisabledCallback","formResetCallback","formStateRestoreCallback","restored","restoreNumberArrayFormState","restoreStringFormState","isFinite","setFocus","Array","isArray","safeStep","safeMin","safeMax","minimum","minimumGap","steps","floor","maximum","snap","raw","lower","upper","gap","valuesEqual","a","b","every","decimalPlaces","text","toLowerCase","split","candidate","stepped","round","precision","toFixed","percent","allowedMin","allowedMax","previous","constrained","nextValue","dsChange","emit","current","dsCommit","label","ariaLabelledby","ids","from","labels","map","id","externalLabelledby","join","formattedValue","authored","valueText","number","Intl","NumberFormat","locale","formatOptions","format","ariaValueText","undefined","pointerPercent","control","rect","getBoundingClientRect","thumb","querySelector","thumbSize","offsetWidth","offsetHeight","inset","travel","height","bottom","clientY","width","clientX","left","targetElement","closest","dataset","lowerDistance","abs","upperDistance","endPointerInteraction","canceled","hasPointerCapture","releasePointerCapture","renderThumb","inputId","rangeLabel","labelledby","directLabel","h","class","slider__thumb","style","type","ariaDescribedby","onInput","onChange","onKeyDown","onFocus","onBlur","render","first","last","firstInputId","dirty","valueDisplay","Host","slider","onClick","as","variant","color","emphasis","for","textId","fontFeature","ref","element","onPointerDown","onPointerMove","onPointerUp","onPointerCancel"],"sources":["src/wc/components/Slider/Slider.css?tag=ds-slider&encapsulation=scoped","src/wc/components/Slider/Slider.tsx"],"sourcesContent":["@import '../../utils/control-inactive.css';\n@import '../../utils/field-stack.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n  --ds-slider-control-size: var(--dimension-size-400);\n  --ds-slider-thumb-size: var(--dimension-size-200);\n  --ds-slider-track-size: var(--dimension-size-100);\n  --ds-slider-track-stroke: var(--dimension-stroke-width-012);\n  --ds-slider-vertical-length: calc(var(--dimension-size-800) * 3);\n  box-sizing: border-box;\n  width: 100%;\n  color: var(--color-foreground-primary);\n}\n\n:host(.slider--sm) {\n  --ds-slider-control-size: var(--dimension-size-300);\n  --ds-slider-thumb-size: var(--dimension-size-150);\n  --ds-slider-track-size: var(--dimension-size-075);\n}\n\n:host(.slider--xs) {\n  --ds-slider-control-size: var(--dimension-size-200);\n  --ds-slider-thumb-size: var(--dimension-size-100);\n  --ds-slider-track-size: var(--dimension-size-050);\n}\n\n:host(.slider--vertical) {\n  width: fit-content;\n  min-width: var(--dimension-form-width-xs);\n}\n\n.slider__label-row {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--dimension-space-100);\n  min-width: 0;\n}\n\n.slider__label {\n  min-width: 0;\n}\n\n.slider__value {\n  flex-shrink: 0;\n}\n\n.slider__control {\n  position: relative;\n  width: 100%;\n  height: var(--ds-slider-control-size);\n  border-radius: var(--dimension-radius-half);\n  cursor: default;\n  touch-action: none;\n  user-select: none;\n}\n\n:host(.slider--vertical) .slider__control {\n  align-self: center;\n  width: var(--ds-slider-control-size);\n  height: var(--ds-slider-vertical-length);\n}\n\n:host(.slider--readonly) .slider__control {\n  cursor: default;\n}\n\n/* Inactive: `.ds-control-inactive` (50% opacity) on the host. */\n:host(.ds-control-inactive) .slider__control {\n  cursor: not-allowed;\n}\n\n.slider__rail {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  left: 0;\n  height: var(--ds-slider-track-size);\n  overflow: hidden;\n  border-radius: var(--dimension-radius-025);\n  background-color: transparent;\n  box-shadow: inset 0 0 0 var(--ds-slider-track-stroke) var(--color-border-secondary);\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n\n:host(.slider--thumb-center) .slider__rail {\n  right: calc(var(--ds-slider-thumb-size) / 2);\n  left: calc(var(--ds-slider-thumb-size) / 2);\n}\n\n.slider__indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n  border-radius: inherit;\n  background-color: var(--color-background-bold-brand);\n}\n\n:host(.slider--range) .slider__indicator {\n  left: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n  width: calc(\n    ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n}\n\n:host(.slider--thumb-center) .slider__indicator {\n  left: calc(var(--ds-slider-start-pct, 0) * 1%);\n  width: calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%);\n}\n\n.slider__thumb {\n  position: absolute;\n  top: 50%;\n  left: calc((var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-thumb-size)));\n  width: var(--ds-slider-thumb-size);\n  height: var(--ds-slider-thumb-size);\n  transform: translateY(-50%);\n  z-index: 1;\n}\n\n.slider__thumb--active {\n  z-index: 2;\n}\n\n.slider__input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  opacity: 0;\n  appearance: none;\n  pointer-events: none;\n  z-index: 2;\n}\n\n.slider__thumb-visual {\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  overflow: visible;\n  border-radius: var(--dimension-radius-025);\n  background-color: var(--color-background-primary);\n  box-shadow: var(--effect-elevation-elevated-sm);\n  pointer-events: none;\n  transition:\n    background-color var(--effect-motion-short-2),\n    box-shadow var(--effect-motion-short-2);\n}\n\n.slider__thumb-wash {\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background-color: transparent;\n  transition: background-color var(--effect-motion-short-2);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  :host(:not(.slider--readonly):not(.ds-control-inactive))\n    .slider__thumb:hover\n    .slider__thumb-wash {\n    background-color: var(--color-interaction-hover);\n  }\n}\n\n:host([data-dragging]:not(.slider--readonly):not(.ds-control-inactive))\n  .slider__thumb--active\n  .slider__thumb-wash {\n  background-color: var(--color-interaction-pressed);\n}\n\n.slider__input:focus-visible + .slider__thumb-visual,\n:host([data-review-focus]) .slider__thumb[data-index='0'] .slider__thumb-visual {\n  outline: var(--dimension-stroke-width-025) solid var(--color-interaction-focus);\n  outline-offset: var(--dimension-space-025);\n}\n\n:host(.slider--vertical) .slider__rail {\n  top: 0;\n  right: auto;\n  bottom: 0;\n  left: 50%;\n  width: var(--ds-slider-track-size);\n  height: auto;\n  transform: translateX(-50%);\n}\n\n:host(.slider--vertical.slider--thumb-center) .slider__rail {\n  top: calc(var(--ds-slider-thumb-size) / 2);\n  bottom: calc(var(--ds-slider-thumb-size) / 2);\n}\n\n:host(.slider--vertical) .slider__indicator {\n  top: auto;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: auto;\n  height: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n}\n\n:host(.slider--vertical.slider--range) .slider__indicator {\n  bottom: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n  height: calc(\n    ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n}\n\n:host(.slider--vertical.slider--thumb-center) .slider__indicator {\n  bottom: calc(var(--ds-slider-start-pct, 0) * 1%);\n  height: calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%);\n}\n\n:host(.slider--vertical) .slider__thumb {\n  top: auto;\n  bottom: calc((var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-thumb-size)));\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .slider__thumb-visual,\n  .slider__thumb-wash {\n    transition: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .slider__rail {\n    border: var(--ds-slider-track-stroke) solid var(--ds-forced-color-content);\n    box-shadow: none;\n  }\n\n  .slider__indicator {\n    background-color: var(--ds-forced-color-selected);\n  }\n\n  .slider__thumb-visual {\n    border: var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);\n    background-color: var(--ds-forced-color-surface);\n    box-shadow: none;\n  }\n\n  .slider__input:focus-visible + .slider__thumb-visual,\n  :host([data-review-focus]) .slider__thumb[data-index='0'] .slider__thumb-visual {\n    outline-color: var(--ds-forced-color-selected);\n  }\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  restoreNumberArrayFormState,\n  restoreStringFormState,\n  setFormControlValue,\n  setRepeatedFormControlValue,\n} from '../../utils';\n\nexport type SliderValue = number | number[];\nexport type SliderSize = 'md' | 'sm' | 'xs';\nexport type SliderOrientation = 'horizontal' | 'vertical';\nexport type SliderThumbAlignment = 'edge' | 'center';\n\nlet sliderId = 0;\nlet sliderExternalLabelId = 0;\n\n@Component({\n  tag: 'ds-slider',\n  styleUrl: 'Slider.css',\n  scoped: true,\n  formAssociated: true,\n})\nexport class Slider {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  /** Current value. Assign a two-number array through the JavaScript property for a range slider. */\n  @Prop({ mutable: true }) value: SliderValue = 0;\n  @Prop() min: number = 0;\n  @Prop() max: number = 100;\n  @Prop() step: number = 1;\n  /** Minimum number of steps kept between two range thumbs. */\n  @Prop() minStepsBetweenValues: number = 0;\n  /** Visible field label. Supply aria-label when the label is intentionally hidden. */\n  @Prop() label: string | undefined;\n  /** Show the formatted current value beside the visible label. */\n  @Prop() showValue: boolean = true;\n  @Prop() size: SliderSize = 'md';\n  @Prop() orientation: SliderOrientation = 'horizontal';\n  /** Align the thumb edge with full-width rail endpoints, or its center with inset rail endpoints. */\n  @Prop() thumbAlignment: SliderThumbAlignment = 'edge';\n  @Prop({ reflect: true }) name: string | undefined;\n  @Prop({ reflect: true }) form: string | undefined;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Keep the value focusable and submittable while preventing changes. */\n  @Prop({ reflect: true }) readOnly: boolean = false;\n  @Prop() isInactive: boolean = false;\n  /** Direct accessible name for a single-thumb slider without a visible label. */\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n  /** Id references for a visible single-thumb slider label. */\n  @Prop({ attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined;\n  /** Id references for supporting guidance or error text. */\n  @Prop({ attribute: 'aria-describedby' }) ariaDescribedby: string | undefined;\n  /** Accessible label for the lower thumb in a range slider. */\n  @Prop() startLabel: string = 'Minimum value';\n  /** Accessible label for the upper thumb in a range slider. */\n  @Prop() endLabel: string = 'Maximum value';\n  /** Human-readable value text for a single slider or both range thumbs. */\n  @Prop() valueText: string | undefined;\n  /** Per-thumb human-readable value text for a range slider. Assign through the JavaScript property. */\n  @Prop() valueTexts: string[] = [];\n  /** Locale used by Intl.NumberFormat for the visible value. */\n  @Prop() locale: string | undefined;\n  /** Intl.NumberFormat options. Assign objects through the JavaScript property. */\n  @Prop() formatOptions: Intl.NumberFormatOptions | undefined;\n  @Prop() valuePrefix: string = '';\n  @Prop() valueSuffix: string = '';\n  @Prop() rangeSeparator: string = '–';\n  /** Id applied to the first native range input. */\n  @Prop() inputId: string | undefined;\n\n  /** Emitted continuously while the value changes. */\n  @Event() dsChange!: EventEmitter<SliderValue>;\n  /** Emitted when a pointer or keyboard value change is committed. */\n  @Event() dsCommit!: EventEmitter<SliderValue>;\n\n  @State() private formDisabled = false;\n  @State() private dragging = false;\n  @State() private focused = false;\n  @State() private touched = false;\n  @State() private activeThumbIndex = 0;\n  @State() private externalLabelledby: string | undefined;\n\n  private readonly generatedId = `ds-slider-${++sliderId}`;\n  private readonly labelId = `${this.generatedId}-label`;\n  private initialValue: SliderValue = 0;\n  private lastCommittedValue: SliderValue = 0;\n  private pointerId: number | null = null;\n  private pointerStartValue: SliderValue = 0;\n  private controlEl: HTMLDivElement | null = null;\n\n  componentWillLoad() {\n    this.initialValue = this.cloneValue(this.publicValue);\n    this.lastCommittedValue = this.cloneValue(this.publicValue);\n    this.syncFormValue();\n  }\n\n  componentDidLoad() {\n    this.syncNativeLabels();\n  }\n\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  @Watch('step')\n  @Watch('minStepsBetweenValues')\n  @Watch('name')\n  @Watch('disabled')\n  @Watch('isInactive')\n  syncFormValue() {\n    const values = this.resolvedValues;\n    if (this.isRange) {\n      setRepeatedFormControlValue(this.internals, this.name, values, {\n        inactive: this.isDisabled,\n      });\n    } else {\n      const value = String(values[0]);\n      setFormControlValue(this.internals, this.name ? value : null, {\n        inactive: this.isDisabled,\n        state: value,\n      });\n    }\n  }\n\n  formDisabledCallback(disabled: boolean) {\n    this.formDisabled = disabled;\n    this.syncFormValue();\n  }\n\n  formResetCallback() {\n    this.value = this.cloneValue(this.initialValue);\n    this.lastCommittedValue = this.cloneValue(this.initialValue);\n    this.dragging = false;\n    this.focused = false;\n    this.touched = false;\n  }\n\n  formStateRestoreCallback(state: string | File | FormData | null) {\n    if (this.isRange) {\n      const restored = restoreNumberArrayFormState(state, 2);\n      this.value = restored.length ? restored : this.cloneValue(this.initialValue);\n    } else {\n      const restored = Number(restoreStringFormState(state, 'NaN'));\n      if (Number.isFinite(restored)) this.value = restored;\n    }\n    this.lastCommittedValue = this.cloneValue(this.publicValue);\n  }\n\n  @Method()\n  async setFocus(index: number = 0) {\n    const inputs = this.el.querySelectorAll<HTMLInputElement>('.slider__input');\n    inputs[Math.max(0, Math.min(index, inputs.length - 1))]?.focus();\n  }\n\n  private get isDisabled(): boolean {\n    return this.disabled || this.isInactive || this.formDisabled;\n  }\n\n  private get isRange(): boolean {\n    return Array.isArray(this.value);\n  }\n\n  private get safeStep(): number {\n    return Number.isFinite(this.step) && this.step > 0 ? this.step : 1;\n  }\n\n  private get safeMin(): number {\n    return Number.isFinite(this.min) ? this.min : 0;\n  }\n\n  private get safeMax(): number {\n    const minimum = this.safeMin;\n    return Number.isFinite(this.max) && this.max > minimum ? this.max : minimum + this.safeStep;\n  }\n\n  private get minimumGap(): number {\n    const steps = Number.isFinite(this.minStepsBetweenValues)\n      ? Math.max(0, Math.floor(this.minStepsBetweenValues))\n      : 0;\n    return steps * this.safeStep;\n  }\n\n  private get resolvedValues(): number[] {\n    const minimum = this.safeMin;\n    const maximum = this.safeMax;\n    if (!this.isRange) return [this.snap(Number(this.value))];\n\n    const raw = this.value as number[];\n    let lower = this.snap(Number(raw[0] ?? minimum));\n    let upper = this.snap(Number(raw[1] ?? maximum));\n    if (lower > upper) [lower, upper] = [upper, lower];\n\n    const gap = Math.min(this.minimumGap, maximum - minimum);\n    if (upper - lower < gap) {\n      upper = Math.min(maximum, this.snap(lower + gap));\n      lower = Math.max(minimum, this.snap(upper - gap));\n    }\n    return [lower, upper];\n  }\n\n  private get publicValue(): SliderValue {\n    const values = this.resolvedValues;\n    return this.isRange ? [...values] : values[0];\n  }\n\n  private cloneValue(value: SliderValue): SliderValue {\n    return Array.isArray(value) ? [...value] : value;\n  }\n\n  private valuesEqual(a: SliderValue, b: SliderValue): boolean {\n    if (Array.isArray(a) && Array.isArray(b)) {\n      return a.length === b.length && a.every((value, index) => value === b[index]);\n    }\n    return !Array.isArray(a) && !Array.isArray(b) && a === b;\n  }\n\n  private decimalPlaces(value: number): number {\n    const text = String(value).toLowerCase();\n    if (text.includes('e-')) return Number(text.split('e-')[1]) || 0;\n    return text.includes('.') ? text.split('.')[1].length : 0;\n  }\n\n  private snap(value: number): number {\n    const minimum = this.safeMin;\n    const maximum = this.safeMax;\n    const candidate = Number.isFinite(value) ? value : minimum;\n    const stepped = minimum + Math.round((candidate - minimum) / this.safeStep) * this.safeStep;\n    const precision = Math.min(\n      10,\n      Math.max(\n        this.decimalPlaces(minimum),\n        this.decimalPlaces(maximum),\n        this.decimalPlaces(this.safeStep)\n      )\n    );\n    return Number(Math.min(maximum, Math.max(minimum, stepped)).toFixed(precision));\n  }\n\n  private percent(value: number): number {\n    return ((value - this.safeMin) / (this.safeMax - this.safeMin)) * 100;\n  }\n\n  private allowedMin(index: number, values = this.resolvedValues): number {\n    return this.isRange && index === 1\n      ? Math.min(this.safeMax, values[0] + this.minimumGap)\n      : this.safeMin;\n  }\n\n  private allowedMax(index: number, values = this.resolvedValues): number {\n    return this.isRange && index === 0\n      ? Math.max(this.safeMin, values[1] - this.minimumGap)\n      : this.safeMax;\n  }\n\n  private setValueAt(index: number, next: number): boolean {\n    const previous = this.publicValue;\n    const values = this.resolvedValues;\n    const constrained = Math.min(\n      this.allowedMax(index, values),\n      Math.max(this.allowedMin(index, values), this.snap(next))\n    );\n    values[index] = constrained;\n    const nextValue: SliderValue = this.isRange ? [...values] : values[0];\n    if (this.valuesEqual(previous, nextValue)) return false;\n\n    this.value = nextValue;\n    this.dsChange.emit(this.cloneValue(nextValue));\n    return true;\n  }\n\n  private commitIfChanged() {\n    const current = this.publicValue;\n    if (this.valuesEqual(current, this.lastCommittedValue)) return;\n    this.lastCommittedValue = this.cloneValue(current);\n    this.dsCommit.emit(this.cloneValue(current));\n  }\n\n  private syncNativeLabels() {\n    if (this.label || this.ariaLabel || this.ariaLabelledby || this.isRange) return;\n    const ids = (Array.from(this.internals.labels) as HTMLLabelElement[]).map(label => {\n      if (!label.id) label.id = `ds-slider-label-${++sliderExternalLabelId}`;\n      return label.id;\n    });\n    if (ids.length) this.externalLabelledby = ids.join(' ');\n  }\n\n  private formattedValue(value: number, index: number): string {\n    const authored = this.valueTexts[index] ?? this.valueText;\n    if (authored) return authored;\n    let number: string;\n    try {\n      number = new Intl.NumberFormat(this.locale, this.formatOptions).format(value);\n    } catch {\n      number = String(value);\n    }\n    return `${this.valuePrefix}${number}${this.valueSuffix}`;\n  }\n\n  private ariaValueText(value: number, index: number): string | undefined {\n    if (\n      this.valueTexts[index] ||\n      this.valueText ||\n      this.valuePrefix ||\n      this.valueSuffix ||\n      this.formatOptions\n    ) {\n      return this.formattedValue(value, index);\n    }\n    return undefined;\n  }\n\n  private handleNativeInput = (event: Event, index: number) => {\n    const input = event.target as HTMLInputElement;\n    this.activeThumbIndex = index;\n    if (this.readOnly || this.isDisabled) {\n      input.value = String(this.resolvedValues[index]);\n      return;\n    }\n    this.setValueAt(index, Number(input.value));\n  };\n\n  private handleNativeChange = () => {\n    if (!this.readOnly && !this.isDisabled) this.commitIfChanged();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (!this.readOnly) return;\n    if (\n      [\n        'ArrowLeft',\n        'ArrowRight',\n        'ArrowUp',\n        'ArrowDown',\n        'Home',\n        'End',\n        'PageUp',\n        'PageDown',\n      ].includes(event.key)\n    ) {\n      event.preventDefault();\n    }\n  };\n\n  private handleFocus = (index: number) => {\n    this.activeThumbIndex = index;\n    this.focused = true;\n  };\n\n  private handleBlur = (event: FocusEvent) => {\n    const next = event.relatedTarget;\n    if (next instanceof Node && this.el.contains(next)) return;\n    this.focused = false;\n    this.touched = true;\n  };\n\n  private handleHostClick = (event: MouseEvent) => {\n    if (event.target !== this.el || this.isDisabled) return;\n    const inputs = this.el.querySelectorAll<HTMLInputElement>('.slider__input');\n    inputs[Math.min(this.activeThumbIndex, inputs.length - 1)]?.focus();\n  };\n\n  private pointerPercent(event: PointerEvent): number {\n    const control = this.controlEl;\n    if (!control) return 0;\n    const rect = control.getBoundingClientRect();\n    const thumb = this.el.querySelector<HTMLElement>('.slider__thumb');\n    const thumbSize = thumb\n      ? this.orientation === 'horizontal'\n        ? thumb.offsetWidth\n        : thumb.offsetHeight\n      : 0;\n    // Both alignment modes keep the complete thumb inside the control. Edge\n    // alignment lets the rail span the control while center alignment insets\n    // the rail to the same thumb-center travel.\n    const inset = thumbSize / 2;\n\n    if (this.orientation === 'vertical') {\n      const travel = Math.max(1, rect.height - inset * 2);\n      return Math.min(1, Math.max(0, (rect.bottom - inset - event.clientY) / travel));\n    }\n\n    const travel = Math.max(1, rect.width - inset * 2);\n    const percent = (event.clientX - rect.left - inset) / travel;\n    return Math.min(1, Math.max(0, percent));\n  }\n\n  private valueFromPointer(event: PointerEvent): number {\n    return this.snap(this.safeMin + this.pointerPercent(event) * (this.safeMax - this.safeMin));\n  }\n\n  private closestThumbIndex(value: number, target: EventTarget | null): number {\n    const targetElement =\n      target instanceof HTMLElement ? target.closest<HTMLElement>('.slider__thumb') : null;\n    if (targetElement?.dataset['index']) return Number(targetElement.dataset['index']);\n    if (!this.isRange) return 0;\n\n    const values = this.resolvedValues;\n    const lowerDistance = Math.abs(value - values[0]);\n    const upperDistance = Math.abs(value - values[1]);\n    if (lowerDistance === upperDistance) return value >= values[0] ? 1 : 0;\n    return lowerDistance < upperDistance ? 0 : 1;\n  }\n\n  private handlePointerDown = (event: PointerEvent) => {\n    if (event.button !== 0 || this.isDisabled || this.readOnly) return;\n    event.preventDefault();\n    const value = this.valueFromPointer(event);\n    const index = this.closestThumbIndex(value, event.target);\n    this.activeThumbIndex = index;\n    this.pointerId = event.pointerId;\n    this.pointerStartValue = this.cloneValue(this.publicValue);\n    this.dragging = true;\n    this.setValueAt(index, value);\n    this.controlEl?.setPointerCapture(event.pointerId);\n    requestAnimationFrame(() => {\n      const input = this.el.querySelectorAll<HTMLInputElement>('.slider__input')[index];\n      input?.focus({ preventScroll: true });\n    });\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    if (this.pointerId !== event.pointerId || !this.dragging) return;\n    event.preventDefault();\n    this.setValueAt(this.activeThumbIndex, this.valueFromPointer(event));\n  };\n\n  private endPointerInteraction(event: PointerEvent, canceled: boolean) {\n    if (this.pointerId !== event.pointerId) return;\n    if (this.controlEl?.hasPointerCapture(event.pointerId))\n      this.controlEl.releasePointerCapture(event.pointerId);\n    this.pointerId = null;\n    this.dragging = false;\n    this.touched = true;\n    if (!canceled && !this.valuesEqual(this.pointerStartValue, this.publicValue))\n      this.commitIfChanged();\n  }\n\n  private renderThumb(value: number, index: number) {\n    const inputId =\n      index === 0\n        ? (this.inputId ?? `${this.generatedId}-input`)\n        : `${this.inputId ?? `${this.generatedId}-input`}-end`;\n    const rangeLabel = index === 0 ? this.startLabel : this.endLabel;\n    const labelledby = this.isRange\n      ? undefined\n      : (this.ariaLabelledby ?? (this.label ? this.labelId : this.externalLabelledby));\n    const directLabel = this.isRange ? rangeLabel : labelledby ? undefined : this.ariaLabel;\n\n    return (\n      <div\n        class={{\n          slider__thumb: true,\n          'slider__thumb--active': index === this.activeThumbIndex,\n        }}\n        data-index={String(index)}\n        style={{ '--ds-slider-thumb-pct': String(this.percent(value)) } as Record<string, string>}\n      >\n        <input\n          class=\"slider__input\"\n          type=\"range\"\n          id={inputId}\n          min={this.allowedMin(index)}\n          max={this.allowedMax(index)}\n          step={this.safeStep}\n          value={value}\n          disabled={this.isDisabled}\n          aria-label={directLabel}\n          aria-labelledby={labelledby}\n          aria-describedby={this.ariaDescribedby}\n          aria-valuetext={this.ariaValueText(value, index)}\n          aria-orientation={this.orientation === 'vertical' ? 'vertical' : undefined}\n          aria-readonly={this.readOnly ? 'true' : undefined}\n          onInput={(event: Event) => this.handleNativeInput(event, index)}\n          onChange={this.handleNativeChange}\n          onKeyDown={this.handleKeyDown}\n          onFocus={() => this.handleFocus(index)}\n          onBlur={this.handleBlur}\n        />\n        <span class=\"slider__thumb-visual\" aria-hidden=\"true\">\n          <span class=\"slider__thumb-wash\" />\n        </span>\n      </div>\n    );\n  }\n\n  render() {\n    const values = this.resolvedValues;\n    const first = values[0];\n    const last = values[values.length - 1];\n    const firstInputId = this.inputId ?? `${this.generatedId}-input`;\n    const dirty = !this.valuesEqual(this.publicValue, this.initialValue);\n    const valueDisplay = values\n      .map((value, index) => this.formattedValue(value, index))\n      .join(` ${this.rangeSeparator} `);\n\n    return (\n      <Host\n        aria-disabled={this.isDisabled ? 'true' : undefined}\n        class={{\n          slider: true,\n          'ds-field-stack': true,\n          [`slider--${this.size}`]: true,\n          [`slider--${this.orientation}`]: true,\n          [`slider--thumb-${this.thumbAlignment}`]: true,\n          'slider--range': this.isRange,\n          'slider--readonly': this.readOnly,\n          'ds-control-inactive': this.isDisabled,\n        }}\n        data-orientation={this.orientation}\n        data-disabled={this.isDisabled ? '' : undefined}\n        data-readonly={this.readOnly ? '' : undefined}\n        data-dragging={this.dragging ? '' : undefined}\n        data-focused={this.focused ? '' : undefined}\n        data-filled=\"\"\n        data-dirty={dirty ? '' : undefined}\n        data-touched={this.touched ? '' : undefined}\n        data-valid={!this.isDisabled ? '' : undefined}\n        onClick={this.handleHostClick}\n      >\n        {(this.label || this.showValue) && (\n          <div class=\"slider__label-row\">\n            {this.label && (\n              <ds-text\n                class=\"slider__label\"\n                as=\"label\"\n                variant=\"text-body-small\"\n                color=\"primary\"\n                emphasis\n                for={firstInputId}\n                textId={this.labelId}\n              >\n                {this.label}\n              </ds-text>\n            )}\n            {this.showValue && (\n              <ds-text\n                class=\"slider__value\"\n                as=\"span\"\n                variant=\"text-body-small\"\n                color=\"primary\"\n                fontFeature=\"tabular-nums\"\n              >\n                {valueDisplay}\n              </ds-text>\n            )}\n          </div>\n        )}\n        <div\n          class=\"slider__control\"\n          ref={element => {\n            this.controlEl = element ?? null;\n          }}\n          style={\n            {\n              '--ds-slider-start-pct': String(this.isRange ? this.percent(first) : 0),\n              '--ds-slider-end-pct': String(this.percent(last)),\n            } as Record<string, string>\n          }\n          onPointerDown={this.handlePointerDown}\n          onPointerMove={this.handlePointerMove}\n          onPointerUp={(event: PointerEvent) => this.endPointerInteraction(event, false)}\n          onPointerCancel={(event: PointerEvent) => this.endPointerInteraction(event, true)}\n        >\n          <div class=\"slider__rail\" aria-hidden=\"true\">\n            <div class=\"slider__indicator\" />\n          </div>\n          {values.map((value, index) => this.renderThumb(value, index))}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["sliderCss","sliderId","sliderExternalLabelId","Slider","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","value","min","max","step","ticks","minStepsBetweenValues","showValue","size","orientation","thumbAlignment","disabled","readOnly","isInactive","ariaLabel","startLabel","endLabel","valueTexts","valuePrefix","valueSuffix","rangeSeparator","formDisabled","dragging","focused","touched","activeThumbIndex","generatedId","labelId","initialValue","lastCommittedValue","pointerId","pointerStartValue","controlEl","handleNativeInput","event","index","input","target","isDisabled","String","resolvedValues","setValueAt","Number","handleNativeChange","commitIfChanged","handleKeyDown","keys","resolvedTicks","length","includes","key","preventDefault","filter","tick","allowedMin","allowedMax","current","forward","next","find","reverse","handleFocus","handleBlur","relatedTarget","Node","el","contains","handleHostClick","inputs","querySelectorAll","Math","focus","handlePointerDown","button","valueFromPointer","closestThumbIndex","cloneValue","publicValue","setPointerCapture","requestAnimationFrame","preventScroll","handlePointerMove","componentWillLoad","syncFormValue","componentDidLoad","syncNativeLabels","values","isRange","setRepeatedFormControlValue","internals","name","inactive","setFormControlValue","state","formDisabledCallback","formResetCallback","formStateRestoreCallback","restored","restoreNumberArrayFormState","restoreStringFormState","isFinite","setFocus","Array","isArray","safeStep","unique","Map","safeMin","safeMax","set","sort","a","b","minimum","minimumGap","steps","floor","span","maximum","snap","raw","lower","upper","gap","valuesEqual","every","decimalPlaces","text","toLowerCase","split","reduce","nearest","abs","candidate","stepped","round","precision","toFixed","percent","previous","constrained","nextValue","dsChange","emit","dsCommit","label","ariaLabelledby","ids","from","labels","map","id","externalLabelledby","join","formattedValue","authored","valueText","number","Intl","NumberFormat","locale","formatOptions","format","ariaValueText","some","undefined","pointerPercent","control","rect","getBoundingClientRect","thumb","querySelector","thumbSize","offsetWidth","offsetHeight","inset","travel","height","bottom","clientY","width","clientX","left","targetElement","closest","dataset","lowerDistance","upperDistance","endPointerInteraction","canceled","hasPointerCapture","releasePointerCapture","renderThumb","inputId","rangeLabel","labelledby","directLabel","h","class","slider__thumb","style","type","ariaDescribedby","onInput","onChange","onKeyDown","onFocus","onBlur","render","first","last","firstInputId","dirty","valueDisplay","Host","slider","Boolean","onClick","as","variant","color","emphasis","for","textId","fontFeature","ref","element","onPointerDown","onPointerMove","onPointerUp","onPointerCancel"],"sources":["src/wc/components/Slider/Slider.css?tag=ds-slider&encapsulation=scoped","src/wc/components/Slider/Slider.tsx"],"sourcesContent":["@import '../../utils/control-inactive.css';\n@import '../../utils/field-stack.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n  --ds-slider-control-size: var(--dimension-size-400);\n  --ds-slider-thumb-size: var(--dimension-size-200);\n  --ds-slider-track-size: var(--dimension-size-100);\n  --ds-slider-track-stroke: var(--dimension-stroke-width-012);\n  --ds-slider-vertical-length: calc(var(--dimension-size-800) * 3);\n  box-sizing: border-box;\n  width: 100%;\n  color: var(--color-foreground-primary);\n}\n\n:host(.slider--sm) {\n  --ds-slider-control-size: var(--dimension-size-300);\n  --ds-slider-thumb-size: var(--dimension-size-150);\n  --ds-slider-track-size: var(--dimension-size-075);\n}\n\n:host(.slider--xs) {\n  --ds-slider-control-size: var(--dimension-size-200);\n  --ds-slider-thumb-size: var(--dimension-size-100);\n  --ds-slider-track-size: var(--dimension-size-050);\n}\n\n:host(.slider--vertical) {\n  width: fit-content;\n  min-width: var(--dimension-form-width-xs);\n}\n\n.slider__label-row {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--dimension-space-100);\n  min-width: 0;\n}\n\n.slider__label {\n  min-width: 0;\n}\n\n.slider__value {\n  flex-shrink: 0;\n}\n\n.slider__control {\n  position: relative;\n  width: 100%;\n  height: var(--ds-slider-control-size);\n  border-radius: var(--dimension-radius-half);\n  cursor: default;\n  touch-action: none;\n  user-select: none;\n}\n\n:host(.slider--vertical) .slider__control {\n  align-self: center;\n  width: var(--ds-slider-control-size);\n  height: var(--ds-slider-vertical-length);\n}\n\n:host(.slider--readonly) .slider__control {\n  cursor: default;\n}\n\n/* Inactive: `.ds-control-inactive` (50% opacity) on the host. */\n:host(.ds-control-inactive) .slider__control {\n  cursor: not-allowed;\n}\n\n.slider__rail {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  left: 0;\n  height: var(--ds-slider-track-size);\n  overflow: hidden;\n  border-radius: var(--dimension-radius-025);\n  background-color: transparent;\n  box-shadow: inset 0 0 0 var(--ds-slider-track-stroke) var(--color-border-secondary);\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n\n:host(.slider--thumb-center) .slider__rail {\n  right: calc(var(--ds-slider-thumb-size) / 2);\n  left: calc(var(--ds-slider-thumb-size) / 2);\n}\n\n.slider__indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n  border-radius: inherit;\n  background-color: var(--color-background-bold-brand);\n}\n\n:host(.slider--range) .slider__indicator {\n  left: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n  width: calc(\n    ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n}\n\n:host(.slider--thumb-center) .slider__indicator {\n  left: calc(var(--ds-slider-start-pct, 0) * 1%);\n  width: calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%);\n}\n\n.slider__thumb {\n  position: absolute;\n  top: 50%;\n  left: calc((var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-thumb-size)));\n  width: var(--ds-slider-thumb-size);\n  height: var(--ds-slider-thumb-size);\n  transform: translateY(-50%);\n  z-index: 1;\n}\n\n.slider__thumb--active {\n  z-index: 2;\n}\n\n.slider__input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  opacity: 0;\n  appearance: none;\n  pointer-events: none;\n  z-index: 2;\n}\n\n.slider__thumb-visual {\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  overflow: visible;\n  border-radius: var(--dimension-radius-025);\n  background-color: var(--color-background-primary);\n  box-shadow: var(--effect-elevation-elevated-sm);\n  pointer-events: none;\n  transition:\n    background-color var(--effect-motion-short-2),\n    box-shadow var(--effect-motion-short-2);\n}\n\n.slider__thumb-wash {\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background-color: transparent;\n  transition: background-color var(--effect-motion-short-2);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  :host(:not(.slider--readonly):not(.ds-control-inactive))\n    .slider__thumb:hover\n    .slider__thumb-wash {\n    background-color: var(--color-interaction-hover);\n  }\n}\n\n:host([data-dragging]:not(.slider--readonly):not(.ds-control-inactive))\n  .slider__thumb--active\n  .slider__thumb-wash {\n  background-color: var(--color-interaction-pressed);\n}\n\n.slider__input:focus-visible + .slider__thumb-visual,\n:host([data-review-focus]) .slider__thumb[data-index='0'] .slider__thumb-visual {\n  outline: var(--dimension-stroke-width-025) solid var(--color-interaction-focus);\n  outline-offset: var(--dimension-space-025);\n}\n\n:host(.slider--vertical) .slider__rail {\n  top: 0;\n  right: auto;\n  bottom: 0;\n  left: 50%;\n  width: var(--ds-slider-track-size);\n  height: auto;\n  transform: translateX(-50%);\n}\n\n:host(.slider--vertical.slider--thumb-center) .slider__rail {\n  top: calc(var(--ds-slider-thumb-size) / 2);\n  bottom: calc(var(--ds-slider-thumb-size) / 2);\n}\n\n:host(.slider--vertical) .slider__indicator {\n  top: auto;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: auto;\n  height: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n}\n\n:host(.slider--vertical.slider--range) .slider__indicator {\n  bottom: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n  height: calc(\n    ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n}\n\n:host(.slider--vertical.slider--thumb-center) .slider__indicator {\n  bottom: calc(var(--ds-slider-start-pct, 0) * 1%);\n  height: calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%);\n}\n\n:host(.slider--vertical) .slider__thumb {\n  top: auto;\n  bottom: calc((var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-thumb-size)));\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .slider__thumb-visual,\n  .slider__thumb-wash {\n    transition: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .slider__rail {\n    border: var(--ds-slider-track-stroke) solid var(--ds-forced-color-content);\n    box-shadow: none;\n  }\n\n  .slider__indicator {\n    background-color: var(--ds-forced-color-selected);\n  }\n\n  .slider__thumb-visual {\n    border: var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);\n    background-color: var(--ds-forced-color-surface);\n    box-shadow: none;\n  }\n\n  .slider__input:focus-visible + .slider__thumb-visual,\n  :host([data-review-focus]) .slider__thumb[data-index='0'] .slider__thumb-visual {\n    outline-color: var(--ds-forced-color-selected);\n  }\n}\n\n.slider__tick {\n  position: absolute;\n  top: calc(\n    50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050) + var(--dimension-space-012)\n  );\n  left: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-tick-pct) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n  transform: translateX(-50%);\n  pointer-events: none;\n}\n.slider__tick-mark {\n  display: block;\n  width: var(--dimension-stroke-width-025);\n  height: var(--dimension-stroke-width-025);\n  border-radius: var(--dimension-radius-half);\n  background: var(--color-foreground-tertiary);\n}\n.slider__tick-label {\n  width: max-content;\n  max-width: none;\n  position: absolute;\n  top: calc(100% + var(--dimension-space-050));\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n}\n:host(:not(.slider--vertical)) .slider__control {\n  container-type: inline-size;\n}\n:host(:not(.slider--vertical)) .slider__tick-label {\n  /* Center on the tick, clamping only when the text reaches the control edges. */\n  --ds-slider-label-anchor: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-tick-pct) / 100) *\n      (100cqw - var(--ds-slider-thumb-size))\n  );\n  transform: translateX(\n    clamp(\n      calc(-1 * var(--ds-slider-label-anchor)),\n      -50%,\n      calc(100cqw - var(--ds-slider-label-anchor) - 100%)\n    )\n  );\n}\n:host(.slider--tick-labels:not(.slider--vertical)) .slider__control {\n  margin-bottom: var(--dimension-space-200);\n}\n:host(.slider--vertical) .slider__tick {\n  top: auto;\n  bottom: calc(\n    var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-tick-pct) / 100) *\n      (100% - var(--ds-slider-thumb-size))\n  );\n  left: calc(50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050));\n  transform: translateY(50%);\n}\n:host(.slider--vertical) .slider__tick-label {\n  top: 50%;\n  left: calc(100% + var(--dimension-space-050));\n  transform: translateY(-50%);\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  restoreNumberArrayFormState,\n  restoreStringFormState,\n  setFormControlValue,\n  setRepeatedFormControlValue,\n} from '../../utils';\n\nexport interface SliderTick {\n  value: number;\n  label?: string;\n}\n\nexport type SliderValue = number | number[];\nexport type SliderSize = 'md' | 'sm' | 'xs';\nexport type SliderOrientation = 'horizontal' | 'vertical';\nexport type SliderThumbAlignment = 'edge' | 'center';\n\nlet sliderId = 0;\nlet sliderExternalLabelId = 0;\n\n@Component({\n  tag: 'ds-slider',\n  styleUrl: 'Slider.css',\n  scoped: true,\n  formAssociated: true,\n})\nexport class Slider {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  /** Current value. Assign a two-number array through the JavaScript property for a range slider. */\n  @Prop({ mutable: true }) value: SliderValue = 0;\n  @Prop() min: number = 0;\n  @Prop() max: number = 100;\n  @Prop() step: number | 'any' = 1;\n  /** Explicit ticks are the selectable snap points. Empty ticks with step='any' allow smooth adjustment. */\n  @Prop() ticks: SliderTick[] = [];\n  /** Minimum number of steps kept between two range thumbs. */\n  @Prop() minStepsBetweenValues: number = 0;\n  /** Visible field label. Supply aria-label when the label is intentionally hidden. */\n  @Prop() label: string | undefined;\n  /** Show the formatted current value beside the visible label. */\n  @Prop() showValue: boolean = true;\n  @Prop() size: SliderSize = 'md';\n  @Prop() orientation: SliderOrientation = 'horizontal';\n  /** Align the thumb edge with full-width rail endpoints, or its center with inset rail endpoints. */\n  @Prop() thumbAlignment: SliderThumbAlignment = 'edge';\n  @Prop({ reflect: true }) name: string | undefined;\n  @Prop({ reflect: true }) form: string | undefined;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Keep the value focusable and submittable while preventing changes. */\n  @Prop({ reflect: true }) readOnly: boolean = false;\n  @Prop() isInactive: boolean = false;\n  /** Direct accessible name for a single-thumb slider without a visible label. */\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n  /** Id references for a visible single-thumb slider label. */\n  @Prop({ attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined;\n  /** Id references for supporting guidance or error text. */\n  @Prop({ attribute: 'aria-describedby' }) ariaDescribedby: string | undefined;\n  /** Accessible label for the lower thumb in a range slider. */\n  @Prop() startLabel: string = 'Minimum value';\n  /** Accessible label for the upper thumb in a range slider. */\n  @Prop() endLabel: string = 'Maximum value';\n  /** Human-readable value text for a single slider or both range thumbs. */\n  @Prop() valueText: string | undefined;\n  /** Per-thumb human-readable value text for a range slider. Assign through the JavaScript property. */\n  @Prop() valueTexts: string[] = [];\n  /** Locale used by Intl.NumberFormat for the visible value. */\n  @Prop() locale: string | undefined;\n  /** Intl.NumberFormat options. Assign objects through the JavaScript property. */\n  @Prop() formatOptions: Intl.NumberFormatOptions | undefined;\n  @Prop() valuePrefix: string = '';\n  @Prop() valueSuffix: string = '';\n  @Prop() rangeSeparator: string = '–';\n  /** Id applied to the first native range input. */\n  @Prop() inputId: string | undefined;\n\n  /** Emitted continuously while the value changes. */\n  @Event() dsChange!: EventEmitter<SliderValue>;\n  /** Emitted when a pointer or keyboard value change is committed. */\n  @Event() dsCommit!: EventEmitter<SliderValue>;\n\n  @State() private formDisabled = false;\n  @State() private dragging = false;\n  @State() private focused = false;\n  @State() private touched = false;\n  @State() private activeThumbIndex = 0;\n  @State() private externalLabelledby: string | undefined;\n\n  private readonly generatedId = `ds-slider-${++sliderId}`;\n  private readonly labelId = `${this.generatedId}-label`;\n  private initialValue: SliderValue = 0;\n  private lastCommittedValue: SliderValue = 0;\n  private pointerId: number | null = null;\n  private pointerStartValue: SliderValue = 0;\n  private controlEl: HTMLDivElement | null = null;\n\n  componentWillLoad() {\n    this.initialValue = this.cloneValue(this.publicValue);\n    this.lastCommittedValue = this.cloneValue(this.publicValue);\n    this.syncFormValue();\n  }\n\n  componentDidLoad() {\n    this.syncNativeLabels();\n  }\n\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  @Watch('step')\n  @Watch('ticks')\n  @Watch('minStepsBetweenValues')\n  @Watch('name')\n  @Watch('disabled')\n  @Watch('isInactive')\n  syncFormValue() {\n    const values = this.resolvedValues;\n    if (this.isRange) {\n      setRepeatedFormControlValue(this.internals, this.name, values, {\n        inactive: this.isDisabled,\n      });\n    } else {\n      const value = String(values[0]);\n      setFormControlValue(this.internals, this.name ? value : null, {\n        inactive: this.isDisabled,\n        state: value,\n      });\n    }\n  }\n\n  formDisabledCallback(disabled: boolean) {\n    this.formDisabled = disabled;\n    this.syncFormValue();\n  }\n\n  formResetCallback() {\n    this.value = this.cloneValue(this.initialValue);\n    this.lastCommittedValue = this.cloneValue(this.initialValue);\n    this.dragging = false;\n    this.focused = false;\n    this.touched = false;\n  }\n\n  formStateRestoreCallback(state: string | File | FormData | null) {\n    if (this.isRange) {\n      const restored = restoreNumberArrayFormState(state, 2);\n      this.value = restored.length ? restored : this.cloneValue(this.initialValue);\n    } else {\n      const restored = Number(restoreStringFormState(state, 'NaN'));\n      if (Number.isFinite(restored)) this.value = restored;\n    }\n    this.lastCommittedValue = this.cloneValue(this.publicValue);\n  }\n\n  @Method()\n  async setFocus(index: number = 0) {\n    const inputs = this.el.querySelectorAll<HTMLInputElement>('.slider__input');\n    inputs[Math.max(0, Math.min(index, inputs.length - 1))]?.focus();\n  }\n\n  private get isDisabled(): boolean {\n    return this.disabled || this.isInactive || this.formDisabled;\n  }\n\n  private get isRange(): boolean {\n    return Array.isArray(this.value);\n  }\n\n  private get safeStep(): number {\n    const step = Number(this.step);\n    return Number.isFinite(step) && step > 0 ? step : 1;\n  }\n\n  private get resolvedTicks(): SliderTick[] {\n    const unique = new Map<number, SliderTick>();\n    for (const tick of this.ticks) {\n      if (Number.isFinite(tick.value) && tick.value >= this.safeMin && tick.value <= this.safeMax)\n        unique.set(tick.value, tick);\n    }\n    return [...unique.values()].sort((a, b) => a.value - b.value);\n  }\n\n  private get safeMin(): number {\n    return Number.isFinite(this.min) ? this.min : 0;\n  }\n\n  private get safeMax(): number {\n    const minimum = this.safeMin;\n    return Number.isFinite(this.max) && this.max > minimum ? this.max : minimum + this.safeStep;\n  }\n\n  private get minimumGap(): number {\n    const steps = Number.isFinite(this.minStepsBetweenValues)\n      ? Math.max(0, Math.floor(this.minStepsBetweenValues))\n      : 0;\n    const ticks = this.resolvedTicks;\n    const span = ticks.length\n      ? ticks[ticks.length - 1].value - ticks[0].value\n      : this.safeMax - this.safeMin;\n    return Math.min(span, steps * this.safeStep);\n  }\n\n  private get resolvedValues(): number[] {\n    const minimum = this.safeMin;\n    const maximum = this.safeMax;\n    if (!this.isRange) return [this.snap(Number(this.value))];\n\n    const raw = this.value as number[];\n    let lower = this.snap(Number(raw[0] ?? minimum));\n    let upper = this.snap(Number(raw[1] ?? maximum));\n    if (lower > upper) [lower, upper] = [upper, lower];\n\n    const gap = Math.min(this.minimumGap, maximum - minimum);\n    if (upper - lower < gap) {\n      upper = Math.min(maximum, this.snap(lower + gap));\n      lower = Math.max(minimum, this.snap(upper - gap));\n      const ticks = this.resolvedTicks;\n      if (ticks.length && upper - lower < gap) {\n        upper =\n          ticks.find(tick => tick.value >= lower + gap)?.value ?? ticks[ticks.length - 1].value;\n        lower =\n          [...ticks].reverse().find(tick => tick.value <= upper - gap)?.value ?? ticks[0].value;\n      }\n    }\n    return [lower, upper];\n  }\n\n  private get publicValue(): SliderValue {\n    const values = this.resolvedValues;\n    return this.isRange ? [...values] : values[0];\n  }\n\n  private cloneValue(value: SliderValue): SliderValue {\n    return Array.isArray(value) ? [...value] : value;\n  }\n\n  private valuesEqual(a: SliderValue, b: SliderValue): boolean {\n    if (Array.isArray(a) && Array.isArray(b)) {\n      return a.length === b.length && a.every((value, index) => value === b[index]);\n    }\n    return !Array.isArray(a) && !Array.isArray(b) && a === b;\n  }\n\n  private decimalPlaces(value: number): number {\n    const text = String(value).toLowerCase();\n    if (text.includes('e-')) return Number(text.split('e-')[1]) || 0;\n    return text.includes('.') ? text.split('.')[1].length : 0;\n  }\n\n  private snap(value: number, minimum = this.safeMin, maximum = this.safeMax): number {\n    const ticks = this.resolvedTicks.filter(tick => tick.value >= minimum && tick.value <= maximum);\n    if (ticks.length)\n      return ticks.reduce((nearest, tick) =>\n        Math.abs(tick.value - value) < Math.abs(nearest.value - value) ? tick : nearest\n      ).value;\n    if (this.step === 'any')\n      return Math.min(maximum, Math.max(minimum, Number.isFinite(value) ? value : minimum));\n    const candidate = Number.isFinite(value) ? value : minimum;\n    const stepped = minimum + Math.round((candidate - minimum) / this.safeStep) * this.safeStep;\n    const precision = Math.min(\n      10,\n      Math.max(\n        this.decimalPlaces(minimum),\n        this.decimalPlaces(maximum),\n        this.decimalPlaces(this.safeStep)\n      )\n    );\n    return Number(Math.min(maximum, Math.max(minimum, stepped)).toFixed(precision));\n  }\n\n  private percent(value: number): number {\n    return ((value - this.safeMin) / (this.safeMax - this.safeMin)) * 100;\n  }\n\n  private allowedMin(index: number, values = this.resolvedValues): number {\n    return this.isRange && index === 1\n      ? Math.min(this.safeMax, values[0] + this.minimumGap)\n      : this.safeMin;\n  }\n\n  private allowedMax(index: number, values = this.resolvedValues): number {\n    return this.isRange && index === 0\n      ? Math.max(this.safeMin, values[1] - this.minimumGap)\n      : this.safeMax;\n  }\n\n  private setValueAt(index: number, next: number): boolean {\n    const previous = this.publicValue;\n    const values = this.resolvedValues;\n    const constrained = Math.min(\n      this.allowedMax(index, values),\n      Math.max(\n        this.allowedMin(index, values),\n        this.snap(next, this.allowedMin(index, values), this.allowedMax(index, values))\n      )\n    );\n    values[index] = constrained;\n    const nextValue: SliderValue = this.isRange ? [...values] : values[0];\n    if (this.valuesEqual(previous, nextValue)) return false;\n\n    this.value = nextValue;\n    this.dsChange.emit(this.cloneValue(nextValue));\n    return true;\n  }\n\n  private commitIfChanged() {\n    const current = this.publicValue;\n    if (this.valuesEqual(current, this.lastCommittedValue)) return;\n    this.lastCommittedValue = this.cloneValue(current);\n    this.dsCommit.emit(this.cloneValue(current));\n  }\n\n  private syncNativeLabels() {\n    if (this.label || this.ariaLabel || this.ariaLabelledby || this.isRange) return;\n    const ids = (Array.from(this.internals.labels) as HTMLLabelElement[]).map(label => {\n      if (!label.id) label.id = `ds-slider-label-${++sliderExternalLabelId}`;\n      return label.id;\n    });\n    if (ids.length) this.externalLabelledby = ids.join(' ');\n  }\n\n  private formattedValue(value: number, index: number): string {\n    const authored =\n      this.valueTexts[index] ??\n      this.valueText ??\n      this.resolvedTicks.find(tick => tick.value === value)?.label;\n    if (authored) return authored;\n    let number: string;\n    try {\n      number = new Intl.NumberFormat(this.locale, this.formatOptions).format(value);\n    } catch {\n      number = String(value);\n    }\n    return `${this.valuePrefix}${number}${this.valueSuffix}`;\n  }\n\n  private ariaValueText(value: number, index: number): string | undefined {\n    if (\n      this.resolvedTicks.some(tick => tick.value === value && tick.label) ||\n      this.valueTexts[index] ||\n      this.valueText ||\n      this.valuePrefix ||\n      this.valueSuffix ||\n      this.formatOptions\n    ) {\n      return this.formattedValue(value, index);\n    }\n    return undefined;\n  }\n\n  private handleNativeInput = (event: Event, index: number) => {\n    const input = event.target as HTMLInputElement;\n    this.activeThumbIndex = index;\n    if (this.readOnly || this.isDisabled) {\n      input.value = String(this.resolvedValues[index]);\n      return;\n    }\n    this.setValueAt(index, Number(input.value));\n  };\n\n  private handleNativeChange = () => {\n    if (!this.readOnly && !this.isDisabled) this.commitIfChanged();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, index: number) => {\n    const keys = [\n      'ArrowLeft',\n      'ArrowRight',\n      'ArrowUp',\n      'ArrowDown',\n      'Home',\n      'End',\n      'PageUp',\n      'PageDown',\n    ];\n    if (!this.readOnly && this.resolvedTicks.length && keys.includes(event.key)) {\n      event.preventDefault();\n      if (this.isDisabled) return;\n      const ticks = this.resolvedTicks.filter(\n        tick => tick.value >= this.allowedMin(index) && tick.value <= this.allowedMax(index)\n      );\n      const current = this.resolvedValues[index];\n      const forward = ['ArrowRight', 'ArrowUp', 'PageUp'].includes(event.key);\n      const next =\n        event.key === 'Home'\n          ? ticks[0]\n          : event.key === 'End'\n            ? ticks[ticks.length - 1]\n            : forward\n              ? ticks.find(tick => tick.value > current)\n              : [...ticks].reverse().find(tick => tick.value < current);\n      if (next && this.setValueAt(index, next.value)) this.commitIfChanged();\n      return;\n    }\n    if (!this.readOnly) return;\n    if (\n      [\n        'ArrowLeft',\n        'ArrowRight',\n        'ArrowUp',\n        'ArrowDown',\n        'Home',\n        'End',\n        'PageUp',\n        'PageDown',\n      ].includes(event.key)\n    ) {\n      event.preventDefault();\n    }\n  };\n\n  private handleFocus = (index: number) => {\n    this.activeThumbIndex = index;\n    this.focused = true;\n  };\n\n  private handleBlur = (event: FocusEvent) => {\n    const next = event.relatedTarget;\n    if (next instanceof Node && this.el.contains(next)) return;\n    this.focused = false;\n    this.touched = true;\n  };\n\n  private handleHostClick = (event: MouseEvent) => {\n    if (event.target !== this.el || this.isDisabled) return;\n    const inputs = this.el.querySelectorAll<HTMLInputElement>('.slider__input');\n    inputs[Math.min(this.activeThumbIndex, inputs.length - 1)]?.focus();\n  };\n\n  private pointerPercent(event: PointerEvent): number {\n    const control = this.controlEl;\n    if (!control) return 0;\n    const rect = control.getBoundingClientRect();\n    const thumb = this.el.querySelector<HTMLElement>('.slider__thumb');\n    const thumbSize = thumb\n      ? this.orientation === 'horizontal'\n        ? thumb.offsetWidth\n        : thumb.offsetHeight\n      : 0;\n    // Both alignment modes keep the complete thumb inside the control. Edge\n    // alignment lets the rail span the control while center alignment insets\n    // the rail to the same thumb-center travel.\n    const inset = thumbSize / 2;\n\n    if (this.orientation === 'vertical') {\n      const travel = Math.max(1, rect.height - inset * 2);\n      return Math.min(1, Math.max(0, (rect.bottom - inset - event.clientY) / travel));\n    }\n\n    const travel = Math.max(1, rect.width - inset * 2);\n    const percent = (event.clientX - rect.left - inset) / travel;\n    return Math.min(1, Math.max(0, percent));\n  }\n\n  private valueFromPointer(event: PointerEvent): number {\n    return this.snap(this.safeMin + this.pointerPercent(event) * (this.safeMax - this.safeMin));\n  }\n\n  private closestThumbIndex(value: number, target: EventTarget | null): number {\n    const targetElement =\n      target instanceof HTMLElement ? target.closest<HTMLElement>('.slider__thumb') : null;\n    if (targetElement?.dataset['index']) return Number(targetElement.dataset['index']);\n    if (!this.isRange) return 0;\n\n    const values = this.resolvedValues;\n    const lowerDistance = Math.abs(value - values[0]);\n    const upperDistance = Math.abs(value - values[1]);\n    if (lowerDistance === upperDistance) return value >= values[0] ? 1 : 0;\n    return lowerDistance < upperDistance ? 0 : 1;\n  }\n\n  private handlePointerDown = (event: PointerEvent) => {\n    if (event.button !== 0 || this.isDisabled || this.readOnly) return;\n    event.preventDefault();\n    const value = this.valueFromPointer(event);\n    const index = this.closestThumbIndex(value, event.target);\n    this.activeThumbIndex = index;\n    this.pointerId = event.pointerId;\n    this.pointerStartValue = this.cloneValue(this.publicValue);\n    this.dragging = true;\n    this.setValueAt(index, value);\n    this.controlEl?.setPointerCapture(event.pointerId);\n    requestAnimationFrame(() => {\n      const input = this.el.querySelectorAll<HTMLInputElement>('.slider__input')[index];\n      input?.focus({ preventScroll: true });\n    });\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    if (this.pointerId !== event.pointerId || !this.dragging) return;\n    event.preventDefault();\n    this.setValueAt(this.activeThumbIndex, this.valueFromPointer(event));\n  };\n\n  private endPointerInteraction(event: PointerEvent, canceled: boolean) {\n    if (this.pointerId !== event.pointerId) return;\n    if (this.controlEl?.hasPointerCapture(event.pointerId))\n      this.controlEl.releasePointerCapture(event.pointerId);\n    this.pointerId = null;\n    this.dragging = false;\n    this.touched = true;\n    if (!canceled && !this.valuesEqual(this.pointerStartValue, this.publicValue))\n      this.commitIfChanged();\n  }\n\n  private renderThumb(value: number, index: number) {\n    const inputId =\n      index === 0\n        ? (this.inputId ?? `${this.generatedId}-input`)\n        : `${this.inputId ?? `${this.generatedId}-input`}-end`;\n    const rangeLabel = index === 0 ? this.startLabel : this.endLabel;\n    const labelledby = this.isRange\n      ? undefined\n      : (this.ariaLabelledby ?? (this.label ? this.labelId : this.externalLabelledby));\n    const directLabel = this.isRange ? rangeLabel : labelledby ? undefined : this.ariaLabel;\n\n    return (\n      <div\n        class={{\n          slider__thumb: true,\n          'slider__thumb--active': index === this.activeThumbIndex,\n        }}\n        data-index={String(index)}\n        style={{ '--ds-slider-thumb-pct': String(this.percent(value)) } as Record<string, string>}\n      >\n        <input\n          class=\"slider__input\"\n          type=\"range\"\n          id={inputId}\n          min={this.allowedMin(index)}\n          max={this.allowedMax(index)}\n          step={this.resolvedTicks.length || this.step === 'any' ? 'any' : this.safeStep}\n          value={value}\n          disabled={this.isDisabled}\n          aria-label={directLabel}\n          aria-labelledby={labelledby}\n          aria-describedby={this.ariaDescribedby}\n          aria-valuetext={this.ariaValueText(value, index)}\n          aria-orientation={this.orientation === 'vertical' ? 'vertical' : undefined}\n          aria-readonly={this.readOnly ? 'true' : undefined}\n          onInput={(event: Event) => this.handleNativeInput(event, index)}\n          onChange={this.handleNativeChange}\n          onKeyDown={event => this.handleKeyDown(event, index)}\n          onFocus={() => this.handleFocus(index)}\n          onBlur={this.handleBlur}\n        />\n        <span class=\"slider__thumb-visual\" aria-hidden=\"true\">\n          <span class=\"slider__thumb-wash\" />\n        </span>\n      </div>\n    );\n  }\n\n  render() {\n    const values = this.resolvedValues;\n    const first = values[0];\n    const last = values[values.length - 1];\n    const firstInputId = this.inputId ?? `${this.generatedId}-input`;\n    const dirty = !this.valuesEqual(this.publicValue, this.initialValue);\n    const valueDisplay = values\n      .map((value, index) => this.formattedValue(value, index))\n      .join(` ${this.rangeSeparator} `);\n\n    return (\n      <Host\n        aria-disabled={this.isDisabled ? 'true' : undefined}\n        class={{\n          slider: true,\n          'ds-field-stack': true,\n          [`slider--${this.size}`]: true,\n          [`slider--${this.orientation}`]: true,\n          [`slider--thumb-${this.thumbAlignment}`]: true,\n          'slider--range': this.isRange,\n          'slider--ticks': this.resolvedTicks.length > 0,\n          'slider--tick-labels': this.resolvedTicks.some(tick => Boolean(tick.label)),\n          'slider--readonly': this.readOnly,\n          'ds-control-inactive': this.isDisabled,\n        }}\n        data-orientation={this.orientation}\n        data-disabled={this.isDisabled ? '' : undefined}\n        data-readonly={this.readOnly ? '' : undefined}\n        data-dragging={this.dragging ? '' : undefined}\n        data-focused={this.focused ? '' : undefined}\n        data-filled=\"\"\n        data-dirty={dirty ? '' : undefined}\n        data-touched={this.touched ? '' : undefined}\n        data-valid={!this.isDisabled ? '' : undefined}\n        onClick={this.handleHostClick}\n      >\n        {(this.label || this.showValue) && (\n          <div class=\"slider__label-row\">\n            {this.label && (\n              <ds-text\n                class=\"slider__label\"\n                as=\"label\"\n                variant=\"text-body-small\"\n                color=\"primary\"\n                emphasis\n                for={firstInputId}\n                textId={this.labelId}\n              >\n                {this.label}\n              </ds-text>\n            )}\n            {this.showValue && (\n              <ds-text\n                class=\"slider__value\"\n                as=\"span\"\n                variant=\"text-body-small\"\n                color=\"primary\"\n                fontFeature=\"tabular-nums\"\n              >\n                {valueDisplay}\n              </ds-text>\n            )}\n          </div>\n        )}\n        <div\n          class=\"slider__control\"\n          ref={element => {\n            this.controlEl = element ?? null;\n          }}\n          style={\n            {\n              '--ds-slider-start-pct': String(this.isRange ? this.percent(first) : 0),\n              '--ds-slider-end-pct': String(this.percent(last)),\n            } as Record<string, string>\n          }\n          onPointerDown={this.handlePointerDown}\n          onPointerMove={this.handlePointerMove}\n          onPointerUp={(event: PointerEvent) => this.endPointerInteraction(event, false)}\n          onPointerCancel={(event: PointerEvent) => this.endPointerInteraction(event, true)}\n        >\n          <div class=\"slider__rail\" aria-hidden=\"true\">\n            <div class=\"slider__indicator\" />\n          </div>\n          {this.resolvedTicks.map(tick => (\n            <span\n              class=\"slider__tick\"\n              data-edge={\n                tick.value === this.safeMin\n                  ? 'start'\n                  : tick.value === this.safeMax\n                    ? 'end'\n                    : undefined\n              }\n              aria-hidden=\"true\"\n              style={{ '--ds-slider-tick-pct': String(this.percent(tick.value)) }}\n            >\n              <span class=\"slider__tick-mark\" />\n              {tick.label && (\n                <ds-text\n                  class=\"slider__tick-label\"\n                  as=\"span\"\n                  variant=\"text-caption\"\n                  color=\"secondary\"\n                >\n                  {tick.label}\n                </ds-text>\n              )}\n            </span>\n          ))}\n          {values.map((value, index) => this.renderThumb(value, index))}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/ds-swatch-picker.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-Bn8I7iw6.js";const t=o;const n=s;export{t as DsSwatchPicker,n as defineCustomElement};
+import{S as o,d as s}from"./p-AmT4GlhM.js";const t=o;const m=s;export{t as DsSwatchPicker,m as defineCustomElement};
 //# sourceMappingURL=ds-swatch-picker.js.map

package/dist/components/ds-switch.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-D0y7Sja6.js";const t=o;const a=s;export{t as DsSwitch,a as defineCustomElement};
+import{S as o,d as s}from"./p-Dcn1eDVt.js";const t=o;const c=s;export{t as DsSwitch,c as defineCustomElement};
 //# sourceMappingURL=ds-switch.js.map

package/dist/components/ds-tab-group.js

@@ -1,2 +1,2 @@
-import{T as o,d as s}from"./p-DHICPS4n.js";const t=o;const n=s;export{t as DsTabGroup,n as defineCustomElement};
+import{T as o,d as s}from"./p-DWmYCOKz.js";const t=o;const m=s;export{t as DsTabGroup,m as defineCustomElement};
 //# sourceMappingURL=ds-tab-group.js.map