@carbon/web-components 2.57.0 → 2.58.0

package/es-custom/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-custom-slider\n * @fires cds-custom-slider-input-changed\n *   The name of the custom event fired after the value is changed in `<cds-custom-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-custom-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-custom-slider-input>`\n    if (value || value === 0) {\n      const rate =\n        (Math.min(Number(max), Math.max(Number(min), Number(value))) -\n          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-custom-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-custom-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-custom--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-custom-tooltip-content>\n                    ${formatLabel(Number(value), undefined)}\n                  </cds-custom-tooltip-content>\n                </cds-custom-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-custom--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-custom-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-custom--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-custom-tooltip-content>\n                      ${formatLabel(Number(unstable_valueUpper), undefined)}\n                    </cds-custom-tooltip-content>\n                  </cds-custom-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-custom--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-custom-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-custom-slider\n * @fires cds-custom-slider-input-changed\n *   The name of the custom event fired after the value is changed in `<cds-custom-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-custom-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-custom-slider-input>`\n    if (value || value === 0) {\n      const rate =\n        (Math.min(Number(max), Math.max(Number(min), Number(value))) -\n          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-custom-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-custom-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-custom--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-custom-tooltip-content>\n                    ${formatLabel(Number(value), undefined)}\n                  </cds-custom-tooltip-content>\n                </cds-custom-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-custom--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-custom-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-custom--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-custom-tooltip-content>\n                      ${formatLabel(Number(unstable_valueUpper), undefined)}\n                    </cds-custom-tooltip-content>\n                  </cds-custom-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-custom--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-custom-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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"}

package/es-custom/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,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"}
+{"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;;;;CAIL,UAAA,UAAA;;;;CAKA,UAAA,uBAAA;;;;CAKA,UAAA,iBAAA;;;;CAKA,UAAA,WAAA;;;;CAKA,UAAA,YAAA;;;;CAKA,UAAA,WAAA;;;;CAKA,UAAA,iBAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,YAAL,yBAAA,WAAA;;;;CAIL,UAAA,aAAA;;;;CAKA,UAAA,YAAA;;AACF,EAAA,CAAA,CAAA"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import button_default from "../button/button.js";
 import slug_default from "./slug.scss.js";
 import { property } from "lit/decorators.js";

package/es-custom/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-custom-ai-label-action-button> component instead.\n * @element cds-custom-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"}
+{"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-custom-ai-label-action-button> component instead.\n * @element cds-custom-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;;AAClB;YAJG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,QAAA,KAAA,CAAA;kCAL5BC,cAAc,wBAA8B,CAAA,GAAA,mBAAA"}

package/es-custom/components/slug/slug.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/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";

package/es-custom/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-custom-ai-label> component instead.\n * @element cds-custom-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-custom-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-custom-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"}
+{"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-custom-ai-label> component instead.\n * @element cds-custom-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-custom-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-custom-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;GAC7B,IAAI,KAAK,cAAc;IACrB,KAAK,eAAe;IACpB,KAAK,gBAAgB,eAAe;GACtC,OACE,KAAK,OAAO,CAAC,KAAK;EAEtB;qCAEwC;GACtC,OAAO,IAAI;EACb;oCAEuC;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;GACjC,CAAC;GACD,OAAO,IAAI;;yBAEU,KAAK,GAAG;kBACf,KAAK,aAAa;gBACpB,QAAQ;sBACF,UAAU;6BACF,gBAAgB,OAAO;UAC3C,eAAe,SAAA,WACb,IAAI;mCACoB;kBAClB,YAAY;;gBAGlB,GAAG;;;EAGb;mCAEsC;GACpC,MAAM,EAAE,WAAW,cAAc,gBAAgB;GACjD,OAAO,IAAI;QACP,eACE,IAAI;;2BAEa,UAAU;;;wBAGb,KAAK,aAAa;8CACI,YAAY;gBAC1C,WAAW,QAAQ,EAAE,MAAM,OAAO,CAAC,EAAE;;cAG3C,IAAI;cACA,KAAK,qBAAqB,EAAE,GAAG,KAAK,sBAAsB,EAAE;YAC9D;;EAEV;;CAtEA,oBAAoB;EAClB,MAAM,kBAAkB;EAExB,YAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;EACF,CAAC;CACH;CAgEA,yBAAyB,MAAM,KAAK,UAAU;EAC5C,MAAM,yBAAyB,MAAM,KAAK,QAAQ;EAElD,IAAI,SAAS,iBAGX,KAAK,eAAe,cAAc;CAEtC;AACF;YAhIG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,QAAA,WAAA,QAAA,KAAA,CAAA;YAK1B,SAAS,EAAE,WAAW,UAAU,CAAC,CAAA,GAAA,QAAA,WAAA,UAAA,KAAA,CAAA;YAMjC,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,GAAA,QAAA,WAAA,eAAA,KAAA,CAAA;YAMvC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,QAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAS,WAAW;AAAgB,CAAC,CAAA,GAAA,QAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS,EAAE,WAAW,eAAe,CAAC,CAAA,GAAA,QAAA,WAAA,eAAA,KAAA,CAAA;YAMtC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,QAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,GAAA,QAAA,WAAA,aAAA,KAAA,CAAA;YAGpC,SAAS,CAAA,GAAA,QAAA,WAAA,iBAAA,KAAA,CAAA;sBA9CXC,cAAc,UAAgB,CAAA,GAAA,OAAA"}