@carbon/web-components 2.52.0 → 2.53.0

package/es/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":["styles","customElement"],"sources":["../../../src/components/slider/slider.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport throttle from 'lodash-es/throttle';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport CDSSliderInput from './slider-input';\nimport '../tooltip/index';\nimport styles from './slider.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ninterface Cancelable {\n  cancel(): void;\n}\n\n/**\n * The direction to move the thumb, associated with key symbols.\n */\nconst THUMB_DIRECTION = {\n  Left: -1,\n  ArrowLeft: -1,\n  Up: -1,\n  ArrowUp: -1,\n  Right: 1,\n  ArrowRight: 1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * Minimum time between processed \"drag\" events.\n */\nconst EVENT_THROTTLE = 16; // ms\n\n/**\n * Slider.\n *\n * @element cds-slider\n * @fires cds-slider-input-changed\n *   The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.\n * @slot label-text - The label text.\n * @slot max-text - The text for maximum value.\n * @slot min-text - The text for minimum value.\n * @fires cds-slider-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider`)\nclass CDSSlider extends HostListenerMixin(FormMixin(FocusMixin(LitElement))) {\n  private _cachedRateUpper: number = 1;\n  private _cachedRate: number = 0;\n  private dragCooldownTimeout: number | null = null;\n  private dragCoolDown: boolean = false;\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * The internal value of `stepMultiplier` property.\n   */\n  private _stepMultiplier = '4';\n\n  /**\n   * The handle for the throttled listener of `pointermove` event.\n   */\n  private _throttledHandlePointermoveImpl:\n    | (((event: PointerEvent) => void) & Cancelable)\n    | null = null;\n\n  /**\n   * `true` if dragging of thumb is in progress.\n   */\n  private _dragging = false;\n  /**\n   * `true` if dragging of thumb upper is in progress.\n   */\n  private _draggingUpper = false;\n\n  /**\n   * The upper bound when there are two handles..\n   */\n  @property({ type: Number, attribute: 'value-upper' })\n  unstable_valueUpper;\n\n  /**\n   * The rate of the thumb position in the track.\n   * When we try to set a new value, we adjust the value considering `step` property.\n   */\n  private get _rate() {\n    const { max, min, value } = this;\n    // Copes with out-of-range value coming programmatically or from `<cds-slider-input>`\n    if (value) {\n      const rate =\n        (Math.min(Number(max), Math.max(Number(min), value)) - Number(min)) /\n        (Number(max) - Number(min));\n      this._cachedRate = rate;\n      return rate;\n    } else {\n      return this._cachedRate;\n    }\n  }\n\n  private set _rate(rate: number) {\n    const { max, min, step } = this;\n    this.value =\n      Number(min) +\n      Math.round(\n        ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rate))) /\n          Number(step)\n      ) *\n        Number(step);\n  }\n  /**\n   * The rate of the upper thumb position in the track.\n   * When we try to set a new value for upper input, we adjust the value considering `step` property.\n   */\n  private get _rateUpper() {\n    const { max, min, unstable_valueUpper } = this;\n    // Copes with out-of-range value coming programmatically or from `<cds-slider-input>`\n    if (unstable_valueUpper) {\n      const rateUpper =\n        (Math.min(Number(max), Math.max(Number(min), unstable_valueUpper)) -\n          Number(min)) /\n        (Number(max) - Number(min));\n      this._cachedRateUpper = rateUpper;\n      return rateUpper;\n    } else {\n      return this._cachedRateUpper;\n    }\n  }\n\n  private set _rateUpper(rateUpper: number) {\n    const { max, min, step } = this;\n    this.unstable_valueUpper =\n      Number(min) +\n      Math.round(\n        ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rateUpper))) /\n          Number(step)\n      ) *\n        Number(step);\n  }\n\n  /**\n   * The DOM element of the thumb.\n   */\n  @query('#thumb')\n  private _thumbNode!: HTMLDivElement;\n  /**\n   * The DOM element of the thumb upper.\n   */\n  @query('#thumb-upper')\n  private _thumbNodeUpper!: HTMLDivElement;\n\n  /**\n   * The DOM element of the track.\n   */\n  @query('#track')\n  private _trackNode!: HTMLDivElement;\n\n  /**\n   * Handles `click` event on the `<label>` to focus on the thumb.\n   */\n  _handleClickLabel() {\n    this._thumbNode?.focus();\n  }\n\n  private _setThumbTooltipOpen(thumb: HTMLElement | null, open: boolean) {\n    if (!this.hideTextInput || !thumb) {\n      return;\n    }\n    const tooltip = thumb.closest(`${prefix}-tooltip`) as\n      | (HTMLElement & { open: boolean })\n      | null;\n    if (tooltip) {\n      tooltip.open = open;\n    }\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, String(value));\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the thumb to increase/decrease the value.\n   */\n  private _handleKeydown(event: KeyboardEvent) {\n    const eventContainer = (event.target as HTMLElement).id;\n    const { key, shiftKey } = event;\n    if (!this.disabled && !this.readonly) {\n      if (key in THUMB_DIRECTION) {\n        const {\n          max: rawMax,\n          min: rawMin,\n          step: rawStep,\n          stepMultiplier: rawstepMultiplier,\n          value,\n          unstable_valueUpper,\n        } = this;\n        const max = Number(rawMax);\n        const min = Number(rawMin);\n        const step = Number(rawStep);\n        const stepMultiplier = Number(rawstepMultiplier);\n        const diff =\n          (!shiftKey ? step : (max - min) / stepMultiplier) *\n          THUMB_DIRECTION[key];\n        // Snaps to next\n        if (eventContainer == 'thumb-upper') {\n          const stepCount = (unstable_valueUpper + diff) / step;\n          const position = Math.min(\n            max,\n            Math.max(\n              min,\n              (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n            )\n          );\n          if (position >= this.value) {\n            this.unstable_valueUpper = position;\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.unstable_valueUpper,\n                  intermediate: false,\n                },\n              }\n            )\n          );\n        } else {\n          const stepCount = (value + diff) / step;\n          const position = Math.min(\n            max,\n            Math.max(\n              min,\n              (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n            )\n          );\n          if (\n            !this.unstable_valueUpper ||\n            position <= this.unstable_valueUpper\n          ) {\n            this.value = position;\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                  intermediate: false,\n                },\n              }\n            )\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Throttles calls to `this._onDrag` by limiting events to being processed at\n   * most once every `EVENT_THROTTLE` milliseconds.\n   */\n  onDrag = throttle(this._startDrag, EVENT_THROTTLE, {\n    leading: true,\n    trailing: false,\n  });\n\n  /**\n   * Handles `pointerdown` event on the thumb to start dragging.\n   */\n  private _startDrag(event: PointerEvent) {\n    if (!this.readonly && !this.disabled) {\n      let eventContainer = (event.target as HTMLElement).id;\n      if (!eventContainer) {\n        const thumb = (event.target as HTMLElement).closest(\n          `.${prefix}--slider__thumb`\n        ) as HTMLElement | null;\n        eventContainer = thumb?.id ?? '';\n      }\n      if (eventContainer === 'thumb') {\n        this._dragging = true;\n        this._thumbNode.style.touchAction = 'none';\n        this._setThumbTooltipOpen(this._thumbNode, true);\n      } else if (eventContainer === 'thumb-upper') {\n        this._draggingUpper = true;\n        this._thumbNodeUpper.style.touchAction = 'none';\n        this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n      }\n    }\n  }\n\n  /**\n   * Handles `pointerdown` event on the track to update the thumb position and the value as necessary.\n   */\n  private _handleClick(event: PointerEvent) {\n    let eventContainer = (event.target as HTMLInputElement).id;\n    if (!eventContainer) {\n      const thumb = (event.target as HTMLElement).closest(\n        `.${prefix}--slider__thumb`\n      ) as HTMLElement | null;\n      eventContainer = thumb?.id ?? '';\n    }\n    if (!this.disabled && !this.readonly) {\n      const { _trackNode: trackNode } = this;\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        trackNode.getBoundingClientRect();\n      if (eventContainer === 'thumb-upper') {\n        this._rateUpper =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        this.dispatchEvent(\n          new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n            bubbles: true,\n            composed: true,\n            detail: {\n              value: this.unstable_valueUpper,\n            },\n          })\n        );\n      } else {\n        if (!this.unstable_valueUpper) {\n          this._rate =\n            (isRtl\n              ? trackLeft + trackWidth - thumbPosition\n              : thumbPosition - trackLeft) / trackWidth;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                },\n              }\n            )\n          );\n        } else {\n          if (!this.dragCoolDown) {\n            const position =\n              ((isRtl\n                ? trackLeft + trackWidth - thumbPosition\n                : thumbPosition - trackLeft) /\n                trackWidth) *\n              100;\n            const differenceValue =\n              position > this.value\n                ? position - this.value\n                : this.value - position;\n            const differenceValueUpper =\n              position > this.unstable_valueUpper\n                ? position - this.unstable_valueUpper\n                : this.unstable_valueUpper - position;\n            if (differenceValue > differenceValueUpper) {\n              this._rateUpper = position / 100;\n            } else if (differenceValue < differenceValueUpper) {\n              this._rate = position / 100;\n            } else if (\n              !this._dragging &&\n              !this._draggingUpper &&\n              differenceValue === differenceValueUpper\n            ) {\n              if (Math.round(position) > this.unstable_valueUpper) {\n                this._rateUpper = position / 100;\n              } else {\n                this._rate = position / 100;\n              }\n            }\n            this.dispatchEvent(\n              new CustomEvent(\n                (this.constructor as typeof CDSSlider).eventChange,\n                {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    value: this.value,\n                  },\n                }\n              )\n            );\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `pointermove` to update the thumb position and the value as necessary.\n   *\n   * @param event The event.\n   */\n  @HostListener('document:pointermove')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handlePointermove = (event: PointerEvent) => {\n    const {\n      disabled,\n      _dragging: dragging,\n      _draggingUpper: draggingUpper,\n    } = this;\n    if (!disabled && (dragging || draggingUpper)) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      this._throttledHandlePointermoveImpl!(event);\n    }\n  };\n\n  /**\n   * Updates thumb position and value upon user's `pointermove` gesture.\n   *\n   * @param event The event.\n   */\n  private _handlePointermoveImpl(event: PointerEvent) {\n    const {\n      disabled,\n      _dragging: dragging,\n      _trackNode: trackNode,\n      _draggingUpper: draggingUpper,\n    } = this;\n    if (!disabled) {\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        this._trackNode.getBoundingClientRect();\n      if (dragging) {\n        this._setThumbTooltipOpen(this._thumbNode, true);\n        const position =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        if (\n          !this.unstable_valueUpper ||\n          position * 100 <= this.unstable_valueUpper\n        ) {\n          this._rate = position;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                  intermediate: true,\n                },\n              }\n            )\n          );\n        }\n      } else if (draggingUpper) {\n        this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n        const position =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        if (position * 100 >= this.value) {\n          this._rateUpper = position;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.unstable_valueUpper,\n                  intermediate: true,\n                },\n              }\n            )\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `pointerup` and `pointerleave` event to finishing dragging.\n   */\n  private _endDrag = () => {\n    const wasDragging = this._dragging;\n    const wasDraggingUpper = this._draggingUpper;\n    if (this._dragging || this._draggingUpper) {\n      this.dragCoolDown = true;\n    } else {\n      this.dragCoolDown = false;\n    }\n    if (this._dragging) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n      this._dragging = false;\n      this._thumbNode.style.touchAction = '';\n    } else if (this._draggingUpper) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.unstable_valueUpper,\n          },\n        })\n      );\n      this._draggingUpper = false;\n      this._thumbNodeUpper.style.touchAction = '';\n    }\n    if (wasDragging) {\n      const shouldKeepOpen =\n        this._thumbNode?.matches(':hover') ||\n        this.shadowRoot?.activeElement === this._thumbNode;\n      if (!shouldKeepOpen) {\n        this._setThumbTooltipOpen(this._thumbNode, false);\n      }\n    } else if (wasDraggingUpper) {\n      const shouldKeepOpen =\n        this._thumbNodeUpper?.matches(':hover') ||\n        this.shadowRoot?.activeElement === this._thumbNodeUpper;\n      if (!shouldKeepOpen) {\n        this._setThumbTooltipOpen(this._thumbNodeUpper, false);\n      }\n    }\n    if (this._dragging || this._draggingUpper) {\n      this.dragCooldownTimeout = window.setTimeout(() => {\n        this.dragCoolDown = false;\n      }, 100);\n    }\n  };\n\n  /**\n   * Handles `${prefix}-slider-input-changed` event to update the value.\n   */\n  @HostListener('eventChangeInput')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChangeInput = (event: CustomEvent) => {\n    const input = event.target as HTMLElement;\n    const inputElement = input.shadowRoot?.querySelector('input');\n    this.isValid =\n      input.tagName === 'CDS-SLIDER-INPUT'\n        ? this._getInputValidity(input)\n        : this.isValid;\n    this.warn = this._getInputWarnigState(inputElement);\n    const eventContainer = (event.target as HTMLElement).id;\n    const { detail } = event;\n    const { intermediate, value } = detail;\n    this.warnText = intermediate\n      ? `The inputted value ${intermediate} was corrected to the nearest allowed digit`\n      : '';\n    if (intermediate !== value) {\n      if (eventContainer === 'upper') {\n        this.unstable_valueUpper = value;\n      } else {\n        this.value = value;\n      }\n    }\n    const valueMain =\n      eventContainer === 'upper' ? this.unstable_valueUpper : this.value;\n    if (valueMain !== '') {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: valueMain,\n            intermediate,\n          },\n        })\n      );\n    }\n  };\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * \ttrue to specify if the control is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * \tWhether the slider should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The label associated with the maximum value.\n   */\n  @property({ attribute: 'max-label', reflect: true })\n  maxLabel = '';\n\n  /**\n   * The label associated with the minimum value.\n   */\n  @property({ attribute: 'min-label', reflect: true })\n  minLabel = '';\n\n  /**\n   * Specify whether you want the underlying label to be visually hidden\n   */\n  @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n  hideLabel = false;\n\n  /**\n   * The callback to format the label associated with the minimum/maximum value\n   * and the value tooltip when hideTextInput is true.\n   */\n  @property({ attribute: false })\n  formatLabel = (value: number, label: string | undefined) =>\n    `${value}${label ?? ''}`;\n\n  /**\n   * The formatter for the text for maximum value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMaxText = (max: string, maxLabel: string | undefined) =>\n    this.formatLabel(Number(max), maxLabel);\n\n  /**\n   * The formatter for the text for min/max value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMinText = (min: string, minLabel: string | undefined) =>\n    this.formatLabel(Number(min), minLabel);\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * true to specify if the control is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * true to specify if the control should display warn icon and text.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Checks whether the input field is hidden or not\n   */\n  @property({ type: Boolean, attribute: 'hide-text-input', reflect: true })\n  hideTextInput = false;\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * A value determining how much the value should increase/decrease by Shift+arrow keys,\n   * which will be `(max - min) / stepMultiplier`.\n   */\n  @property({ type: Number, reflect: true, attribute: 'step-multiplier' })\n  get stepMultiplier() {\n    return this._stepMultiplier.toString();\n  }\n\n  set stepMultiplier(value) {\n    const { stepMultiplier: oldstepMultiplier } = this;\n    this._stepMultiplier = value;\n    this.requestUpdate('stepMultiplier', oldstepMultiplier);\n  }\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value;\n\n  /**\n   * is slide input valid\n   */\n  @property({ type: Boolean })\n  isValid;\n  _getInputValidity(input) {\n    const inputElement = input?.shadowRoot?.querySelector('input');\n    if (this.invalid) {\n      return false;\n    }\n    if (input?.invalid) {\n      return false;\n    }\n    if (\n      inputElement?.valueAsNumber > Number(this.max) ||\n      inputElement?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n    return true;\n  }\n\n  _getInputWarnigState(input) {\n    if (\n      input?.valueAsNumber > Number(input.max) ||\n      input?.valueAsNumber < Number(input.min)\n    ) {\n      return true;\n    }\n    return false;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl = throttle(\n        this._handlePointermoveImpl,\n        10\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl.cancel();\n      this._throttledHandlePointermoveImpl = null;\n    }\n    clearTimeout(this.dragCooldownTimeout as number);\n    super.disconnectedCallback();\n  }\n  updated() {\n    const sliderfilledTrack = this?.shadowRoot?.querySelector(\n      `.${prefix}--slider__filled-track`\n    ) as HTMLElement;\n    if (sliderfilledTrack) {\n      if (this.unstable_valueUpper || this.unstable_valueUpper === '') {\n        sliderfilledTrack.style.transform = this.unstable_valueUpper\n          ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n          : `translate(0%, -50%) scaleX(${this._rate})`;\n      } else {\n        sliderfilledTrack.style.transform = this.unstable_valueUpper\n          ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n          : `translate(0%, -50%) scaleX(${this._rate})`;\n      }\n    }\n  }\n  shouldUpdate(changedProperties) {\n    const inputs = this.querySelectorAll(\n      (this.constructor as typeof CDSSlider).selectorInput\n    ) as NodeListOf<CDSSliderInput>;\n    inputs.forEach((input, index) => {\n      if (changedProperties.has('disabled')) {\n        if (input) {\n          input.disabled = this.disabled;\n        }\n        if (this.disabled) {\n          this._dragging = false;\n        }\n      }\n      if (changedProperties.has('readonly')) {\n        if (input) {\n          input.readonly = this.readonly;\n        }\n        if (this.readonly) {\n          this._dragging = false;\n        }\n      }\n      if (changedProperties.has('invalid')) {\n        input.invalid = this.invalid;\n      }\n      if (changedProperties.has('warn')) {\n        input.warn = this.warn;\n      }\n      if (changedProperties.has('hideTextInput')) {\n        input.hideTextInput = this.hideTextInput;\n      }\n      if (input) {\n        if (\n          (this.unstable_valueUpper || this.unstable_valueUpper === '') &&\n          index > 0\n        ) {\n          ['max', 'min', 'step', 'unstable_valueUpper'].forEach((name) => {\n            if (name === 'unstable_valueUpper') {\n              input.value = this.unstable_valueUpper;\n            } else if (name === 'min') {\n              input[name] = this.value;\n            } else {\n              input[name] = this[name];\n            }\n          });\n        } else {\n          ['max', 'min', 'step', 'value'].forEach((name) => {\n            if (this.unstable_valueUpper && name === 'max') {\n              input[name] = this.unstable_valueUpper;\n            } else {\n              input[name] = this[name];\n            }\n          });\n        }\n        if (\n          changedProperties.has('value') ||\n          changedProperties.has('invalid') ||\n          changedProperties.has('warn') ||\n          changedProperties.has('readonly')\n        ) {\n          this.isValid = this._getInputValidity(input);\n          if (!this.readonly && !this.isValid) {\n            input.invalid = true;\n          } else {\n            input.invalid = false;\n          }\n        }\n      }\n    });\n    return true;\n  }\n\n  render() {\n    const {\n      disabled,\n      formatLabel,\n      formatMaxText,\n      formatMinText,\n      labelText,\n      hideLabel,\n      hideTextInput,\n      max,\n      min,\n      maxLabel,\n      minLabel,\n      readonly,\n      invalidText,\n      isValid,\n      warn,\n      warnText,\n      value,\n      unstable_valueUpper,\n      _rate: rate,\n      _rateUpper: rateUpper,\n      _handleClickLabel: handleClickLabel,\n      _handleKeydown: handleKeydown,\n      _handleClick: handleClick,\n      onDrag,\n      _endDrag: endDrag,\n    } = this;\n\n    const isInteractive = !readonly && !disabled;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: isInteractive && !isValid,\n      warn: isInteractive && isValid && warn,\n    };\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const sliderClasses = classMap({\n      [`${prefix}--slider`]: true,\n      [`${prefix}--slider--disabled`]: disabled,\n      [`${prefix}--slider--readonly`]: readonly,\n    });\n    const thumbLowerWrapperClasses = classMap({\n      [`${prefix}--icon-tooltip`]: true,\n      [`${prefix}--slider__thumb-wrapper`]: true,\n      [`${prefix}--slider__thumb-wrapper--lower`]:\n        unstable_valueUpper || unstable_valueUpper === '',\n    });\n    const thumbLowerClasses = classMap({\n      [`${prefix}--slider__thumb`]: true,\n      [`${prefix}--slider__thumb--lower`]:\n        unstable_valueUpper || unstable_valueUpper === '',\n      [`${prefix}--slider__thumb-disabled`]: disabled,\n    });\n    const thumbUpperWrapperClasses = classMap({\n      [`${prefix}--icon-tooltip`]: true,\n      [`${prefix}--slider__thumb-wrapper`]: true,\n      [`${prefix}--slider__thumb-wrapper--upper`]: true,\n    });\n    const thumbUpperClasses = classMap({\n      [`${prefix}--slider__thumb`]: true,\n      [`${prefix}--slider__thumb--upper`]: true,\n      [`${prefix}--slider__thumb-disabled`]: disabled,\n    });\n    return html`\n      <label class=\"${labelClasses}\" @click=\"${handleClickLabel}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div class=\"${prefix}--slider-container\">\n        ${unstable_valueUpper || unstable_valueUpper === ''\n          ? html` <slot name=\"lower-input\"></slot>`\n          : ''}\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"min-text\">${formatMinText(min, minLabel)}</slot>\n        </span>\n        <div\n          @keydown=\"${handleKeydown}\"\n          @click=\"${handleClick}\"\n          @pointerup=\"${endDrag}\"\n          @pointerleave=\"${endDrag}\"\n          class=\"${sliderClasses}\"\n          tabindex=\"-1\"\n          role=\"presentation\">\n          ${hideTextInput\n            ? html`\n                <cds-tooltip\n                  class=\"${thumbLowerWrapperClasses}\"\n                  style=\"left: ${rate * 100}%\"\n                  align=\"top\"\n                  .dropShadow=${false}>\n                  <div\n                    id=\"thumb\"\n                    class=\"${thumbLowerClasses}\"\n                    role=\"slider\"\n                    tabindex=\"${!readonly ? 0 : -1}\"\n                    aria-valuemax=\"${max}\"\n                    aria-valuemin=\"${min}\"\n                    aria-valuenow=\"${value}\"\n                    aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n                    @pointerdown=\"${onDrag}\">\n                    ${unstable_valueUpper || unstable_valueUpper === ''\n                      ? html`\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                          </svg>\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds--slider__thumb-icon--focus\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                            <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n                            <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n                            <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n                          </svg>\n                        `\n                      : ``}\n                  </div>\n                  <cds-tooltip-content>\n                    ${formatLabel(Number(value), undefined)}\n                  </cds-tooltip-content>\n                </cds-tooltip>\n              `\n            : html`\n                <div\n                  class=\"${thumbLowerWrapperClasses}\"\n                  style=\"left: ${rate * 100}%\">\n                  <div\n                    id=\"thumb\"\n                    class=\"${thumbLowerClasses}\"\n                    role=\"slider\"\n                    tabindex=\"${!readonly ? 0 : -1}\"\n                    aria-valuemax=\"${max}\"\n                    aria-valuemin=\"${min}\"\n                    aria-valuenow=\"${value}\"\n                    aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n                    @pointerdown=\"${onDrag}\">\n                    ${unstable_valueUpper || unstable_valueUpper === ''\n                      ? html`\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                          </svg>\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds--slider__thumb-icon--focus\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                            <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n                            <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n                            <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n                          </svg>\n                        `\n                      : ``}\n                  </div>\n                </div>\n              `}\n          ${unstable_valueUpper || unstable_valueUpper === ''\n            ? hideTextInput\n              ? html`\n                  <cds-tooltip\n                    class=\"${thumbUpperWrapperClasses}\"\n                    style=\"left: ${rateUpper * 100}%\"\n                    align=\"top\"\n                    .dropShadow=${false}>\n                    <div\n                      id=\"thumb-upper\"\n                      class=\"${thumbUpperClasses}\"\n                      role=\"slider\"\n                      tabindex=\"${!readonly ? 0 : -1}\"\n                      aria-valuemax=\"${max}\"\n                      aria-valuemin=\"${min}\"\n                      aria-valuenow=\"${unstable_valueUpper}\"\n                      aria-valuetext=\"${formatLabel(\n                        Number(unstable_valueUpper),\n                        undefined\n                      )}\"\n                      @pointerdown=\"${onDrag}\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                      </svg>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds--slider__thumb-icon--focus\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                        <path d=\"M.92 24H0v-6.46h.92z\"></path>\n                        <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n                        <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n                      </svg>\n                    </div>\n                    <cds-tooltip-content>\n                      ${formatLabel(Number(unstable_valueUpper), undefined)}\n                    </cds-tooltip-content>\n                  </cds-tooltip>\n                `\n              : html`\n                  <div\n                    class=\"${thumbUpperWrapperClasses}\"\n                    style=\"left: ${rateUpper * 100}%\">\n                    <div\n                      id=\"thumb-upper\"\n                      class=\"${thumbUpperClasses}\"\n                      role=\"slider\"\n                      tabindex=\"${!readonly ? 0 : -1}\"\n                      aria-valuemax=\"${max}\"\n                      aria-valuemin=\"${min}\"\n                      aria-valuenow=\"${unstable_valueUpper}\"\n                      aria-valuetext=\"${formatLabel(\n                        Number(unstable_valueUpper),\n                        undefined\n                      )}\"\n                      @pointerdown=\"${onDrag}\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                      </svg>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds--slider__thumb-icon--focus\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                        <path d=\"M.92 24H0v-6.46h.92z\"></path>\n                        <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n                        <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n                      </svg>\n                    </div>\n                  </div>\n                `\n            : html``}\n          <div id=\"track\" class=\"${prefix}--slider__track\"></div>\n          ${unstable_valueUpper || unstable_valueUpper === ''\n            ? html` <div class=\"${prefix}--slider__filled-track\"></div> `\n            : html` <div class=\"${prefix}-ce--slider__filled-track-container\">\n                <div class=\"${prefix}--slider__filled-track\"></div>\n              </div>`}\n        </div>\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"max-text\">${formatMaxText(max, maxLabel)}</slot>\n        </span>\n        <slot></slot>\n      </div>\n\n      ${normalizedProps.invalid\n        ? html`\n            <div\n              class=\"${prefix}--slider__validation-msg ${prefix}--slider__validation-msg--invalid ${prefix}--form-requirement\">\n              ${invalidText}\n            </div>\n          `\n        : null}\n      ${normalizedProps.warn\n        ? html`<div\n            class=\"${prefix}--slider__validation-msg ${prefix}--form-requirement\">\n            ${warnText}\n          </div>`\n        : null}\n    `;\n  }\n\n  /**\n   * A selector that will return the `<input>` box got entering the value directly.\n   */\n  static get selectorInput() {\n    return `${prefix}-slider-input`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.\n   */\n  static get eventChangeInput() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSlider;\n"],"mappings":"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"}
+{"version":3,"file":"slider.js","names":["styles","customElement"],"sources":["../../../src/components/slider/slider.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport throttle from 'lodash-es/throttle';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport CDSSliderInput from './slider-input';\nimport '../tooltip/index';\nimport styles from './slider.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ninterface Cancelable {\n  cancel(): void;\n}\n\n/**\n * The direction to move the thumb, associated with key symbols.\n */\nconst THUMB_DIRECTION = {\n  Left: -1,\n  ArrowLeft: -1,\n  Up: -1,\n  ArrowUp: -1,\n  Right: 1,\n  ArrowRight: 1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * Minimum time between processed \"drag\" events.\n */\nconst EVENT_THROTTLE = 16; // ms\n\n/**\n * Slider.\n *\n * @element cds-slider\n * @fires cds-slider-input-changed\n *   The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.\n * @slot label-text - The label text.\n * @slot max-text - The text for maximum value.\n * @slot min-text - The text for minimum value.\n * @fires cds-slider-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider`)\nclass CDSSlider extends HostListenerMixin(FormMixin(FocusMixin(LitElement))) {\n  private _cachedRateUpper: number = 1;\n  private _cachedRate: number = 0;\n  private dragCooldownTimeout: number | null = null;\n  private dragCoolDown: boolean = false;\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * The internal value of `stepMultiplier` property.\n   */\n  private _stepMultiplier = '4';\n\n  /**\n   * The handle for the throttled listener of `pointermove` event.\n   */\n  private _throttledHandlePointermoveImpl:\n    | (((event: PointerEvent) => void) & Cancelable)\n    | null = null;\n\n  /**\n   * `true` if dragging of thumb is in progress.\n   */\n  private _dragging = false;\n  /**\n   * `true` if dragging of thumb upper is in progress.\n   */\n  private _draggingUpper = false;\n\n  /**\n   * The upper bound when there are two handles..\n   */\n  @property({ type: Number, attribute: 'value-upper' })\n  unstable_valueUpper;\n\n  /**\n   * The rate of the thumb position in the track.\n   * When we try to set a new value, we adjust the value considering `step` property.\n   */\n  private get _rate() {\n    const { max, min, value } = this;\n    // Copes with out-of-range value coming programmatically or from `<cds-slider-input>`\n    if (value) {\n      const rate =\n        (Math.min(Number(max), Math.max(Number(min), value)) - Number(min)) /\n        (Number(max) - Number(min));\n      this._cachedRate = rate;\n      return rate;\n    } else {\n      return this._cachedRate;\n    }\n  }\n\n  private set _rate(rate: number) {\n    const { max, min, step } = this;\n    this.value =\n      Number(min) +\n      Math.round(\n        ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rate))) /\n          Number(step)\n      ) *\n        Number(step);\n  }\n  /**\n   * The rate of the upper thumb position in the track.\n   * When we try to set a new value for upper input, we adjust the value considering `step` property.\n   */\n  private get _rateUpper() {\n    const { max, min, unstable_valueUpper } = this;\n    // Copes with out-of-range value coming programmatically or from `<cds-slider-input>`\n    if (unstable_valueUpper) {\n      const rateUpper =\n        (Math.min(Number(max), Math.max(Number(min), unstable_valueUpper)) -\n          Number(min)) /\n        (Number(max) - Number(min));\n      this._cachedRateUpper = rateUpper;\n      return rateUpper;\n    } else {\n      return this._cachedRateUpper;\n    }\n  }\n\n  private set _rateUpper(rateUpper: number) {\n    const { max, min, step } = this;\n    this.unstable_valueUpper =\n      Number(min) +\n      Math.round(\n        ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rateUpper))) /\n          Number(step)\n      ) *\n        Number(step);\n  }\n\n  /**\n   * The DOM element of the thumb.\n   */\n  @query('#thumb')\n  private _thumbNode!: HTMLDivElement;\n  /**\n   * The DOM element of the thumb upper.\n   */\n  @query('#thumb-upper')\n  private _thumbNodeUpper!: HTMLDivElement;\n\n  /**\n   * The DOM element of the track.\n   */\n  @query('#track')\n  private _trackNode!: HTMLDivElement;\n\n  /**\n   * Handles `click` event on the `<label>` to focus on the thumb.\n   */\n  _handleClickLabel() {\n    this._thumbNode?.focus();\n  }\n\n  private _setThumbTooltipOpen(thumb: HTMLElement | null, open: boolean) {\n    if (!this.hideTextInput || !thumb) {\n      return;\n    }\n    const tooltip = thumb.closest(`${prefix}-tooltip`) as\n      | (HTMLElement & { open: boolean })\n      | null;\n    if (tooltip) {\n      tooltip.open = open;\n    }\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, String(value));\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the thumb to increase/decrease the value.\n   */\n  private _handleKeydown(event: KeyboardEvent) {\n    const eventContainer = (event.target as HTMLElement).id;\n    const { key, shiftKey } = event;\n    if (!this.disabled && !this.readonly) {\n      if (key in THUMB_DIRECTION) {\n        const {\n          max: rawMax,\n          min: rawMin,\n          step: rawStep,\n          stepMultiplier: rawstepMultiplier,\n          value,\n          unstable_valueUpper,\n        } = this;\n        const max = Number(rawMax);\n        const min = Number(rawMin);\n        const step = Number(rawStep);\n        const stepMultiplier = Number(rawstepMultiplier);\n        const diff =\n          (!shiftKey ? step : (max - min) / stepMultiplier) *\n          THUMB_DIRECTION[key];\n        // Snaps to next\n        if (eventContainer == 'thumb-upper') {\n          const stepCount = (unstable_valueUpper + diff) / step;\n          const position = Math.min(\n            max,\n            Math.max(\n              min,\n              (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n            )\n          );\n          if (position >= this.value) {\n            this.unstable_valueUpper = position;\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.unstable_valueUpper,\n                  intermediate: false,\n                },\n              }\n            )\n          );\n        } else {\n          const stepCount = (value + diff) / step;\n          const position = Math.min(\n            max,\n            Math.max(\n              min,\n              (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n            )\n          );\n          if (\n            !this.unstable_valueUpper ||\n            position <= this.unstable_valueUpper\n          ) {\n            this.value = position;\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                  intermediate: false,\n                },\n              }\n            )\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Throttles calls to `this._onDrag` by limiting events to being processed at\n   * most once every `EVENT_THROTTLE` milliseconds.\n   */\n  onDrag = throttle(this._startDrag, EVENT_THROTTLE, {\n    leading: true,\n    trailing: false,\n  });\n\n  /**\n   * Handles `pointerdown` event on the thumb to start dragging.\n   */\n  private _startDrag(event: PointerEvent) {\n    if (!this.readonly && !this.disabled) {\n      let eventContainer = (event.target as HTMLElement).id;\n      if (!eventContainer) {\n        const thumb = (event.target as HTMLElement).closest(\n          `.${prefix}--slider__thumb`\n        ) as HTMLElement | null;\n        eventContainer = thumb?.id ?? '';\n      }\n      if (eventContainer === 'thumb') {\n        this._dragging = true;\n        this._thumbNode.style.touchAction = 'none';\n        this._setThumbTooltipOpen(this._thumbNode, true);\n      } else if (eventContainer === 'thumb-upper') {\n        this._draggingUpper = true;\n        this._thumbNodeUpper.style.touchAction = 'none';\n        this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n      }\n    }\n  }\n\n  /**\n   * Handles `pointerdown` event on the track to update the thumb position and the value as necessary.\n   */\n  private _handleClick(event: PointerEvent) {\n    let eventContainer = (event.target as HTMLInputElement).id;\n    if (!eventContainer) {\n      const thumb = (event.target as HTMLElement).closest(\n        `.${prefix}--slider__thumb`\n      ) as HTMLElement | null;\n      eventContainer = thumb?.id ?? '';\n    }\n    if (!this.disabled && !this.readonly) {\n      const { _trackNode: trackNode } = this;\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        trackNode.getBoundingClientRect();\n      if (eventContainer === 'thumb-upper') {\n        this._rateUpper =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        this.dispatchEvent(\n          new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n            bubbles: true,\n            composed: true,\n            detail: {\n              value: this.unstable_valueUpper,\n            },\n          })\n        );\n      } else {\n        if (!this.unstable_valueUpper) {\n          this._rate =\n            (isRtl\n              ? trackLeft + trackWidth - thumbPosition\n              : thumbPosition - trackLeft) / trackWidth;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                },\n              }\n            )\n          );\n        } else {\n          if (!this.dragCoolDown) {\n            const position =\n              ((isRtl\n                ? trackLeft + trackWidth - thumbPosition\n                : thumbPosition - trackLeft) /\n                trackWidth) *\n              100;\n            const differenceValue =\n              position > this.value\n                ? position - this.value\n                : this.value - position;\n            const differenceValueUpper =\n              position > this.unstable_valueUpper\n                ? position - this.unstable_valueUpper\n                : this.unstable_valueUpper - position;\n            if (differenceValue > differenceValueUpper) {\n              this._rateUpper = position / 100;\n            } else if (differenceValue < differenceValueUpper) {\n              this._rate = position / 100;\n            } else if (\n              !this._dragging &&\n              !this._draggingUpper &&\n              differenceValue === differenceValueUpper\n            ) {\n              if (Math.round(position) > this.unstable_valueUpper) {\n                this._rateUpper = position / 100;\n              } else {\n                this._rate = position / 100;\n              }\n            }\n            this.dispatchEvent(\n              new CustomEvent(\n                (this.constructor as typeof CDSSlider).eventChange,\n                {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    value: this.value,\n                  },\n                }\n              )\n            );\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `pointermove` to update the thumb position and the value as necessary.\n   *\n   * @param event The event.\n   */\n  @HostListener('document:pointermove')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handlePointermove = (event: PointerEvent) => {\n    const {\n      disabled,\n      _dragging: dragging,\n      _draggingUpper: draggingUpper,\n    } = this;\n    if (!disabled && (dragging || draggingUpper)) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      this._throttledHandlePointermoveImpl!(event);\n    }\n  };\n\n  /**\n   * Updates thumb position and value upon user's `pointermove` gesture.\n   *\n   * @param event The event.\n   */\n  private _handlePointermoveImpl(event: PointerEvent) {\n    const {\n      disabled,\n      _dragging: dragging,\n      _trackNode: trackNode,\n      _draggingUpper: draggingUpper,\n    } = this;\n    if (!disabled) {\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        this._trackNode.getBoundingClientRect();\n      if (dragging) {\n        this._setThumbTooltipOpen(this._thumbNode, true);\n        const position =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        if (\n          !this.unstable_valueUpper ||\n          position * 100 <= this.unstable_valueUpper\n        ) {\n          this._rate = position;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                  intermediate: true,\n                },\n              }\n            )\n          );\n        }\n      } else if (draggingUpper) {\n        this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n        const position =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        if (position * 100 >= this.value) {\n          this._rateUpper = position;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.unstable_valueUpper,\n                  intermediate: true,\n                },\n              }\n            )\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `pointerup` and `pointerleave` event to finishing dragging.\n   */\n  private _endDrag = () => {\n    const wasDragging = this._dragging;\n    const wasDraggingUpper = this._draggingUpper;\n    if (this._dragging || this._draggingUpper) {\n      this.dragCoolDown = true;\n    } else {\n      this.dragCoolDown = false;\n    }\n    if (this._dragging) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n      this._dragging = false;\n      this._thumbNode.style.touchAction = '';\n    } else if (this._draggingUpper) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.unstable_valueUpper,\n          },\n        })\n      );\n      this._draggingUpper = false;\n      this._thumbNodeUpper.style.touchAction = '';\n    }\n    if (wasDragging) {\n      const shouldKeepOpen =\n        this._thumbNode?.matches(':hover') ||\n        this.shadowRoot?.activeElement === this._thumbNode;\n      if (!shouldKeepOpen) {\n        this._setThumbTooltipOpen(this._thumbNode, false);\n      }\n    } else if (wasDraggingUpper) {\n      const shouldKeepOpen =\n        this._thumbNodeUpper?.matches(':hover') ||\n        this.shadowRoot?.activeElement === this._thumbNodeUpper;\n      if (!shouldKeepOpen) {\n        this._setThumbTooltipOpen(this._thumbNodeUpper, false);\n      }\n    }\n    if (this._dragging || this._draggingUpper) {\n      this.dragCooldownTimeout = window.setTimeout(() => {\n        this.dragCoolDown = false;\n      }, 100);\n    }\n  };\n\n  /**\n   * Handles `${prefix}-slider-input-changed` event to update the value.\n   */\n  @HostListener('eventChangeInput')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChangeInput = (event: CustomEvent) => {\n    const input = event.target as HTMLElement;\n    const inputElement = input.shadowRoot?.querySelector('input');\n    this.isValid =\n      input.tagName === 'CDS-SLIDER-INPUT'\n        ? this._getInputValidity(input)\n        : this.isValid;\n    this.warn = this._getInputWarnigState(inputElement);\n    const eventContainer = (event.target as HTMLElement).id;\n    const { detail } = event;\n    const { intermediate, value } = detail;\n    this.warnText = intermediate\n      ? `The inputted value ${intermediate} was corrected to the nearest allowed digit`\n      : '';\n    if (intermediate !== value) {\n      if (eventContainer === 'upper') {\n        this.unstable_valueUpper = value;\n      } else {\n        this.value = value;\n      }\n    }\n    const valueMain =\n      eventContainer === 'upper' ? this.unstable_valueUpper : this.value;\n    if (valueMain !== '') {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: valueMain,\n            intermediate,\n          },\n        })\n      );\n    }\n  };\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * \ttrue to specify if the control is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * \tWhether the slider should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The label associated with the maximum value.\n   */\n  @property({ attribute: 'max-label', reflect: true })\n  maxLabel = '';\n\n  /**\n   * The label associated with the minimum value.\n   */\n  @property({ attribute: 'min-label', reflect: true })\n  minLabel = '';\n\n  /**\n   * Specify whether you want the underlying label to be visually hidden\n   */\n  @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n  hideLabel = false;\n\n  /**\n   * The callback to format the label associated with the minimum/maximum value\n   * and the value tooltip when hideTextInput is true.\n   */\n  @property({ attribute: false })\n  formatLabel = (value: number, label: string | undefined) =>\n    `${value}${label ?? ''}`;\n\n  /**\n   * The formatter for the text for maximum value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMaxText = (max: string, maxLabel: string | undefined) =>\n    this.formatLabel(Number(max), maxLabel);\n\n  /**\n   * The formatter for the text for min/max value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMinText = (min: string, minLabel: string | undefined) =>\n    this.formatLabel(Number(min), minLabel);\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * true to specify if the control is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * true to specify if the control should display warn icon and text.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Checks whether the input field is hidden or not\n   */\n  @property({ type: Boolean, attribute: 'hide-text-input', reflect: true })\n  hideTextInput = false;\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * A value determining how much the value should increase/decrease by Shift+arrow keys,\n   * which will be `(max - min) / stepMultiplier`.\n   */\n  @property({ type: Number, reflect: true, attribute: 'step-multiplier' })\n  get stepMultiplier() {\n    return this._stepMultiplier.toString();\n  }\n\n  set stepMultiplier(value) {\n    const { stepMultiplier: oldstepMultiplier } = this;\n    this._stepMultiplier = value;\n    this.requestUpdate('stepMultiplier', oldstepMultiplier);\n  }\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value;\n\n  /**\n   * is slide input valid\n   */\n  @property({ type: Boolean })\n  isValid;\n  _getInputValidity(input) {\n    const inputElement = input?.shadowRoot?.querySelector('input');\n    if (this.invalid) {\n      return false;\n    }\n    if (input?.invalid) {\n      return false;\n    }\n    if (\n      inputElement?.valueAsNumber > Number(this.max) ||\n      inputElement?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n    return true;\n  }\n\n  _getInputWarnigState(input) {\n    if (\n      input?.valueAsNumber > Number(input.max) ||\n      input?.valueAsNumber < Number(input.min)\n    ) {\n      return true;\n    }\n    return false;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl = throttle(\n        this._handlePointermoveImpl,\n        10\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl.cancel();\n      this._throttledHandlePointermoveImpl = null;\n    }\n    clearTimeout(this.dragCooldownTimeout as number);\n    super.disconnectedCallback();\n  }\n  updated() {\n    const sliderfilledTrack = this?.shadowRoot?.querySelector(\n      `.${prefix}--slider__filled-track`\n    ) as HTMLElement;\n    if (sliderfilledTrack) {\n      if (this.unstable_valueUpper || this.unstable_valueUpper === '') {\n        sliderfilledTrack.style.transform = this.unstable_valueUpper\n          ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n          : `translate(0%, -50%) scaleX(${this._rate})`;\n      } else {\n        sliderfilledTrack.style.transform = this.unstable_valueUpper\n          ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n          : `translate(0%, -50%) scaleX(${this._rate})`;\n      }\n    }\n  }\n  shouldUpdate(changedProperties) {\n    const inputs = this.querySelectorAll(\n      (this.constructor as typeof CDSSlider).selectorInput\n    ) as NodeListOf<CDSSliderInput>;\n    inputs.forEach((input, index) => {\n      if (changedProperties.has('disabled')) {\n        if (input) {\n          input.disabled = this.disabled;\n        }\n        if (this.disabled) {\n          this._dragging = false;\n        }\n      }\n      if (changedProperties.has('readonly')) {\n        if (input) {\n          input.readonly = this.readonly;\n        }\n        if (this.readonly) {\n          this._dragging = false;\n        }\n      }\n      if (changedProperties.has('invalid')) {\n        input.invalid = this.invalid;\n      }\n      if (changedProperties.has('warn')) {\n        input.warn = this.warn;\n      }\n      if (changedProperties.has('hideTextInput')) {\n        input.hideTextInput = this.hideTextInput;\n      }\n      if (input) {\n        if (\n          (this.unstable_valueUpper || this.unstable_valueUpper === '') &&\n          index > 0\n        ) {\n          ['max', 'min', 'step', 'unstable_valueUpper'].forEach((name) => {\n            if (name === 'unstable_valueUpper') {\n              input.value = this.unstable_valueUpper;\n            } else if (name === 'min') {\n              input[name] = this.value;\n            } else {\n              input[name] = this[name];\n            }\n          });\n        } else {\n          ['max', 'min', 'step', 'value'].forEach((name) => {\n            if (this.unstable_valueUpper && name === 'max') {\n              input[name] = this.unstable_valueUpper;\n            } else {\n              input[name] = this[name];\n            }\n          });\n        }\n        if (\n          changedProperties.has('value') ||\n          changedProperties.has('invalid') ||\n          changedProperties.has('warn') ||\n          changedProperties.has('readonly')\n        ) {\n          this.isValid = this._getInputValidity(input);\n          if (!this.readonly && !this.isValid) {\n            input.invalid = true;\n          } else {\n            input.invalid = false;\n          }\n        }\n      }\n    });\n    return true;\n  }\n\n  render() {\n    const {\n      disabled,\n      formatLabel,\n      formatMaxText,\n      formatMinText,\n      labelText,\n      hideLabel,\n      hideTextInput,\n      max,\n      min,\n      maxLabel,\n      minLabel,\n      readonly,\n      invalidText,\n      isValid,\n      warn,\n      warnText,\n      value,\n      unstable_valueUpper,\n      _rate: rate,\n      _rateUpper: rateUpper,\n      _handleClickLabel: handleClickLabel,\n      _handleKeydown: handleKeydown,\n      _handleClick: handleClick,\n      onDrag,\n      _endDrag: endDrag,\n    } = this;\n\n    const isInteractive = !readonly && !disabled;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: isInteractive && !isValid,\n      warn: isInteractive && isValid && warn,\n    };\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const sliderClasses = classMap({\n      [`${prefix}--slider`]: true,\n      [`${prefix}--slider--disabled`]: disabled,\n      [`${prefix}--slider--readonly`]: readonly,\n    });\n    const thumbLowerWrapperClasses = classMap({\n      [`${prefix}--icon-tooltip`]: true,\n      [`${prefix}--slider__thumb-wrapper`]: true,\n      [`${prefix}--slider__thumb-wrapper--lower`]:\n        unstable_valueUpper || unstable_valueUpper === '',\n    });\n    const thumbLowerClasses = classMap({\n      [`${prefix}--slider__thumb`]: true,\n      [`${prefix}--slider__thumb--lower`]:\n        unstable_valueUpper || unstable_valueUpper === '',\n      [`${prefix}--slider__thumb-disabled`]: disabled,\n    });\n    const thumbUpperWrapperClasses = classMap({\n      [`${prefix}--icon-tooltip`]: true,\n      [`${prefix}--slider__thumb-wrapper`]: true,\n      [`${prefix}--slider__thumb-wrapper--upper`]: true,\n    });\n    const thumbUpperClasses = classMap({\n      [`${prefix}--slider__thumb`]: true,\n      [`${prefix}--slider__thumb--upper`]: true,\n      [`${prefix}--slider__thumb-disabled`]: disabled,\n    });\n    return html`\n      <label class=\"${labelClasses}\" @click=\"${handleClickLabel}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div class=\"${prefix}--slider-container\">\n        ${unstable_valueUpper || unstable_valueUpper === ''\n          ? html` <slot name=\"lower-input\"></slot>`\n          : ''}\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"min-text\">${formatMinText(min, minLabel)}</slot>\n        </span>\n        <div\n          @keydown=\"${handleKeydown}\"\n          @click=\"${handleClick}\"\n          @pointerup=\"${endDrag}\"\n          @pointerleave=\"${endDrag}\"\n          class=\"${sliderClasses}\"\n          tabindex=\"-1\"\n          role=\"presentation\">\n          ${hideTextInput\n            ? html`\n                <cds-tooltip\n                  class=\"${thumbLowerWrapperClasses}\"\n                  style=\"left: ${rate * 100}%\"\n                  align=\"top\"\n                  .dropShadow=${false}>\n                  <div\n                    id=\"thumb\"\n                    class=\"${thumbLowerClasses}\"\n                    role=\"slider\"\n                    tabindex=\"${!readonly ? 0 : -1}\"\n                    aria-valuemax=\"${max}\"\n                    aria-valuemin=\"${min}\"\n                    aria-valuenow=\"${value}\"\n                    aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n                    @pointerdown=\"${onDrag}\">\n                    ${unstable_valueUpper || unstable_valueUpper === ''\n                      ? html`\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                          </svg>\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds--slider__thumb-icon--focus\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                            <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n                            <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n                            <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n                          </svg>\n                        `\n                      : ``}\n                  </div>\n                  <cds-tooltip-content>\n                    ${formatLabel(Number(value), undefined)}\n                  </cds-tooltip-content>\n                </cds-tooltip>\n              `\n            : html`\n                <div\n                  class=\"${thumbLowerWrapperClasses}\"\n                  style=\"left: ${rate * 100}%\">\n                  <div\n                    id=\"thumb\"\n                    class=\"${thumbLowerClasses}\"\n                    role=\"slider\"\n                    tabindex=\"${!readonly ? 0 : -1}\"\n                    aria-valuemax=\"${max}\"\n                    aria-valuemin=\"${min}\"\n                    aria-valuenow=\"${value}\"\n                    aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n                    @pointerdown=\"${onDrag}\">\n                    ${unstable_valueUpper || unstable_valueUpper === ''\n                      ? html`\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                          </svg>\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds--slider__thumb-icon--focus\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                            <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n                            <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n                            <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n                          </svg>\n                        `\n                      : ``}\n                  </div>\n                </div>\n              `}\n          ${unstable_valueUpper || unstable_valueUpper === ''\n            ? hideTextInput\n              ? html`\n                  <cds-tooltip\n                    class=\"${thumbUpperWrapperClasses}\"\n                    style=\"left: ${rateUpper * 100}%\"\n                    align=\"top\"\n                    .dropShadow=${false}>\n                    <div\n                      id=\"thumb-upper\"\n                      class=\"${thumbUpperClasses}\"\n                      role=\"slider\"\n                      tabindex=\"${!readonly ? 0 : -1}\"\n                      aria-valuemax=\"${max}\"\n                      aria-valuemin=\"${min}\"\n                      aria-valuenow=\"${unstable_valueUpper}\"\n                      aria-valuetext=\"${formatLabel(\n                        Number(unstable_valueUpper),\n                        undefined\n                      )}\"\n                      @pointerdown=\"${onDrag}\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                      </svg>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds--slider__thumb-icon--focus\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                        <path d=\"M.92 24H0v-6.46h.92z\"></path>\n                        <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n                        <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n                      </svg>\n                    </div>\n                    <cds-tooltip-content>\n                      ${formatLabel(Number(unstable_valueUpper), undefined)}\n                    </cds-tooltip-content>\n                  </cds-tooltip>\n                `\n              : html`\n                  <div\n                    class=\"${thumbUpperWrapperClasses}\"\n                    style=\"left: ${rateUpper * 100}%\">\n                    <div\n                      id=\"thumb-upper\"\n                      class=\"${thumbUpperClasses}\"\n                      role=\"slider\"\n                      tabindex=\"${!readonly ? 0 : -1}\"\n                      aria-valuemax=\"${max}\"\n                      aria-valuemin=\"${min}\"\n                      aria-valuenow=\"${unstable_valueUpper}\"\n                      aria-valuetext=\"${formatLabel(\n                        Number(unstable_valueUpper),\n                        undefined\n                      )}\"\n                      @pointerdown=\"${onDrag}\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                      </svg>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds--slider__thumb-icon--focus\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                        <path d=\"M.92 24H0v-6.46h.92z\"></path>\n                        <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n                        <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n                      </svg>\n                    </div>\n                  </div>\n                `\n            : html``}\n          <div id=\"track\" class=\"${prefix}--slider__track\"></div>\n          ${unstable_valueUpper || unstable_valueUpper === ''\n            ? html` <div class=\"${prefix}--slider__filled-track\"></div> `\n            : html` <div class=\"${prefix}-ce--slider__filled-track-container\">\n                <div class=\"${prefix}--slider__filled-track\"></div>\n              </div>`}\n        </div>\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"max-text\">${formatMaxText(max, maxLabel)}</slot>\n        </span>\n        <slot></slot>\n      </div>\n\n      ${normalizedProps.invalid\n        ? html`\n            <div\n              class=\"${prefix}--slider__validation-msg ${prefix}--slider__validation-msg--invalid ${prefix}--form-requirement\">\n              ${invalidText}\n            </div>\n          `\n        : null}\n      ${normalizedProps.warn\n        ? html`<div\n            class=\"${prefix}--slider__validation-msg ${prefix}--form-requirement\">\n            ${warnText}\n          </div>`\n        : null}\n    `;\n  }\n\n  /**\n   * A selector that will return the `<input>` box got entering the value directly.\n   */\n  static get selectorInput() {\n    return `${prefix}-slider-input`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.\n   */\n  static get eventChangeInput() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSlider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,kBAAkB;CACtB,MAAM;CACN,WAAW;CACX,IAAI;CACJ,SAAS;CACT,OAAO;CACP,YAAY;CACZ,MAAM;CACN,WAAW;CACZ;;;;AAKD,MAAM,iBAAiB;;;;;;;;;;;;AAavB,IAAA,YAAA,MACM,kBAAkB,kBAAkB,UAAU,WAAW,WAAW,CAAC,CAAC,CAAC;;;0BACxC;qBACL;6BACe;sBACb;cAIjB;cAKA;eAKC;yBAKU;yCAOf;mBAKS;wBAIK;gBAoMhB,SAAS,KAAK,YAAY,gBAAgB;GACjD,SAAS;GACT,UAAU;GACX,CAAC;6BAwI4B,UAAwB;GACpD,MAAM,EACJ,UACA,WAAW,UACX,gBAAgB,kBACd;AACJ,OAAI,CAAC,aAAa,YAAY,eAE5B,MAAK,gCAAiC,MAAM;;wBA+EvB;GACvB,MAAM,cAAc,KAAK;GACzB,MAAM,mBAAmB,KAAK;AAC9B,OAAI,KAAK,aAAa,KAAK,eACzB,MAAK,eAAe;OAEpB,MAAK,eAAe;AAEtB,OAAI,KAAK,WAAW;AAClB,SAAK,cACH,IAAI,YAAa,KAAK,YAAiC,aAAa;KAClE,SAAS;KACT,UAAU;KACV,QAAQ,EACN,OAAO,KAAK,OACb;KACF,CAAC,CACH;AACD,SAAK,YAAY;AACjB,SAAK,WAAW,MAAM,cAAc;cAC3B,KAAK,gBAAgB;AAC9B,SAAK,cACH,IAAI,YAAa,KAAK,YAAiC,aAAa;KAClE,SAAS;KACT,UAAU;KACV,QAAQ,EACN,OAAO,KAAK,qBACb;KACF,CAAC,CACH;AACD,SAAK,iBAAiB;AACtB,SAAK,gBAAgB,MAAM,cAAc;;AAE3C,OAAI;QAIE,EAFF,KAAK,YAAY,QAAQ,SAAS,IAClC,KAAK,YAAY,kBAAkB,KAAK,YAExC,MAAK,qBAAqB,KAAK,YAAY,MAAM;cAE1C;QAIL,EAFF,KAAK,iBAAiB,QAAQ,SAAS,IACvC,KAAK,YAAY,kBAAkB,KAAK,iBAExC,MAAK,qBAAqB,KAAK,iBAAiB,MAAM;;AAG1D,OAAI,KAAK,aAAa,KAAK,eACzB,MAAK,sBAAsB,OAAO,iBAAiB;AACjD,SAAK,eAAe;MACnB,IAAI;;6BAUmB,UAAuB;GACnD,MAAM,QAAQ,MAAM;GACpB,MAAM,eAAe,MAAM,YAAY,cAAc,QAAQ;AAC7D,QAAK,UACH,MAAM,YAAY,qBACd,KAAK,kBAAkB,MAAM,GAC7B,KAAK;AACX,QAAK,OAAO,KAAK,qBAAqB,aAAa;GACnD,MAAM,iBAAkB,MAAM,OAAuB;GACrD,MAAM,EAAE,WAAW;GACnB,MAAM,EAAE,cAAc,UAAU;AAChC,QAAK,WAAW,eACZ,sBAAsB,aAAa,+CACnC;AACJ,OAAI,iBAAiB,MACnB,KAAI,mBAAmB,QACrB,MAAK,sBAAsB;OAE3B,MAAK,QAAQ;GAGjB,MAAM,YACJ,mBAAmB,UAAU,KAAK,sBAAsB,KAAK;AAC/D,OAAI,cAAc,GAChB,MAAK,cACH,IAAI,YAAa,KAAK,YAAiC,aAAa;IAClE,SAAS;IACT,UAAU;IACV,QAAQ;KACN,OAAO;KACP;KACD;IACF,CAAC,CACH;;kBAQM;kBAMA;kBAMA;mBAMC;kBAMD;kBAMA;mBAMC;sBAOG,OAAe,UAC5B,GAAG,QAAQ,SAAS;wBAOL,KAAa,aAC5B,KAAK,YAAY,OAAO,IAAI,EAAE,SAAS;wBAOxB,KAAa,aAC5B,KAAK,YAAY,OAAO,IAAI,EAAE,SAAS;iBAwC/B;qBAMI;cAMP;kBAMI;uBAMK;;;;;;CA5nBhB,IAAY,QAAQ;EAClB,MAAM,EAAE,KAAK,KAAK,UAAU;AAE5B,MAAI,OAAO;GACT,MAAM,QACH,KAAK,IAAI,OAAO,IAAI,EAAE,KAAK,IAAI,OAAO,IAAI,EAAE,MAAM,CAAC,GAAG,OAAO,IAAI,KACjE,OAAO,IAAI,GAAG,OAAO,IAAI;AAC5B,QAAK,cAAc;AACnB,UAAO;QAEP,QAAO,KAAK;;CAIhB,IAAY,MAAM,MAAc;EAC9B,MAAM,EAAE,KAAK,KAAK,SAAS;AAC3B,OAAK,QACH,OAAO,IAAI,GACX,KAAK,OACD,OAAO,IAAI,GAAG,OAAO,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,CAAC,GAC3D,OAAO,KAAK,CACf,GACC,OAAO,KAAK;;;;;;CAMlB,IAAY,aAAa;EACvB,MAAM,EAAE,KAAK,KAAK,wBAAwB;AAE1C,MAAI,qBAAqB;GACvB,MAAM,aACH,KAAK,IAAI,OAAO,IAAI,EAAE,KAAK,IAAI,OAAO,IAAI,EAAE,oBAAoB,CAAC,GAChE,OAAO,IAAI,KACZ,OAAO,IAAI,GAAG,OAAO,IAAI;AAC5B,QAAK,mBAAmB;AACxB,UAAO;QAEP,QAAO,KAAK;;CAIhB,IAAY,WAAW,WAAmB;EACxC,MAAM,EAAE,KAAK,KAAK,SAAS;AAC3B,OAAK,sBACH,OAAO,IAAI,GACX,KAAK,OACD,OAAO,IAAI,GAAG,OAAO,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC,GAChE,OAAO,KAAK,CACf,GACC,OAAO,KAAK;;;;;CAuBlB,oBAAoB;AAClB,OAAK,YAAY,OAAO;;CAG1B,qBAA6B,OAA2B,MAAe;AACrE,MAAI,CAAC,KAAK,iBAAiB,CAAC,MAC1B;EAEF,MAAM,UAAU,MAAM,QAAQ,cAAoB;AAGlD,MAAI,QACF,SAAQ,OAAO;;CAInB,gBAAgB,OAAsB;EACpC,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,UAAU,MAAM,UAAU;AAClC,MAAI,CAAC,SACH,UAAS,OAAO,MAAM,OAAO,MAAM,CAAC;;;;;CAOxC,eAAuB,OAAsB;EAC3C,MAAM,iBAAkB,MAAM,OAAuB;EACrD,MAAM,EAAE,KAAK,aAAa;AAC1B,MAAI,CAAC,KAAK,YAAY,CAAC,KAAK;OACtB,OAAO,iBAAiB;IAC1B,MAAM,EACJ,KAAK,QACL,KAAK,QACL,MAAM,SACN,gBAAgB,mBAChB,OACA,wBACE;IACJ,MAAM,MAAM,OAAO,OAAO;IAC1B,MAAM,MAAM,OAAO,OAAO;IAC1B,MAAM,OAAO,OAAO,QAAQ;IAC5B,MAAM,iBAAiB,OAAO,kBAAkB;IAChD,MAAM,QACH,CAAC,WAAW,QAAQ,MAAM,OAAO,kBAClC,gBAAgB;AAElB,QAAI,kBAAkB,eAAe;KACnC,MAAM,aAAa,sBAAsB,QAAQ;KACjD,MAAM,WAAW,KAAK,IACpB,KACA,KAAK,IACH,MACC,QAAQ,IAAI,KAAK,MAAM,UAAU,GAAG,KAAK,KAAK,UAAU,IAAI,KAC9D,CACF;AACD,SAAI,YAAY,KAAK,MACnB,MAAK,sBAAsB;AAE7B,UAAK,cACH,IAAI,YACD,KAAK,YAAiC,aACvC;MACE,SAAS;MACT,UAAU;MACV,QAAQ;OACN,OAAO,KAAK;OACZ,cAAc;OACf;MACF,CACF,CACF;WACI;KACL,MAAM,aAAa,QAAQ,QAAQ;KACnC,MAAM,WAAW,KAAK,IACpB,KACA,KAAK,IACH,MACC,QAAQ,IAAI,KAAK,MAAM,UAAU,GAAG,KAAK,KAAK,UAAU,IAAI,KAC9D,CACF;AACD,SACE,CAAC,KAAK,uBACN,YAAY,KAAK,oBAEjB,MAAK,QAAQ;AAEf,UAAK,cACH,IAAI,YACD,KAAK,YAAiC,aACvC;MACE,SAAS;MACT,UAAU;MACV,QAAQ;OACN,OAAO,KAAK;OACZ,cAAc;OACf;MACF,CACF,CACF;;;;;;;;CAkBT,WAAmB,OAAqB;AACtC,MAAI,CAAC,KAAK,YAAY,CAAC,KAAK,UAAU;GACpC,IAAI,iBAAkB,MAAM,OAAuB;AACnD,OAAI,CAAC,eAIH,kBAHe,MAAM,OAAuB,QAC1C,sBACD,EACuB,MAAM;AAEhC,OAAI,mBAAmB,SAAS;AAC9B,SAAK,YAAY;AACjB,SAAK,WAAW,MAAM,cAAc;AACpC,SAAK,qBAAqB,KAAK,YAAY,KAAK;cACvC,mBAAmB,eAAe;AAC3C,SAAK,iBAAiB;AACtB,SAAK,gBAAgB,MAAM,cAAc;AACzC,SAAK,qBAAqB,KAAK,iBAAiB,KAAK;;;;;;;CAQ3D,aAAqB,OAAqB;EACxC,IAAI,iBAAkB,MAAM,OAA4B;AACxD,MAAI,CAAC,eAIH,kBAHe,MAAM,OAAuB,QAC1C,sBACD,EACuB,MAAM;AAEhC,MAAI,CAAC,KAAK,YAAY,CAAC,KAAK,UAAU;GACpC,MAAM,EAAE,YAAY,cAAc;GAClC,MAAM,QAEJ,UACG,cAAe,YAAa,iBAAiB,UAAU,CACvD,iBAAiB,YAAY,KAAK;GACvC,MAAM,gBAAgB,MAAM;GAC5B,MAAM,EAAE,MAAM,WAAW,OAAO,eAC9B,UAAU,uBAAuB;AACnC,OAAI,mBAAmB,eAAe;AACpC,SAAK,cACF,QACG,YAAY,aAAa,gBACzB,gBAAgB,aAAa;AACnC,SAAK,cACH,IAAI,YAAa,KAAK,YAAiC,aAAa;KAClE,SAAS;KACT,UAAU;KACV,QAAQ,EACN,OAAO,KAAK,qBACb;KACF,CAAC,CACH;cAEG,CAAC,KAAK,qBAAqB;AAC7B,SAAK,SACF,QACG,YAAY,aAAa,gBACzB,gBAAgB,aAAa;AACnC,SAAK,cACH,IAAI,YACD,KAAK,YAAiC,aACvC;KACE,SAAS;KACT,UAAU;KACV,QAAQ,EACN,OAAO,KAAK,OACb;KACF,CACF,CACF;cAEG,CAAC,KAAK,cAAc;IACtB,MAAM,YACF,QACE,YAAY,aAAa,gBACzB,gBAAgB,aAClB,aACF;IACF,MAAM,kBACJ,WAAW,KAAK,QACZ,WAAW,KAAK,QAChB,KAAK,QAAQ;IACnB,MAAM,uBACJ,WAAW,KAAK,sBACZ,WAAW,KAAK,sBAChB,KAAK,sBAAsB;AACjC,QAAI,kBAAkB,qBACpB,MAAK,aAAa,WAAW;aACpB,kBAAkB,qBAC3B,MAAK,QAAQ,WAAW;aAExB,CAAC,KAAK,aACN,CAAC,KAAK,kBACN,oBAAoB,qBAEpB,KAAI,KAAK,MAAM,SAAS,GAAG,KAAK,oBAC9B,MAAK,aAAa,WAAW;QAE7B,MAAK,QAAQ,WAAW;AAG5B,SAAK,cACH,IAAI,YACD,KAAK,YAAiC,aACvC;KACE,SAAS;KACT,UAAU;KACV,QAAQ,EACN,OAAO,KAAK,OACb;KACF,CACF,CACF;;;;;;;;;CAgCX,uBAA+B,OAAqB;EAClD,MAAM,EACJ,UACA,WAAW,UACX,YAAY,WACZ,gBAAgB,kBACd;AACJ,MAAI,CAAC,UAAU;GACb,MAAM,QAEJ,UACG,cAAe,YAAa,iBAAiB,UAAU,CACvD,iBAAiB,YAAY,KAAK;GACvC,MAAM,gBAAgB,MAAM;GAC5B,MAAM,EAAE,MAAM,WAAW,OAAO,eAC9B,KAAK,WAAW,uBAAuB;AACzC,OAAI,UAAU;AACZ,SAAK,qBAAqB,KAAK,YAAY,KAAK;IAChD,MAAM,YACH,QACG,YAAY,aAAa,gBACzB,gBAAgB,aAAa;AACnC,QACE,CAAC,KAAK,uBACN,WAAW,OAAO,KAAK,qBACvB;AACA,UAAK,QAAQ;AACb,UAAK,cACH,IAAI,YACD,KAAK,YAAiC,aACvC;MACE,SAAS;MACT,UAAU;MACV,QAAQ;OACN,OAAO,KAAK;OACZ,cAAc;OACf;MACF,CACF,CACF;;cAEM,eAAe;AACxB,SAAK,qBAAqB,KAAK,iBAAiB,KAAK;IACrD,MAAM,YACH,QACG,YAAY,aAAa,gBACzB,gBAAgB,aAAa;AACnC,QAAI,WAAW,OAAO,KAAK,OAAO;AAChC,UAAK,aAAa;AAClB,UAAK,cACH,IAAI,YACD,KAAK,YAAiC,aACvC;MACE,SAAS;MACT,UAAU;MACV,QAAQ;OACN,OAAO,KAAK;OACZ,cAAc;OACf;MACF,CACF,CACF;;;;;;;;CAgLT,IACI,MAAM;AACR,SAAO,KAAK,KAAK,UAAU;;CAG7B,IAAI,IAAI,OAAO;EACb,MAAM,EAAE,KAAK,WAAW;AACxB,OAAK,OAAO;AACZ,OAAK,cAAc,OAAO,OAAO;;;;;CAMnC,IACI,MAAM;AACR,SAAO,KAAK,KAAK,UAAU;;CAG7B,IAAI,IAAI,OAAO;EACb,MAAM,EAAE,KAAK,WAAW;AACxB,OAAK,OAAO;AACZ,OAAK,cAAc,OAAO,OAAO;;;;;CA0CnC,IACI,OAAO;AACT,SAAO,KAAK,MAAM,UAAU;;CAG9B,IAAI,KAAK,OAAO;EACd,MAAM,EAAE,MAAM,YAAY;AAC1B,OAAK,QAAQ;AACb,OAAK,cAAc,QAAQ,QAAQ;;;;;;CAOrC,IACI,iBAAiB;AACnB,SAAO,KAAK,gBAAgB,UAAU;;CAGxC,IAAI,eAAe,OAAO;EACxB,MAAM,EAAE,gBAAgB,sBAAsB;AAC9C,OAAK,kBAAkB;AACvB,OAAK,cAAc,kBAAkB,kBAAkB;;CAczD,kBAAkB,OAAO;EACvB,MAAM,eAAe,OAAO,YAAY,cAAc,QAAQ;AAC9D,MAAI,KAAK,QACP,QAAO;AAET,MAAI,OAAO,QACT,QAAO;AAET,MACE,cAAc,gBAAgB,OAAO,KAAK,IAAI,IAC9C,cAAc,gBAAgB,OAAO,KAAK,IAAI,CAE9C,QAAO;AAET,SAAO;;CAGT,qBAAqB,OAAO;AAC1B,MACE,OAAO,gBAAgB,OAAO,MAAM,IAAI,IACxC,OAAO,gBAAgB,OAAO,MAAM,IAAI,CAExC,QAAO;AAET,SAAO;;CAGT,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,CAAC,KAAK,gCACR,MAAK,kCAAkC,SACrC,KAAK,wBACL,GACD;;CAIL,uBAAuB;AACrB,MAAI,KAAK,iCAAiC;AACxC,QAAK,gCAAgC,QAAQ;AAC7C,QAAK,kCAAkC;;AAEzC,eAAa,KAAK,oBAA8B;AAChD,QAAM,sBAAsB;;CAE9B,UAAU;EACR,MAAM,oBAAoB,MAAM,YAAY,cAC1C,6BACD;AACD,MAAI,kBACF,KAAI,KAAK,uBAAuB,KAAK,wBAAwB,GAC3D,mBAAkB,MAAM,YAAY,KAAK,sBACrC,aAAa,KAAK,QAAQ,IAAI,kBAAkB,KAAK,aAAa,KAAK,MAAM,KAC7E,8BAA8B,KAAK,MAAM;MAE7C,mBAAkB,MAAM,YAAY,KAAK,sBACrC,aAAa,KAAK,QAAQ,IAAI,kBAAkB,KAAK,aAAa,KAAK,MAAM,KAC7E,8BAA8B,KAAK,MAAM;;CAInD,aAAa,mBAAmB;AACf,OAAK,iBACjB,KAAK,YAAiC,cACxC,CACM,SAAS,OAAO,UAAU;AAC/B,OAAI,kBAAkB,IAAI,WAAW,EAAE;AACrC,QAAI,MACF,OAAM,WAAW,KAAK;AAExB,QAAI,KAAK,SACP,MAAK,YAAY;;AAGrB,OAAI,kBAAkB,IAAI,WAAW,EAAE;AACrC,QAAI,MACF,OAAM,WAAW,KAAK;AAExB,QAAI,KAAK,SACP,MAAK,YAAY;;AAGrB,OAAI,kBAAkB,IAAI,UAAU,CAClC,OAAM,UAAU,KAAK;AAEvB,OAAI,kBAAkB,IAAI,OAAO,CAC/B,OAAM,OAAO,KAAK;AAEpB,OAAI,kBAAkB,IAAI,gBAAgB,CACxC,OAAM,gBAAgB,KAAK;AAE7B,OAAI,OAAO;AACT,SACG,KAAK,uBAAuB,KAAK,wBAAwB,OAC1D,QAAQ,EAER;KAAC;KAAO;KAAO;KAAQ;KAAsB,CAAC,SAAS,SAAS;AAC9D,SAAI,SAAS,sBACX,OAAM,QAAQ,KAAK;cACV,SAAS,MAClB,OAAM,QAAQ,KAAK;SAEnB,OAAM,QAAQ,KAAK;MAErB;QAEF;KAAC;KAAO;KAAO;KAAQ;KAAQ,CAAC,SAAS,SAAS;AAChD,SAAI,KAAK,uBAAuB,SAAS,MACvC,OAAM,QAAQ,KAAK;SAEnB,OAAM,QAAQ,KAAK;MAErB;AAEJ,QACE,kBAAkB,IAAI,QAAQ,IAC9B,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,OAAO,IAC7B,kBAAkB,IAAI,WAAW,EACjC;AACA,UAAK,UAAU,KAAK,kBAAkB,MAAM;AAC5C,SAAI,CAAC,KAAK,YAAY,CAAC,KAAK,QAC1B,OAAM,UAAU;SAEhB,OAAM,UAAU;;;IAItB;AACF,SAAO;;CAGT,SAAS;EACP,MAAM,EACJ,UACA,aACA,eACA,eACA,WACA,WACA,eACA,KACA,KACA,UACA,UACA,UACA,aACA,SACA,MACA,UACA,OACA,qBACA,OAAO,MACP,YAAY,WACZ,mBAAmB,kBACnB,gBAAgB,eAChB,cAAc,aACd,QACA,UAAU,YACR;EAEJ,MAAM,gBAAgB,CAAC,YAAY,CAAC;EAEpC,MAAM,kBAGF;GACF,SAAS,iBAAiB,CAAC;GAC3B,MAAM,iBAAiB,WAAW;GACnC;EAED,MAAM,eAAe,SAAS;IAC3B,eAAqB;IACrB,yBAA+B;IAC/B,yBAA+B;GACjC,CAAC;EACF,MAAM,gBAAgB,SAAS;IAC5B,gBAAsB;IACtB,0BAAgC;IAChC,0BAAgC;GAClC,CAAC;EACF,MAAM,2BAA2B,SAAS;IACvC,sBAA4B;IAC5B,+BAAqC;IACrC,sCACC,uBAAuB,wBAAwB;GAClD,CAAC;EACF,MAAM,oBAAoB,SAAS;IAChC,uBAA6B;IAC7B,8BACC,uBAAuB,wBAAwB;IAChD,gCAAsC;GACxC,CAAC;EACF,MAAM,2BAA2B,SAAS;IACvC,sBAA4B;IAC5B,+BAAqC;IACrC,sCAA4C;GAC9C,CAAC;EACF,MAAM,oBAAoB,SAAS;IAChC,uBAA6B;IAC7B,8BAAoC;IACpC,gCAAsC;GACxC,CAAC;AACF,SAAO,IAAI;sBACO,aAAa,YAAY,iBAAiB;kCAC9B,UAAU;;0BAEjB;UACjB,uBAAuB,wBAAwB,KAC7C,IAAI,sCACJ,GAAG;6BACe;kCACI,cAAc,KAAK,SAAS,CAAC;;;sBAGzC,cAAc;oBAChB,YAAY;wBACR,QAAQ;2BACL,QAAQ;mBAChB,cAAc;;;YAGrB,gBACE,IAAI;;2BAES,yBAAyB;iCACnB,OAAO,IAAI;;gCAEZ,MAAM;;;6BAGT,kBAAkB;;gCAEf,CAAC,WAAW,IAAI,GAAG;qCACd,IAAI;qCACJ,IAAI;qCACJ,MAAM;sCACL,YAAY,OAAO,MAAM,EAAE,KAAA,EAAU,CAAC;oCACxC,OAAO;sBACrB,uBAAuB,wBAAwB,KAC7C,IAAI;;;;2CAIgB,uBAAA,MAA8B;;;;;;;;2CAQ9B,uBAAA,MAA8B;;;;;;;;4BASlD,GAAG;;;sBAGL,YAAY,OAAO,MAAM,EAAE,KAAA,EAAU,CAAC;;;kBAI9C,IAAI;;2BAES,yBAAyB;iCACnB,OAAO,IAAI;;;6BAGf,kBAAkB;;gCAEf,CAAC,WAAW,IAAI,GAAG;qCACd,IAAI;qCACJ,IAAI;qCACJ,MAAM;sCACL,YAAY,OAAO,MAAM,EAAE,KAAA,EAAU,CAAC;oCACxC,OAAO;sBACrB,uBAAuB,wBAAwB,KAC7C,IAAI;;;;2CAIgB,uBAAA,MAA8B;;;;;;;;2CAQ9B,uBAAA,MAA8B;;;;;;;;4BASlD,GAAG;;;gBAGX;YACJ,uBAAuB,wBAAwB,KAC7C,gBACE,IAAI;;6BAES,yBAAyB;mCACnB,YAAY,IAAI;;kCAEjB,MAAM;;;+BAGT,kBAAkB;;kCAEf,CAAC,WAAW,IAAI,GAAG;uCACd,IAAI;uCACJ,IAAI;uCACJ,oBAAoB;wCACnB,YAChB,OAAO,oBAAoB,EAC3B,KAAA,EACD,CAAC;sCACc,OAAO;;;;uCAIL,uBAAA,MAA8B;;;;;;;;uCAQ9B,uBAAA,MAA8B;;;;;;;;;;wBAU9C,YAAY,OAAO,oBAAoB,EAAE,KAAA,EAAU,CAAC;;;oBAI5D,IAAI;;6BAES,yBAAyB;mCACnB,YAAY,IAAI;;;+BAGpB,kBAAkB;;kCAEf,CAAC,WAAW,IAAI,GAAG;uCACd,IAAI;uCACJ,IAAI;uCACJ,oBAAoB;wCACnB,YAChB,OAAO,oBAAoB,EAC3B,KAAA,EACD,CAAC;sCACc,OAAO;;;;uCAIL,uBAAA,MAA8B;;;;;;;;uCAQ9B,uBAAA,MAA8B;;;;;;;;;;oBAWxD,IAAI,GAAG;yCACqB;YAC9B,uBAAuB,wBAAwB,KAC7C,IAAI,gBAAA,MAAuB,mCAC3B,IAAI,gBAAA,MAAuB;oCACJ;sBACf;;6BAEQ;kCACI,cAAc,KAAK,SAAS,CAAC;;;;;QAKvD,gBAAgB,UACd,IAAI;;6BAEgB,2BAAA,MAAkC,oCAAA,MAA2C;gBAC3F,YAAY;;cAGlB,KAAK;QACP,gBAAgB,OACd,IAAI;2BACc,2BAAA,MAAkC;cAChD,SAAS;oBAEb,KAAK;;;;;;CAOb,WAAW,gBAAgB;AACzB,SAAO;;;;;CAMT,WAAW,cAAc;AACvB,SAAO;;;;;CAMT,WAAW,mBAAmB;AAC5B,SAAO;;;2BAGkB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA9mCf,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,CAAC,CAAA,EAAA,UAAA,WAAA,uBAAA,KAAA,EAAA;YAgEpD,MAAM,SAAS,CAAA,EAAA,UAAA,WAAA,cAAA,KAAA,EAAA;YAKf,MAAM,eAAe,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAMrB,MAAM,SAAS,CAAA,EAAA,UAAA,WAAA,cAAA,KAAA,EAAA;YA4Pf,aAAa,uBAAuB,CAAA,EAAA,UAAA,WAAA,sBAAA,KAAA,EAAA;YAoJpC,aAAa,mBAAmB,CAAA,EAAA,UAAA,WAAA,sBAAA,KAAA,EAAA;YA2ChC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAMrC,SAAS;CAAE,WAAW;CAAa,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMnD,SAAS;CAAE,WAAW;CAAa,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMnD,SAAS;CAAE,WAAW;CAAc,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAOnE,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAQ9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,UAAA,WAAA,iBAAA,KAAA,EAAA;YAQ9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,UAAA,WAAA,iBAAA,KAAA,EAAA;YAO9B,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,OAAA,KAAA;YAczC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,OAAA,KAAA;YAczC,UAAU,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,WAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAMvC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMpC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,iBAAA,KAAA,EAAA;YAMxE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA;YAezC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAmB,CAAC,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA;YAcvE,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,UAAA,WAAA,SAAA,KAAA,EAAA;YAM1B,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,UAAA,WAAA,WAAA,KAAA,EAAA;wBAxtB7BC,cAAc,aAAmB,CAAA,EAAA,UAAA;AA8pClC,IAAA,iBAAe"}

package/es/components/slider/slider.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/slider/slider.scss?lit
 var slider_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility{cursor:pointer}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{display:inline-block}}.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y:after,.cds--text-input--password__visibility.cds--tooltip--a11y:before{transition:none}.cds--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{border:1px solid transparent}}.cds--text-input--password__visibility:after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y:after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible:after,.cds--text-input--password__visibility.cds--tooltip--visible:before,.cds--text-input--password__visibility:focus:after,.cds--text-input--password__visibility:focus:before,.cds--text-input--password__visibility:hover:after,.cds--text-input--password__visibility:hover:before{opacity:1}@keyframes cds--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{margin:auto;overflow:visible;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y:before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y:before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y:before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y:before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}.cds--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid{box-shadow:none}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:none}.cds--skeleton.cds--text-input:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton.cds--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton.cds--text-input{background:CanvasText}.cds--skeleton.cds--text-input:before{background:Canvas;forced-color-adjust:none}}.cds--form--fluid .cds--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:none}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:none}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--ai-label,.cds--text-input__field-wrapper .cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--ai-label),.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--invalid:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input--warning:has(~.cds--ai-label),.cds--text-input--warning:has(~.cds--slug),.cds--text-input--warning:has(~.cds--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-input--invalid~.cds--ai-label,.cds--text-input--invalid~.cds--slug,.cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input--warning~.cds--ai-label,.cds--text-input--warning~.cds--slug,.cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds--slider-container{align-items:center;display:flex;gap:1rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--slider{cursor:pointer;inline-size:100%;max-inline-size:40rem;min-inline-size:12.5rem;padding:1rem 0;position:relative}.cds--slider-container--two-handles .cds--slider{margin-inline:.25rem}.cds--slider__range-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);white-space:nowrap}.cds--slider__track{block-size:.125rem;inline-size:100%;transform:translateY(-50%)}.cds--slider__track,.cds--slider__track:before{background:var(--cds-border-subtle);position:absolute}.cds--slider__track:before{block-size:.25rem;content:\"\";display:inline-block;inline-size:.125rem;inset-block-start:-.3125rem;inset-inline-start:50%;transform:translate(-50%)}.cds--slider__filled-track{background:var(--cds-layer-selected-inverse,#161616);block-size:.125rem;inline-size:100%;pointer-events:none;position:absolute;transform:translateY(-50%);transform-origin:left;transition:background .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb-wrapper{block-size:.875rem;inline-size:.875rem;position:absolute;transform:translate(-50%,-50%);z-index:3;--cds-tooltip-padding-inline:0.5rem;--cds-popover-offset:0.5rem}.cds--slider-container--rtl .cds--slider__thumb-wrapper{transform:translate(50%,-50%)}.cds--slider__thumb-wrapper--lower,.cds--slider__thumb-wrapper--upper{block-size:24px;inline-size:16px;--cds-popover-offset:var(--cds-popover-caret-height,0.5rem)}.cds--slider__thumb-wrapper--lower{transform:translate(-100%,-50%)}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{inset-inline-start:revert;transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower{transform:translate(100%,-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb{background:var(--cds-layer-selected-inverse,#161616);border-radius:50%;box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;inset:0;outline:none;position:absolute;transition:transform .11s cubic-bezier(.2,0,.38,.9),background .11s cubic-bezier(.2,0,.38,.9),box-shadow .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb:hover{transform:scale(1.4286)}.cds--slider__thumb:focus{background-color:var(--cds-interactive,#0f62fe);box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe),inset 0 0 0 3px var(--cds-layer);transform:scale(1.4286)}.cds--slider__thumb:active{box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe);transform:scale(1.4286)}.cds--slider__thumb-icon{fill:var(--cds-layer-selected-inverse,#161616)}.cds--slider__thumb-icon--focus{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower,.cds--slider__thumb--upper{background-color:transparent;border-radius:unset;box-shadow:none;inset:0;position:absolute;transition:none}.cds--slider__thumb--lower:before,.cds--slider__thumb--upper:before{background:var(--cds-background,#fff);block-size:.125rem;content:\"\";display:block;inline-size:.375rem;inset-block-start:calc(50% - .0625rem);inset-inline-end:0;position:absolute;z-index:-1}.cds--slider__thumb--lower:hover,.cds--slider__thumb--upper:hover{transform:none}.cds--slider__thumb--lower:hover .cds--slider__thumb-icon,.cds--slider__thumb--upper:hover .cds--slider__thumb-icon{fill:var(--cds-text-secondary,#525252)}.cds--slider__thumb--lower:active,.cds--slider__thumb--upper:active{box-shadow:none;transform:none}.cds--slider__thumb--lower:focus,.cds--slider__thumb--upper:focus{background-color:transparent;box-shadow:none;transform:none}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb--lower:focus:before,.cds--slider__thumb--upper:focus:before{inline-size:100%}.cds--slider__thumb--upper{transform:none}.cds--slider__thumb--upper:before{inset-inline:0 auto}.cds--slider__thumb--upper:active,.cds--slider__thumb--upper:focus,.cds--slider__thumb--upper:hover{transform:none}.cds--slider__input{display:none}.cds--slider-text-input-wrapper{position:relative}.cds--slider-text-input-wrapper--hidden{display:none}.cds--slider-text-input,.cds-slider-text-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;block-size:2.5rem;inline-size:4rem}.cds--slider-text-input::-webkit-inner-spin-button,.cds--slider-text-input::-webkit-outer-spin-button,.cds-slider-text-input::-webkit-inner-spin-button,.cds-slider-text-input::-webkit-outer-spin-button{display:none}.cds--slider__thumb-wrapper:focus-within~.cds--slider__filled-track,.cds--slider__thumb:focus~.cds--slider__filled-track{background-color:var(--cds-border-interactive,#0f62fe)}.cds--slider-text-input--warn,.cds--slider-text-input.cds--text-input--invalid{inline-size:6rem;padding-inline-end:3rem}.cds--slider__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--slider__validation-msg.cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--slider__validation-msg--invalid{color:var(--cds-text-error,#da1e28)}.cds--slider__invalid-icon.cds--slider__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--slider__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--label--disabled~.cds--slider-container>.cds--slider__range-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--slider--disabled.cds--slider{cursor:not-allowed}.cds--slider--disabled .cds--slider__thumb{background-color:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled .cds--slider__thumb:hover{cursor:not-allowed;transform:none}.cds--slider--disabled .cds--slider__thumb:focus{background-color:var(--cds-border-disabled,#c6c6c6);box-shadow:none;outline:none;transform:none}.cds--slider--disabled .cds--slider__thumb:active{background:var(--cds-border-disabled,#c6c6c6);box-shadow:none;transform:none}.cds--slider--disabled .cds--slider__thumb--lower,.cds--slider--disabled .cds--slider__thumb--upper{background-color:transparent}.cds--slider--disabled .cds--slider__thumb--lower:active,.cds--slider--disabled .cds--slider__thumb--lower:focus,.cds--slider--disabled .cds--slider__thumb--lower:hover,.cds--slider--disabled .cds--slider__thumb--upper:active,.cds--slider--disabled .cds--slider__thumb--upper:focus,.cds--slider--disabled .cds--slider__thumb--upper:hover{background-color:transparent;transform:none}.cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,.cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon{fill:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled .cds--slider__filled-track,.cds--slider--disabled .cds--slider__thumb:focus~.cds--slider__filled-track,.cds--slider--disabled .cds--slider__track{background-color:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled~.cds--form-item .cds--slider-text-input,.cds--slider--disabled~.cds--slider-text-input{background-color:var(--cds-field);border:none;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;transition:none}.cds--slider--disabled~.cds--form-item .cds--slider-text-input:active,.cds--slider--disabled~.cds--form-item .cds--slider-text-input:focus,.cds--slider--disabled~.cds--form-item .cds--slider-text-input:hover,.cds--slider--disabled~.cds--slider-text-input:active,.cds--slider--disabled~.cds--slider-text-input:focus,.cds--slider--disabled~.cds--slider-text-input:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--slider--readonly{cursor:default}.cds--slider-container--readonly .cds--slider__thumb{block-size:0;inline-size:0}.cds--slider-container--readonly .cds--slider__thumb:after,.cds--slider-container--readonly .cds--slider__thumb:before{display:none}.cds--slider-container--readonly .cds--slider-text-input{background-color:transparent}.cds--slider__status-msg.cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--slider-container.cds--skeleton .cds--slider__range-label{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--slider-container.cds--skeleton .cds--slider__range-label:active,.cds--slider-container.cds--skeleton .cds--slider__range-label:focus,.cds--slider-container.cds--skeleton .cds--slider__range-label:hover{border:none;cursor:default;outline:none}.cds--slider-container.cds--skeleton .cds--slider__range-label:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--slider-container.cds--skeleton .cds--slider__range-label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider-container.cds--skeleton .cds--slider__range-label{background:CanvasText}.cds--slider-container.cds--skeleton .cds--slider__range-label:before{background:Canvas;forced-color-adjust:none}}.cds--slider-container.cds--skeleton .cds--slider__range-label{block-size:.75rem;inline-size:1.25rem}.cds--slider-container.cds--skeleton .cds--slider__track{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper{inset-inline-start:50%}.cds--slider-container.cds--skeleton .cds--slider__thumb{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower{inset-inline-start:0}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper{inset-inline-start:100%}.cds--popover-container.cds--slider__thumb-wrapper{position:absolute}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider__thumb{outline:1px solid transparent}.cds--slider__thumb:focus{color:Highlight;outline:1px solid Highlight}.cds--slider__track{outline:1px solid transparent}}:host(cds-slider),:host(cds-slider-skeleton){outline:none;--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-slider) .cds--slider,:host(cds-slider-skeleton) .cds--slider{transform:rotate(0)}:host(cds-slider) .cds-ce--slider__filled-track-container,:host(cds-slider-skeleton) .cds-ce--slider__filled-track-container{transform:rotate(0)}:host(cds-slider) .cds--slider>.cds--slider__thumb,:host(cds-slider-skeleton) .cds--slider>.cds--slider__thumb{block-size:.875rem;inline-size:.875rem;inset:inherit;transform:translate(-50%,-50%);z-index:3}:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper,:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper{--prefix-tooltip-padding-block:0.125rem;--prefix-popover-caret-width:0.5rem;--prefix-popover-caret-height:0.25rem;--prefix-popover-offset:0.5rem}:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper cds-tooltip-content::part(content),:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper cds-tooltip-content::part(content){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);padding:.125rem .5rem}:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper::part(popover-container),:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper::part(popover-container){block-size:100%;display:block;inline-size:100%}:host(cds-slider) .cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider) cds-tooltip.cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider-skeleton) .cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider-skeleton) cds-tooltip.cds--slider__thumb-wrapper:focus-within~.cds-ce--slider__filled-track-container .cds--slider__filled-track{background-color:var(--cds-interactive,#0f62fe)}:host(cds-slider-input){position:relative}:host(cds-slider-input) input{box-sizing:border-box}:host(cds-slider-input[readonly]) input{background-color:transparent}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon,cds-tooltip.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon{display:none}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon--focus,cds-tooltip.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb-disabled{pointer-events:none}:host(cds-slider-skeleton) .cds--slider>.cds--slider__thumb{inset-inline-start:50%}:host(cds-slider-skeleton) .cds--slider__thumb--lower,:host(cds-slider-skeleton) .cds--slider__thumb--upper{block-size:inherit;inline-size:inherit;inset:initial;inset-inline-start:auto;transform:unset}.cds--slider--readonly .cds--slider__filled-track{background:var(--cds-border-inverse,#161616)}"]);
-
 //#endregion
 export { slider_default as default };
+
 //# sourceMappingURL=slider.scss.js.map

package/es/components/slug/defs.js

@@ -60,7 +60,7 @@ let SLUG_KIND = /* @__PURE__ */ function(SLUG_KIND) {
 	SLUG_KIND["INLINE"] = "inline";
 	return SLUG_KIND;
 }({});
-
 //#endregion
 export { SLUG_KIND, SLUG_SIZE };
+
 //# sourceMappingURL=defs.js.map

package/es/components/slug/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/slug/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Slug size.\n */\nexport enum SLUG_SIZE {\n  /**\n   * Mini size.\n   */\n  MINI = 'mini',\n\n  /**\n   * Extra extra small size.\n   */\n  EXTRA_EXTRA_SMALL = '2xs',\n\n  /**\n   * Extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n\n/**\n * Slug kind.\n */\nexport enum SLUG_KIND {\n  /**\n   * Default kind.\n   */\n  DEFAULT = '',\n\n  /**\n   * Inline kind.\n   */\n  INLINE = 'inline',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,gDAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;;;AAMF,IAAY,gDAAL;;;;AAIL;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/slug/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Slug size.\n */\nexport enum SLUG_SIZE {\n  /**\n   * Mini size.\n   */\n  MINI = 'mini',\n\n  /**\n   * Extra extra small size.\n   */\n  EXTRA_EXTRA_SMALL = '2xs',\n\n  /**\n   * Extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n\n/**\n * Slug kind.\n */\nexport enum SLUG_KIND {\n  /**\n   * Default kind.\n   */\n  DEFAULT = '',\n\n  /**\n   * Inline kind.\n   */\n  INLINE = 'inline',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,UAAA;;;;AAKA,WAAA,uBAAA;;;;AAKA,WAAA,iBAAA;;;;AAKA,WAAA,WAAA;;;;AAKA,WAAA,YAAA;;;;AAKA,WAAA,WAAA;;;;AAKA,WAAA,iBAAA;;KACD;;;;AAKD,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,aAAA;;;;AAKA,WAAA,YAAA;;KACD"}

package/es/components/slug/slug-action-button.js

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import button_default from "../button/button.js";
 import slug_default from "./slug.scss.js";
 import { property } from "lit/decorators.js";
-
 //#region src/components/slug/slug-action-button.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -29,9 +28,9 @@ let CDSSlugActionButton = class CDSSlugActionButton extends button_default {
 	}
 };
 __decorate([property({ reflect: true })], CDSSlugActionButton.prototype, "slot", void 0);
-CDSSlugActionButton = __decorate([carbonElement(`${prefix}-slug-action-button`)], CDSSlugActionButton);
+CDSSlugActionButton = __decorate([carbonElement(`cds-slug-action-button`)], CDSSlugActionButton);
 var slug_action_button_default = CDSSlugActionButton;
-
 //#endregion
 export { slug_action_button_default as default };
+
 //# sourceMappingURL=slug-action-button.js.map

package/es/components/slug/slug-action-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"slug-action-button.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/slug/slug-action-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport styles from './slug.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Slug action button.\n *\n * @deprecated This component has been deprecated, please use the <cds-ai-label-action-button> component instead.\n * @element cds-slug-action-button\n */\n@customElement(`${prefix}-slug-action-button`)\nexport default class CDSSlugActionButton extends CDSButton {\n  /**\n   * The shadow slot this slug-action should be in.\n   */\n  @property({ reflect: true })\n  slot = 'actions';\n\n  static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBe,gCAAM,4BAA4BA,eAAU;;;cAKlD;;;gBAESC;;;YAHf,SAAS,EAAE,SAAS,MAAM,CAAC;kCAL7BC,cAAc,GAAG,OAAO,qBAAqB"}
+{"version":3,"file":"slug-action-button.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/slug/slug-action-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport styles from './slug.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Slug action button.\n *\n * @deprecated This component has been deprecated, please use the <cds-ai-label-action-button> component instead.\n * @element cds-slug-action-button\n */\n@customElement(`${prefix}-slug-action-button`)\nexport default class CDSSlugActionButton extends CDSButton {\n  /**\n   * The shadow slot this slug-action should be in.\n   */\n  @property({ reflect: true })\n  slot = 'actions';\n\n  static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBe,IAAA,sBAAA,MAAM,4BAA4BA,eAAU;;;cAKlD;;;gBAESC;;;YAHf,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,QAAA,KAAA,EAAA;kCAL7BC,cAAc,yBAA+B,CAAA,EAAA,oBAAA"}

package/es/components/slug/slug.js

@@ -5,20 +5,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import toggletip_default from "../toggle-tip/toggletip.scss.js";
 import popover_default from "../popover/popover.scss.js";
 import toggletip_default$1 from "../toggle-tip/toggletip.js";
-import { SLUG_KIND, SLUG_SIZE } from "./defs.js";
+import "./defs.js";
 import slug_default$1 from "./slug.scss.js";
 import { adoptStyles, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import Undo16 from "@carbon/icons/es/undo/16.js";
-
 //#region src/components/slug/slug.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -32,10 +31,10 @@ let CDSSlug = class CDSSlug extends toggletip_default$1 {
 		this.slot = "slug";
 		this.aiText = "AI";
 		this.aiTextLabel = "";
-		this.kind = SLUG_KIND.DEFAULT;
+		this.kind = "";
 		this.revertActive = false;
 		this.revertLabel = "Revert to AI input";
-		this.size = SLUG_SIZE.EXTRA_SMALL;
+		this.size = "xs";
 		this.slugLabel = "Show information";
 		this._handleClick = () => {
 			if (this.revertActive) {
@@ -50,11 +49,11 @@ let CDSSlug = class CDSSlug extends toggletip_default$1 {
 			const { size, kind, aiText, aiTextLabel, slugLabel } = this;
 			const ariaLabel = `${aiText} - ${slugLabel}`;
 			const classes = classMap({
-				[`${prefix}--toggletip-button`]: true,
-				[`${prefix}--slug__button`]: true,
-				[`${prefix}--slug__button--${size}`]: size,
-				[`${prefix}--slug__button--${kind}`]: kind,
-				[`${prefix}--slug__button--inline-with-content`]: kind === SLUG_KIND.INLINE && aiTextLabel
+				[`cds--toggletip-button`]: true,
+				[`cds--slug__button`]: true,
+				[`cds--slug__button--${size}`]: size,
+				[`cds--slug__button--${kind}`]: kind,
+				[`cds--slug__button--inline-with-content`]: kind === "inline" && aiTextLabel
 			});
 			return html`
       <button
@@ -62,9 +61,9 @@ let CDSSlug = class CDSSlug extends toggletip_default$1 {
         @click="${this._handleClick}"
         class=${classes}
         aria-label="${ariaLabel}">
-        <span class="${prefix}--slug__text">${aiText}</span>
-        ${aiTextLabel && kind === SLUG_KIND.INLINE ? html`
-              <span class="${prefix}--slug__additional-text">
+        <span class="${"cds"}--slug__text">${aiText}</span>
+        ${aiTextLabel && kind === "inline" ? html`
+              <span class="${"cds"}--slug__additional-text">
                 ${aiTextLabel}
               </span>
             ` : ``}
@@ -114,9 +113,9 @@ __decorate([property({ attribute: "revert-label" })], CDSSlug.prototype, "revert
 __decorate([property({ reflect: true })], CDSSlug.prototype, "size", void 0);
 __decorate([property({ attribute: "slug-label" })], CDSSlug.prototype, "slugLabel", void 0);
 __decorate([property()], CDSSlug.prototype, "previousValue", void 0);
-CDSSlug = __decorate([carbonElement(`${prefix}-slug`)], CDSSlug);
+CDSSlug = __decorate([carbonElement(`cds-slug`)], CDSSlug);
 var slug_default = CDSSlug;
-
 //#endregion
 export { slug_default as default };
+
 //# sourceMappingURL=slug.js.map

package/es/components/slug/slug.js.map

@@ -1 +1 @@
-{"version":3,"file":"slug.js","names":["CDSToggleTip","popoverStyles","toggletipStyles","styles","customElement"],"sources":["../../../src/components/slug/slug.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSToggleTip from '../toggle-tip/toggletip';\nimport styles from './slug.scss?lit';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport toggletipStyles from '../toggle-tip/toggletip.scss?lit';\nimport { SLUG_SIZE, SLUG_KIND } from './defs';\nimport Undo16 from '@carbon/icons/es/undo/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Basic slug.\n *\n * @deprecated This component has been deprecated, please use the <cds-ai-label> component instead.\n * @element cds-slug\n */\n@customElement(`${prefix}-slug`)\nexport default class CDSSlug extends CDSToggleTip {\n  @property({ reflect: true })\n  slot = 'slug';\n  /**\n   * Specify the correct translation of the AI text\n   */\n  @property({ attribute: 'ai-text' })\n  aiText = 'AI';\n\n  /**\n   * Specify additional text to be rendered next to the AI label in the inline variant\n   */\n  @property({ attribute: 'ai-text-label' })\n  aiTextLabel = '';\n\n  /**\n   * Specify the type of Slug, from the following list of types: (default, inline)\n   */\n  @property({ reflect: true })\n  kind = SLUG_KIND.DEFAULT;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ type: Boolean, attribute: 'revert-active' })\n  revertActive = false;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ attribute: 'revert-label' })\n  revertLabel = 'Revert to AI input';\n\n  /**\n   * Slug size should be mini, 2xs, xs, sm, md, lg, xl.\n   */\n  @property({ reflect: true })\n  size = SLUG_SIZE.EXTRA_SMALL;\n\n  /**\n   * Specify the text that will be provided to the aria-label of the `Slug` button\n   */\n  @property({ attribute: 'slug-label' })\n  slugLabel = 'Show information';\n\n  @property()\n  previousValue;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [\n      popoverStyles,\n      toggletipStyles,\n      styles,\n    ]);\n  }\n\n  protected _handleClick = () => {\n    if (this.revertActive) {\n      this.revertActive = false;\n      this.removeAttribute('revert-active');\n    } else {\n      this.open = !this.open;\n    }\n  };\n\n  protected _renderToggleTipLabel = () => {\n    return html``;\n  };\n\n  protected _renderTooltipButton = () => {\n    const { size, kind, aiText, aiTextLabel, slugLabel } = this;\n    const ariaLabel = `${aiText} - ${slugLabel}`;\n    const classes = classMap({\n      [`${prefix}--toggletip-button`]: true,\n      [`${prefix}--slug__button`]: true,\n      [`${prefix}--slug__button--${size}`]: size,\n      [`${prefix}--slug__button--${kind}`]: kind,\n      [`${prefix}--slug__button--inline-with-content`]:\n        kind === SLUG_KIND.INLINE && aiTextLabel,\n    });\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        @click=\"${this._handleClick}\"\n        class=${classes}\n        aria-label=\"${ariaLabel}\">\n        <span class=\"${prefix}--slug__text\">${aiText}</span>\n        ${aiTextLabel && kind === SLUG_KIND.INLINE\n          ? html`\n              <span class=\"${prefix}--slug__additional-text\">\n                ${aiTextLabel}\n              </span>\n            `\n          : ``}\n      </button>\n    `;\n  };\n\n  protected _renderInnerContent = () => {\n    const { autoalign, revertActive, revertLabel } = this;\n    return html`\n      ${revertActive\n        ? html`\n            <cds-icon-button\n              ?autoalign=${autoalign}\n              kind=\"ghost\"\n              size=\"sm\"\n              @click=\"${this._handleClick}\">\n              <span slot=\"tooltip-content\"> ${revertLabel} </span>\n              ${iconLoader(Undo16, { slot: 'icon' })}\n            </cds-icon-button>\n          `\n        : html`\n            ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n          `}\n    `;\n  };\n\n  attributeChangedCallback(name, old, newValue) {\n    super.attributeChangedCallback(name, old, newValue);\n\n    if (name === 'revert-active') {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n      // @ts-ignore typescript does not think requestUpdate() exists on parentElement\n      this.parentElement?.requestUpdate();\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Be,oBAAM,gBAAgBA,oBAAa;;;cAEzC;gBAKE;qBAMK;cAMP,UAAU;sBAMF;qBAMD;cAMP,UAAU;mBAML;4BAemB;AAC7B,OAAI,KAAK,cAAc;AACrB,SAAK,eAAe;AACpB,SAAK,gBAAgB,gBAAgB;SAErC,MAAK,OAAO,CAAC,KAAK;;qCAIkB;AACtC,UAAO,IAAI;;oCAG0B;GACrC,MAAM,EAAE,MAAM,MAAM,QAAQ,aAAa,cAAc;GACvD,MAAM,YAAY,GAAG,OAAO,KAAK;GACjC,MAAM,UAAU,SAAS;KACtB,GAAG,OAAO,sBAAsB;KAChC,GAAG,OAAO,kBAAkB;KAC5B,GAAG,OAAO,kBAAkB,SAAS;KACrC,GAAG,OAAO,kBAAkB,SAAS;KACrC,GAAG,OAAO,uCACT,SAAS,UAAU,UAAU;IAChC,CAAC;AACF,UAAO,IAAI;;yBAEU,KAAK,GAAG;kBACf,KAAK,aAAa;gBACpB,QAAQ;sBACF,UAAU;uBACT,OAAO,gBAAgB,OAAO;UAC3C,eAAe,SAAS,UAAU,SAChC,IAAI;6BACa,OAAO;kBAClB,YAAY;;gBAGlB,GAAG;;;;mCAKyB;GACpC,MAAM,EAAE,WAAW,cAAc,gBAAgB;AACjD,UAAO,IAAI;QACP,eACE,IAAI;;2BAEa,UAAU;;;wBAGb,KAAK,aAAa;8CACI,YAAY;gBAC1C,WAAW,QAAQ,EAAE,MAAM,QAAQ,CAAC,CAAC;;cAG3C,IAAI;cACA,KAAK,sBAAsB,CAAC,GAAG,KAAK,uBAAuB,CAAC;YAC9D;;;;CApEV,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;GACD,CAAC;;CAiEJ,yBAAyB,MAAM,KAAK,UAAU;AAC5C,QAAM,yBAAyB,MAAM,KAAK,SAAS;AAEnD,MAAI,SAAS,gBAGX,MAAK,eAAe,eAAe;;;YA7HtC,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,SAAS,EAAE,WAAW,WAAW,CAAC;YAMlC,SAAS,EAAE,WAAW,iBAAiB,CAAC;YAMxC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAiB,CAAC;YAMvD,SAAS,EAAE,WAAW,gBAAgB,CAAC;YAMvC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,WAAW,cAAc,CAAC;YAGrC,UAAU;sBA9CZC,cAAc,GAAG,OAAO,OAAO"}
+{"version":3,"file":"slug.js","names":["CDSToggleTip","popoverStyles","toggletipStyles","styles","customElement"],"sources":["../../../src/components/slug/slug.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSToggleTip from '../toggle-tip/toggletip';\nimport styles from './slug.scss?lit';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport toggletipStyles from '../toggle-tip/toggletip.scss?lit';\nimport { SLUG_SIZE, SLUG_KIND } from './defs';\nimport Undo16 from '@carbon/icons/es/undo/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Basic slug.\n *\n * @deprecated This component has been deprecated, please use the <cds-ai-label> component instead.\n * @element cds-slug\n */\n@customElement(`${prefix}-slug`)\nexport default class CDSSlug extends CDSToggleTip {\n  @property({ reflect: true })\n  slot = 'slug';\n  /**\n   * Specify the correct translation of the AI text\n   */\n  @property({ attribute: 'ai-text' })\n  aiText = 'AI';\n\n  /**\n   * Specify additional text to be rendered next to the AI label in the inline variant\n   */\n  @property({ attribute: 'ai-text-label' })\n  aiTextLabel = '';\n\n  /**\n   * Specify the type of Slug, from the following list of types: (default, inline)\n   */\n  @property({ reflect: true })\n  kind = SLUG_KIND.DEFAULT;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ type: Boolean, attribute: 'revert-active' })\n  revertActive = false;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ attribute: 'revert-label' })\n  revertLabel = 'Revert to AI input';\n\n  /**\n   * Slug size should be mini, 2xs, xs, sm, md, lg, xl.\n   */\n  @property({ reflect: true })\n  size = SLUG_SIZE.EXTRA_SMALL;\n\n  /**\n   * Specify the text that will be provided to the aria-label of the `Slug` button\n   */\n  @property({ attribute: 'slug-label' })\n  slugLabel = 'Show information';\n\n  @property()\n  previousValue;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [\n      popoverStyles,\n      toggletipStyles,\n      styles,\n    ]);\n  }\n\n  protected _handleClick = () => {\n    if (this.revertActive) {\n      this.revertActive = false;\n      this.removeAttribute('revert-active');\n    } else {\n      this.open = !this.open;\n    }\n  };\n\n  protected _renderToggleTipLabel = () => {\n    return html``;\n  };\n\n  protected _renderTooltipButton = () => {\n    const { size, kind, aiText, aiTextLabel, slugLabel } = this;\n    const ariaLabel = `${aiText} - ${slugLabel}`;\n    const classes = classMap({\n      [`${prefix}--toggletip-button`]: true,\n      [`${prefix}--slug__button`]: true,\n      [`${prefix}--slug__button--${size}`]: size,\n      [`${prefix}--slug__button--${kind}`]: kind,\n      [`${prefix}--slug__button--inline-with-content`]:\n        kind === SLUG_KIND.INLINE && aiTextLabel,\n    });\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        @click=\"${this._handleClick}\"\n        class=${classes}\n        aria-label=\"${ariaLabel}\">\n        <span class=\"${prefix}--slug__text\">${aiText}</span>\n        ${aiTextLabel && kind === SLUG_KIND.INLINE\n          ? html`\n              <span class=\"${prefix}--slug__additional-text\">\n                ${aiTextLabel}\n              </span>\n            `\n          : ``}\n      </button>\n    `;\n  };\n\n  protected _renderInnerContent = () => {\n    const { autoalign, revertActive, revertLabel } = this;\n    return html`\n      ${revertActive\n        ? html`\n            <cds-icon-button\n              ?autoalign=${autoalign}\n              kind=\"ghost\"\n              size=\"sm\"\n              @click=\"${this._handleClick}\">\n              <span slot=\"tooltip-content\"> ${revertLabel} </span>\n              ${iconLoader(Undo16, { slot: 'icon' })}\n            </cds-icon-button>\n          `\n        : html`\n            ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n          `}\n    `;\n  };\n\n  attributeChangedCallback(name, old, newValue) {\n    super.attributeChangedCallback(name, old, newValue);\n\n    if (name === 'revert-active') {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n      // @ts-ignore typescript does not think requestUpdate() exists on parentElement\n      this.parentElement?.requestUpdate();\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Be,IAAA,UAAA,MAAM,gBAAgBA,oBAAa;;;cAEzC;gBAKE;qBAMK;;sBAYC;qBAMD;;mBAYF;4BAemB;AAC7B,OAAI,KAAK,cAAc;AACrB,SAAK,eAAe;AACpB,SAAK,gBAAgB,gBAAgB;SAErC,MAAK,OAAO,CAAC,KAAK;;qCAIkB;AACtC,UAAO,IAAI;;oCAG0B;GACrC,MAAM,EAAE,MAAM,MAAM,QAAQ,aAAa,cAAc;GACvD,MAAM,YAAY,GAAG,OAAO,KAAK;GACjC,MAAM,UAAU,SAAS;KACtB,0BAAgC;KAChC,sBAA4B;KAC5B,sBAA4B,SAAS;KACrC,sBAA4B,SAAS;KACrC,2CACC,SAAA,YAA6B;IAChC,CAAC;AACF,UAAO,IAAI;;yBAEU,KAAK,GAAG;kBACf,KAAK,aAAa;gBACpB,QAAQ;sBACF,UAAU;6BACF,gBAAgB,OAAO;UAC3C,eAAe,SAAA,WACb,IAAI;mCACoB;kBAClB,YAAY;;gBAGlB,GAAG;;;;mCAKyB;GACpC,MAAM,EAAE,WAAW,cAAc,gBAAgB;AACjD,UAAO,IAAI;QACP,eACE,IAAI;;2BAEa,UAAU;;;wBAGb,KAAK,aAAa;8CACI,YAAY;gBAC1C,WAAW,QAAQ,EAAE,MAAM,QAAQ,CAAC,CAAC;;cAG3C,IAAI;cACA,KAAK,sBAAsB,CAAC,GAAG,KAAK,uBAAuB,CAAC;YAC9D;;;;CApEV,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;GACD,CAAC;;CAiEJ,yBAAyB,MAAM,KAAK,UAAU;AAC5C,QAAM,yBAAyB,MAAM,KAAK,SAAS;AAEnD,MAAI,SAAS,gBAGX,MAAK,eAAe,eAAe;;;YA7HtC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,QAAA,KAAA,EAAA;YAK3B,SAAS,EAAE,WAAW,WAAW,CAAC,CAAA,EAAA,QAAA,WAAA,UAAA,KAAA,EAAA;YAMlC,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,QAAA,WAAA,eAAA,KAAA,EAAA;YAMxC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAiB,CAAC,CAAA,EAAA,QAAA,WAAA,gBAAA,KAAA,EAAA;YAMvD,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,EAAA,QAAA,WAAA,eAAA,KAAA,EAAA;YAMvC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAGrC,UAAU,CAAA,EAAA,QAAA,WAAA,iBAAA,KAAA,EAAA;sBA9CZC,cAAc,WAAiB,CAAA,EAAA,QAAA"}