@synergy-design-system/components 2.5.0 → 2.6.0

package/dist/chunks/chunk.X7LEPG3A.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/range/range.component.ts"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property, query, queryAll } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\nimport { defaultValue } from '../../internal/default-value.js';\nimport { FormControlController, customErrorValidityState, validValidityState } from '../../internal/form.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport formControlStyles from '../../styles/form-control.styles.js';\nimport formControlCustomStyles from '../../styles/form-control.custom.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynTooltip from '../tooltip/tooltip.component.js';\nimport {\n  arraysDiffer,\n  getNormalizedValueFromClientX,\n  numericSort,\n} from './utility.js';\nimport styles from './range.styles.js';\n\n/**\n * @summary Ranges allow the user to select values within a given range using one or two thumbs.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs\n * @status stable\n *\n * @dependency syn-tooltip\n *\n * @slot label - The range's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the range.\n * @slot suffix - Used to append a presentational icon or similar element to the range.\n * @slot help-text - Text that describes how to use the range.\n * Alternatively, you can use the `help-text` attribute.\n * @slot ticks - Used to display tick marks at specific intervals along the range.\n *\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-invalid - Emitted when the form control has been checked for validity\n * and its constraints aren't satisfied.\n * @event syn-move - Emitted when the user moves a thumb, either via touch or keyboard.\n * Use `Event.preventDefault()` to prevent movement.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart input-wrapper - The container that wraps the input track and ticks.\n * @csspart track-wrapper - The wrapper for the track.\n * @csspart track - The inactive track.\n * @csspart active-track - The active track.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart ticks - The container that wraps the tick marks.\n * @csspart thumb - The thumb(s) that the user can drag to change the range.\n *\n * @cssproperty --thumb-size - The size of a thumb.\n * @cssproperty --thumb-hit-area-size - The clickable area around the thumb.\n * Per default this is set to 140% of the thumb size. Must be a scale css value (defaults to 1.4).\n * @cssproperty --track-hit-area-size - The clickable area around the track (top and left).\n * @cssproperty --track-color-active - Color of the track representing the current value.\n * @cssproperty --track-color-inactive - Color of the track that represents the remaining value.\n * @cssproperty --track-height - The height of the track.\n * @cssproperty --track-active-offset - The point of origin of the active track,\n * starting at the left side of the range.\n */\nexport default class SynRange extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [\n    componentStyles,\n    formControlStyles,\n    formControlCustomStyles,\n    styles,\n  ];\n\n  static dependencies = {\n    'syn-tooltip': SynTooltip,\n  };\n\n  /** The name of the range, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The range's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** The range's help text. If you need to display HTML, use the help-text slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Disables the range. */\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  /** The minimum acceptable value of the range. */\n  @property({ type: Number }) min = 0;\n\n  /** The maximum acceptable value of the range. */\n  @property({ type: Number }) max = 100;\n\n  /** The interval at which the range will increase and decrease. */\n  @property({ type: Number }) step = 1;\n\n  /** The range's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The preferred placement of the range's tooltip. Use \"none\" to disable the tooltip */\n  @property({ attribute: 'tooltip-placement', type: String }) tooltipPlacement: 'top' | 'bottom' | 'none' = 'top';\n\n  /** The current values of the input (in ascending order) as a string of space separated values */\n  @property({ type: String })\n  set value(value: string | null) {\n    this.#value = value ? value.split(' ').map(n => +n).sort(numericSort) : [];\n  }\n\n  get value() {\n    return this.#value.slice().sort(numericSort).join(' ');\n  }\n\n  /** Gets or sets the current values of the range as an array of numbers */\n  set valueAsArray(value: readonly number[] | null) {\n    const oldValue = this.#value;\n    this.#value = Array.isArray(value) ? value.slice().sort(numericSort) : value || [];\n    if (arraysDiffer(oldValue, this.#value)) {\n      this.requestUpdate('value', oldValue.join(' '));\n    }\n  }\n\n  get valueAsArray() {\n    return [...this.#value].sort(numericSort);\n  }\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '0';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element.\n   * This attribute allows you to place the form control outside of a form\n   * and associate it with the form that has this `id`.\n   * The form must be in the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /**\n   * A function used to format the tooltip's value.\n   * The value of the thumb is passed as the only argument.\n   * The function should return a string to display in the tooltip.\n   */\n  @property({ attribute: false }) tooltipFormatter: (value: number) => string;\n\n  @query('.input__wrapper') baseDiv: HTMLDivElement;\n\n  @query('.active-track') activeTrack: HTMLDivElement;\n\n  @queryAll('.thumb') thumbs: NodeListOf<HTMLDivElement>;\n\n  @query('.range__validation-input') validationInput: HTMLInputElement;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label', 'prefix', 'suffix', 'ticks');\n\n  private readonly formControlController = new FormControlController(this, { assumeInteractionOn: ['syn-change'] });\n\n  private localize = new LocalizeController(this);\n\n  #value: readonly number[] = [0];\n\n  #rangeValues = new Map<number, number>();\n\n  #hasFocus = false;\n\n  #validationError = '';\n\n  #validationTimeout: NodeJS.Timeout;\n\n  #nextId = 1;\n\n  #lastChangeValue: number [] = [];\n\n  get #rtl() {\n    return this.localize.dir() === 'rtl';\n  }\n\n  constructor() {\n    super();\n    this.tooltipFormatter = this.localize.number.bind(this.localize);\n  }\n\n  firstUpdated() {\n    this.formControlController.updateValidity();\n    // initialize the lastChangeValue with the initial value\n    this.#lastChangeValue = Array.from(this.#value);\n    /**\n     * Silence the screen reader for the tooltip.\n     * Otherwise it will read the new value on change multiple times instead of just one time.\n     * The aria-hidden needs to be set where the aria-live attribute is set, to silence it.\n     */\n    this.thumbs.forEach((thumb) => {\n      const tooltip = thumb.parentElement as SynTooltip;\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      tooltip.updateComplete.then(() => {\n        const tooltipBody = tooltip.shadowRoot!.querySelector('.tooltip__body');\n        tooltipBody?.setAttribute('aria-hidden', 'true');\n      });\n    });\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues) {\n    super.willUpdate(changedProperties);\n\n    if (this.min > this.max) {\n      [this.min, this.max] = [this.max, this.min];\n    }\n\n    if (this.step > this.max - this.min) {\n      this.step = this.max - this.min;\n    }\n\n    if (this.step <= 0) {\n      this.step = 1;\n    }\n\n    const adjustedValue = this.#value\n      .map(value => {\n        if (value <= this.min) return this.min;\n        if (value >= this.max) return this.max;\n        const nextValue = this.min + this.step * Math.round((value - this.min) / this.step);\n        if (nextValue > this.max) return this.max;\n        return nextValue;\n      });\n\n    if (arraysDiffer(this.#value, adjustedValue)) {\n      this.#value = adjustedValue;\n    }\n  }\n\n  protected override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    // eslint-disable-next-line no-restricted-syntax\n    for (const thumb of this.thumbs) {\n      const rangeId = +thumb.dataset.rangeId!;\n      // eslint-disable-next-line no-continue\n      if (!this.#rangeValues.has(rangeId)) continue;\n      this.#moveThumb(thumb, this.#rangeValues.get(rangeId)!);\n    }\n    this.#updateActiveTrack();\n  }\n\n  override focus(options?: FocusOptions) {\n    const firstThumb = this.thumbs.item(0);\n    if (firstThumb) {\n      firstThumb.focus(options);\n    } else {\n      super.focus(options);\n    }\n  }\n\n  /**\n   * Checks for validity but does not show a validation message.\n   * Returns `true` when valid and `false` when invalid.\n   */\n  public checkValidity() {\n    if (this.disabled) return true;\n    const isValid = !this.#validationError;\n\n    if (!isValid) {\n      this.formControlController.emitInvalidEvent();\n    }\n\n    return isValid;\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  public reportValidity() {\n    if (this.disabled) return true;\n\n    const isValid = this.validity.valid;\n\n    this.formControlController.setValidity(isValid);\n    this.validationInput.hidden = true;\n    clearTimeout(this.#validationTimeout);\n\n    if (!isValid) {\n      // Show the browser's constraint validation message\n      this.validationInput.hidden = false;\n      this.validationInput.reportValidity();\n      this.#validationTimeout = setTimeout(() => {\n        this.validationInput.hidden = true;\n      }, 10000);\n    }\n\n    return isValid;\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  public setCustomValidity(message: string) {\n    this.#validationError = message;\n    this.validationInput.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  public getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Gets the validity state object */\n  public get validity(): ValidityState {\n    if (this.#validationError) return customErrorValidityState;\n\n    return validValidityState;\n  }\n\n  /** Gets the validation message */\n  public get validationMessage() {\n    return this.#validationError;\n  }\n\n  #onClickTrack(event: PointerEvent) {\n    if (this.disabled) return;\n    const { clientX } = event;\n\n    const thumbs = Array.from(this.thumbs);\n    const pos = getNormalizedValueFromClientX(this.baseDiv, clientX, this.#rtl);\n    const unit = this.step / (this.max - this.min);\n    const nextValue = this.min + this.step * Math.round(pos / unit);\n\n    // Get the thumb that is placed closest to the click position\n    const thumb = thumbs.reduce((prev, curr) => {\n      const currValue = this.#rangeValues.get(+curr.dataset.rangeId!)!;\n      const prevValue = this.#rangeValues.get(+prev.dataset.rangeId!)!;\n\n      return Math.abs(currValue - nextValue) <= Math.abs(prevValue - nextValue) ? curr : prev;\n    });\n\n    const rangeId = +thumb.dataset.rangeId!;\n\n    if (!rangeId) return;\n\n    this.#rangeValues.set(rangeId, nextValue);\n    this.#moveThumb(thumb, nextValue);\n\n    const prevValue = this.#value;\n    this.#value = Array.from(this.#rangeValues.values());\n    this.#updateActiveTrack();\n\n    if (arraysDiffer(prevValue, this.#value)) {\n      this.#lastChangeValue = Array.from(this.#value);\n      this.emit('syn-input');\n      this.emit('syn-change');\n    }\n  }\n\n  async #onClickThumb(event: PointerEvent) {\n    if (this.disabled) return;\n    const thumb = event.target as HTMLDivElement;\n    this.#updateTooltip(thumb);\n\n    if (thumb.dataset.pointerId) {\n      thumb.releasePointerCapture(+thumb.dataset.pointerId);\n    }\n\n    thumb.dataset.pointerId = event.pointerId.toString();\n    thumb.setPointerCapture(event.pointerId);\n    thumb.classList.add('grabbed');\n\n    await (thumb.parentElement as SynTooltip).show();\n  }\n\n  #onDragThumb(event: PointerEvent) {\n    if (this.disabled) return;\n\n    const thumb = event.target as HTMLDivElement;\n    const rangeId = +thumb.dataset.rangeId!;\n    if (!this.#rangeValues.has(rangeId)) return;\n\n    const pointerId = thumb.dataset.pointerId ? +thumb.dataset.pointerId : null;\n    if (pointerId !== event.pointerId) return;\n\n    const pos = getNormalizedValueFromClientX(this.baseDiv, event.clientX, this.#rtl);\n    const unit = this.step / (this.max - this.min);\n    const value = this.min + this.step * Math.round(pos / unit);\n\n    const synMove = this.emit('syn-move', {\n      cancelable: true,\n      detail: {\n        element: thumb,\n        value,\n      },\n    });\n\n    if (synMove.defaultPrevented) {\n      return;\n    }\n\n    this.#rangeValues.set(rangeId, value);\n    this.#moveThumb(thumb, value);\n\n    const prevValue = this.#value;\n    this.#value = Array.from(this.#rangeValues.values());\n    this.#updateActiveTrack();\n\n    if (arraysDiffer(prevValue, this.#value)) {\n      this.emit('syn-input');\n    }\n  }\n\n  async #onReleaseThumb(event: PointerEvent) {\n    const thumb = event.target as HTMLDivElement;\n    if (!thumb.dataset.pointerId || event.pointerId !== +thumb.dataset.pointerId) return;\n\n    thumb.classList.remove('grabbed');\n    thumb.releasePointerCapture(event.pointerId);\n    delete thumb.dataset.pointerId;\n\n    if (arraysDiffer(this.#lastChangeValue, this.#value)) {\n      this.#lastChangeValue = Array.from(this.#value);\n      this.emit('syn-change');\n    }\n\n    await (thumb.parentElement as SynTooltip).hide();\n  }\n\n  #moveThumb(thumb: HTMLDivElement, value: number) {\n    thumb.setAttribute('aria-valuenow', value.toString());\n    thumb.setAttribute('aria-valuetext', this.tooltipFormatter(value));\n    const pos = (value - this.min) / (this.max - this.min);\n    // eslint-disable-next-line no-param-reassign\n    thumb.style.insetInlineStart = `calc( ${100 * pos}% - var(--full-thumb-size) / 2 )`;\n    this.#updateTooltip(thumb);\n  }\n\n  #updateActiveTrack() {\n    const { activeTrack } = this;\n    if (!activeTrack) return;\n\n    // Special case: User set min and max to the same values.\n    // To not show the active track in this case.\n    if (this.min === this.max) {\n      activeTrack.style.insetInlineStart = '0%';\n      activeTrack.style.insetInlineEnd = '0%';\n      return;\n    }\n\n    // If there is only one thumb, the active track should start at the beginning\n    // and end at the thumb\n    if (this.#value.length === 1) {\n      const start = getComputedStyle(this).getPropertyValue('--track-active-offset') || '0%';\n      const end = (100 * (this.#value[0] - this.min)) / (this.max - this.min);\n\n      activeTrack.style.insetInlineStart = `min(${start}, ${end}%)`;\n      activeTrack.style.insetInlineEnd = `min(calc(100% - ${start}), calc(100% - ${end}%))`;\n\n      return;\n    }\n\n    // The render order of the thumbs is not guaranteed to be the same as the value order.\n    const sortedValues = this.#value.slice().sort(numericSort);\n\n    // Multi thumb: Place the active track between the first and last thumb\n    const start = (100 * (sortedValues[0] - this.min)) / (this.max - this.min);\n    const end = (100 * (sortedValues[sortedValues.length - 1] - this.min)) / (this.max - this.min);\n\n    activeTrack.style.insetInlineStart = `${start}%`;\n    activeTrack.style.insetInlineEnd = `calc(100% - ${end}%)`;\n  }\n\n  #onKeyPress(event: KeyboardEvent) {\n    const thumb = event.target as HTMLDivElement;\n    const rangeId = +thumb.dataset.rangeId!;\n\n    const currentValue = this.#rangeValues.get(rangeId);\n    if (currentValue === undefined) return;\n\n    let value = currentValue;\n\n    switch (event.key) {\n    case 'ArrowUp':\n    case 'Up':\n      value = Math.min(currentValue + this.step, this.max);\n      break;\n    case 'ArrowDown':\n    case 'Down':\n      value = Math.max(currentValue - this.step, this.min);\n      break;\n    case 'ArrowLeft':\n    case 'Left':\n      value = this.#rtl\n        ? Math.min(currentValue + this.step, this.max)\n        : Math.max(currentValue - this.step, this.min);\n      break;\n    case 'ArrowRight':\n    case 'Right':\n      value = this.#rtl\n        ? Math.max(currentValue - this.step, this.min)\n        : Math.min(currentValue + this.step, this.max);\n      break;\n    case 'PageUp':\n      value = Math.min(\n        currentValue + ((this.max - this.min) / 5),\n        this.max,\n      );\n      break;\n    case 'PageDown':\n      value = Math.max(\n        (currentValue - (this.max - this.min) / 5),\n        this.min,\n      );\n      break;\n    case 'Home':\n      value = this.min;\n      break;\n    case 'End':\n      value = this.max;\n      break;\n    default:\n      return;\n    }\n\n    if (value !== currentValue) {\n      // Make sure the user is able to intercept movement\n      const synMove = this.emit('syn-move', {\n        cancelable: true,\n        detail: {\n          element: thumb,\n          value,\n        },\n      });\n\n      if (synMove.defaultPrevented) {\n        return;\n      }\n\n      this.#moveThumb(thumb, value);\n\n      this.#rangeValues.set(rangeId, value);\n      this.#value = Array.from(this.#rangeValues.values());\n\n      this.#updateActiveTrack();\n      this.#updateTooltip(thumb);\n\n      this.#lastChangeValue = Array.from(this.#value);\n      this.emit('syn-input');\n      this.emit('syn-change');\n    }\n\n    event.stopPropagation();\n    event.preventDefault();\n  }\n\n  #onBlur(event: FocusEvent) {\n    if (event.relatedTarget && this.shadowRoot?.contains(event.relatedTarget as Node)) return;\n    this.emit('syn-blur');\n    this.#hasFocus = false;\n  }\n\n  #updateTooltip(thumb: HTMLDivElement) {\n    if (this.tooltipPlacement === 'none') return;\n    const rangeId = +thumb.dataset.rangeId!;\n    if (!this.#rangeValues.has(rangeId)) return;\n    const value = this.#rangeValues.get(rangeId)!;\n    const tooltip = thumb.parentElement as SynTooltip;\n    tooltip.content = this.tooltipFormatter(value);\n  }\n\n  #onFocusThumb(event: FocusEvent) {\n    if (this.disabled) return;\n    if (!this.#hasFocus) {\n      this.#hasFocus = true;\n      this.emit('syn-focus');\n    }\n    const thumb = event.target as HTMLDivElement;\n    if (!thumb?.dataset?.rangeId) return;\n    this.#updateTooltip(thumb);\n  }\n\n  #handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  #updatePrefixSuffixPosition() {\n    const hasTicksSlot = this.hasSlotController.test('ticks');\n    const hasPrefixSlot = this.hasSlotController.test('prefix');\n    const hasSuffixSlot = this.hasSlotController.test('suffix');\n\n    if (!hasTicksSlot) {\n      return;\n    }\n\n    let ticksHeight = this.shadowRoot?.querySelector('.ticks')?.clientHeight;\n    if (ticksHeight) {\n      // Add two pixels as the 1px margin on top and bottom are not included in the clientHeight\n      ticksHeight += 2;\n\n      ticksHeight /= 2;\n\n      if (hasPrefixSlot) {\n        const prefix = this.shadowRoot?.querySelector('.input__prefix') as HTMLElement;\n        prefix.style.transform = `translateY(-${ticksHeight}px)`;\n      }\n\n      if (hasSuffixSlot) {\n        const suffix = this.shadowRoot?.querySelector('.input__suffix') as HTMLElement;\n        suffix.style.transform = `translateY(-${ticksHeight}px)`;\n      }\n    }\n  }\n\n  /* eslint-disable @typescript-eslint/unbound-method */\n  private renderThumbs(hasLabel: boolean) {\n    // Aria special handling:\n    // 1. When there is only one label: Use the provided label as the aria-label for the thumb\n    // 2. When we have multiple label: Set the label for the first and last item to itself\n    const isMultiple = this.#value.length > 1;\n\n    this.#rangeValues.clear();\n    return this.#value.map((value, index) => {\n      this.#nextId += 1;\n      const rangeId = this.#nextId;\n      this.#rangeValues.set(rangeId, value);\n\n      const id = `thumb-${rangeId}`;\n\n      let ariaLabel = '';\n      let ariaLabeledBy = '';\n\n      if (!isMultiple) {\n        ariaLabeledBy = hasLabel ? 'label aria-label-hidden' : '';\n      } else {\n        ariaLabeledBy = hasLabel ? `label aria-label-hidden ${id}` : `aria-label-hidden ${id}`;\n\n        if (index === 0) {\n          ariaLabel = `${this.localize.term('rangeMin')} (${this.tooltipFormatter(value)})`;\n        } else if (index === this.#value.length - 1) {\n          ariaLabel = `${this.localize.term('rangeMax')} (${this.tooltipFormatter(value)})`;\n        } else {\n          ariaLabel = this.tooltipFormatter(value);\n        }\n      }\n\n      return html`\n        <syn-tooltip\n          hoist\n          .disabled=${this.tooltipPlacement === 'none' || this.disabled}\n          .placement=${this.tooltipPlacement as 'top' | 'bottom'}\n          trigger=\"focus\"\n        >\n          <div\n            aria-disabled=${ifDefined(this.disabled ? 'true' : undefined)}\n            aria-labelledby=${ariaLabeledBy}\n            aria-label=${ariaLabel}\n            aria-valuemax=\"${this.max}\"\n            aria-valuemin=\"${this.min}\"\n            aria-valuenow=\"${value}\"\n            aria-valuetext=\"${this.tooltipFormatter(value)}\"\n            class=\"thumb\"\n            data-range-id=\"${rangeId}\"\n            id=${id}\n            part=\"thumb\"\n            role=\"slider\"\n            tabindex=\"${this.disabled ? -1 : 0}\"\n            @pointerdown=${this.#onClickThumb}\n            @pointermove=${this.#onDragThumb}\n            @pointerup=${this.#onReleaseThumb}\n            @pointercancel=${this.#onReleaseThumb}\n            @keydown=${this.#onKeyPress}\n            @focus=${this.#onFocusThumb}\n          ></div>\n        </syn-tooltip>\n      `;\n    });\n  }\n  /* eslint-enable @typescript-eslint/unbound-method */\n\n  /* eslint-disable @typescript-eslint/unbound-method */\n  override render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasPrefixSlot = this.hasSlotController.test('prefix');\n    const hasSuffixSlot = this.hasSlotController.test('suffix');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n    this.#updatePrefixSuffixPosition();\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--has-help-text': hasHelpText,\n          'form-control--has-label': hasLabel,\n          'form-control--has-prefix': hasPrefixSlot,\n          'form-control--has-suffix': hasSuffixSlot,\n          'form-control--is-disabled': this.disabled,\n          'form-control--large': this.size === 'large',\n          'form-control--medium': this.size === 'medium',\n          'form-control--small': this.size === 'small',\n        })}\n        @focusout=${this.#onBlur}\n      >\n        <label\n          id=\"label\"\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.focus}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <label id=\"aria-label-hidden\" class=\"visually-hidden\">\n          (${this.#value.map(this.tooltipFormatter).join(' - ')})\n        </label>\n\n        <div class=\"base input__control\" part=\"base\">\n          <span part=\"prefix\" class=\"input__prefix\">\n            <slot name=\"prefix\"></slot>\n          </span>\n\n          <div class=\"input__wrapper\" part=\"input-wrapper\">\n            <input\n              class=\"range__validation-input visually-hidden\"\n              tabindex=\"-1\"\n              hidden\n              @invalid=${this.#handleInvalid}\n            />\n\n            <div\n              class=\"track__wrapper\"\n              @click=${this.#onClickTrack}\n              part=\"track-wrapper\"\n              role=\"presentation\"\n            >\n              <div class=\"track__click-helper\"></div>\n              <div class=\"track\" part=\"track\"></div>\n              <div class=\"active-track\" part=\"active-track\"></div>\n            </div>\n\n            ${this.renderThumbs(hasLabel)}\n\n            <div\n              class=\"ticks\"\n              part=\"ticks\"\n              @click=${this.#onClickTrack}\n              role=\"presentation\"\n            >\n              <slot name=\"ticks\"></slot>\n            </div>\n          </div>\n\n          <span part=\"suffix\" class=\"input__suffix\">\n            <slot name=\"suffix\"></slot>\n          </span>\n        </div>\n\n        <div\n          part=\"form-control-help-text\"\n          class=\"form-control__help-text\"\n          aria-hidden=${hasHelpText ? 'false' : 'true'}\n        >\n          <slot name=\"help-text\">${this.helpText}</slot>\n        </div>\n      </div>\n    `;\n  }\n  /* eslint-enable @typescript-eslint/unbound-method */\n}\n"],
+  "mappings": "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",
+  "names": ["prevValue", "start", "end"]
+}

package/dist/chunks/{chunk.6ZMQFRAK.js → chunk.X7TL7T7R.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.GOXWNSOG.js";
+} from "./chunk.DRA2UZ77.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.6ZMQFRAK.js.map
+//# sourceMappingURL=chunk.X7TL7T7R.js.map

package/dist/chunks/{chunk.SIADSRVP.js → chunk.XE5OK2UE.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.AA7ETQ6Z.js";
+} from "./chunk.ITWCPUOB.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.SIADSRVP.js.map
+//# sourceMappingURL=chunk.XE5OK2UE.js.map

package/dist/chunks/{chunk.UKK7UB66.js → chunk.XG3XBCNU.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.SOVF26GR.js";
+} from "./chunk.GVPQNGY3.js";
 
 // src/components/side-nav/side-nav.ts
 var side_nav_default = SynSideNav;
@@ -9,4 +9,4 @@ SynSideNav.define("syn-side-nav");
 export {
   side_nav_default
 };
-//# sourceMappingURL=chunk.UKK7UB66.js.map
+//# sourceMappingURL=chunk.XG3XBCNU.js.map

package/dist/chunks/{chunk.HRU52NH5.js → chunk.XL5RSJ3V.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.PGDHCGHK.js";
+} from "./chunk.MM55BLFM.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.HRU52NH5.js.map
+//# sourceMappingURL=chunk.XL5RSJ3V.js.map

package/dist/chunks/{chunk.RQ6PQ76D.js → chunk.XVUJKP6I.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.RMIDAEF5.js";
 import {
   LocalizeController
-} from "./chunk.ZTEMBLJH.js";
+} from "./chunk.QQ3HY3YJ.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.BWVISANJ.js";
+} from "./chunk.3I5JDTGT.js";
 import {
   __decorateClass
-} from "./chunk.QNDC5KWA.js";
+} from "./chunk.HLQ75E45.js";
 
 // src/components/progress-ring/progress-ring.component.ts
 import { html } from "lit";
@@ -74,4 +74,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.RQ6PQ76D.js.map
+//# sourceMappingURL=chunk.XVUJKP6I.js.map

package/dist/chunks/{chunk.TVIXZRR6.js → chunk.Y3LKXZKA.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.JLXCLATV.js";
 import {
   LocalizeController
-} from "./chunk.ZTEMBLJH.js";
+} from "./chunk.QQ3HY3YJ.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.BWVISANJ.js";
+} from "./chunk.3I5JDTGT.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -33,4 +33,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.TVIXZRR6.js.map
+//# sourceMappingURL=chunk.Y3LKXZKA.js.map

package/dist/chunks/{chunk.QBVLTYU7.js → chunk.YCNVMJNR.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk.QNDC5KWA.js";
+} from "./chunk.HLQ75E45.js";
 
 // src/internal/form.ts
 var formCollections = /* @__PURE__ */ new WeakMap();
@@ -308,4 +308,4 @@ export {
   valueMissingValidityState,
   customErrorValidityState
 };
-//# sourceMappingURL=chunk.QBVLTYU7.js.map
+//# sourceMappingURL=chunk.YCNVMJNR.js.map

package/dist/chunks/{chunk.GZQPS6JH.js → chunk.YOHLIT2Z.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.OUSXEKQG.js";
+} from "./chunk.UYCIME52.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.BWVISANJ.js";
+} from "./chunk.3I5JDTGT.js";
 import {
   __decorateClass
-} from "./chunk.QNDC5KWA.js";
+} from "./chunk.HLQ75E45.js";
 
 // src/components/icon-button/icon-button.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -138,4 +138,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.GZQPS6JH.js.map
+//# sourceMappingURL=chunk.YOHLIT2Z.js.map

package/dist/chunks/{chunk.A45QGUNM.js → chunk.ZXXT7QGH.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.EG23UW3V.js";
+} from "./chunk.HIIXDCGP.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.A45QGUNM.js.map
+//# sourceMappingURL=chunk.ZXXT7QGH.js.map

package/dist/components/accordion/accordion.component.js

@@ -1,10 +1,10 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.TCGQ6I55.js";
+} from "../../chunks/chunk.PPKWM5KJ.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.BWVISANJ.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.ITKS5ZOS.js";
+import "../../chunks/chunk.3I5JDTGT.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   SynAccordion as default
 };

package/dist/components/accordion/accordion.js

@@ -1,11 +1,11 @@
 import {
   accordion_default
-} from "../../chunks/chunk.OAD4GL57.js";
-import "../../chunks/chunk.TCGQ6I55.js";
+} from "../../chunks/chunk.LQCQI2F4.js";
+import "../../chunks/chunk.PPKWM5KJ.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.BWVISANJ.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.ITKS5ZOS.js";
+import "../../chunks/chunk.3I5JDTGT.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   accordion_default as default
 };

package/dist/components/accordion/accordion.styles.js

@@ -1,7 +1,7 @@
 import {
   accordion_styles_default
 } from "../../chunks/chunk.WNUZ6LH4.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   accordion_styles_default as default
 };

package/dist/components/alert/alert.component.js

@@ -1,27 +1,27 @@
 import {
   SynAlert
-} from "../../chunks/chunk.EPEJDXFO.js";
-import "../../chunks/chunk.GZQPS6JH.js";
+} from "../../chunks/chunk.NFYLQHRP.js";
+import "../../chunks/chunk.YOHLIT2Z.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
-import "../../chunks/chunk.MLOZ4D3V.js";
-import "../../chunks/chunk.MSUX23ZJ.js";
+import "../../chunks/chunk.FMSA5VHT.js";
+import "../../chunks/chunk.KL7CAPPJ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.OUSXEKQG.js";
+import "../../chunks/chunk.UYCIME52.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.ZTEMBLJH.js";
-import "../../chunks/chunk.JSPLWE2A.js";
+import "../../chunks/chunk.QQ3HY3YJ.js";
+import "../../chunks/chunk.27HWF7JY.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.BWVISANJ.js";
+import "../../chunks/chunk.ITKS5ZOS.js";
+import "../../chunks/chunk.3I5JDTGT.js";
 import "../../chunks/chunk.JRYXECAY.js";
 import "../../chunks/chunk.KG73YUXI.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   SynAlert as default
 };

package/dist/components/alert/alert.custom.styles.js

@@ -1,7 +1,7 @@
 import {
   alert_custom_styles_default
 } from "../../chunks/chunk.JRYXECAY.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   alert_custom_styles_default as default
 };

package/dist/components/alert/alert.js

@@ -1,28 +1,28 @@
 import {
   alert_default
-} from "../../chunks/chunk.ZHDP4GU5.js";
-import "../../chunks/chunk.EPEJDXFO.js";
-import "../../chunks/chunk.GZQPS6JH.js";
+} from "../../chunks/chunk.WZ3DZS4C.js";
+import "../../chunks/chunk.NFYLQHRP.js";
+import "../../chunks/chunk.YOHLIT2Z.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
-import "../../chunks/chunk.MLOZ4D3V.js";
-import "../../chunks/chunk.MSUX23ZJ.js";
+import "../../chunks/chunk.FMSA5VHT.js";
+import "../../chunks/chunk.KL7CAPPJ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.OUSXEKQG.js";
+import "../../chunks/chunk.UYCIME52.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.ZTEMBLJH.js";
-import "../../chunks/chunk.JSPLWE2A.js";
+import "../../chunks/chunk.QQ3HY3YJ.js";
+import "../../chunks/chunk.27HWF7JY.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.BWVISANJ.js";
+import "../../chunks/chunk.ITKS5ZOS.js";
+import "../../chunks/chunk.3I5JDTGT.js";
 import "../../chunks/chunk.JRYXECAY.js";
 import "../../chunks/chunk.KG73YUXI.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   alert_default as default
 };

package/dist/components/alert/alert.styles.js

@@ -1,7 +1,7 @@
 import {
   alert_styles_default
 } from "../../chunks/chunk.KG73YUXI.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   alert_styles_default as default
 };

package/dist/components/badge/badge.component.js

@@ -1,12 +1,12 @@
 import {
   SynBadge
-} from "../../chunks/chunk.EG23UW3V.js";
+} from "../../chunks/chunk.HIIXDCGP.js";
 import "../../chunks/chunk.WQJRBFZA.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
-import "../../chunks/chunk.ZTEMBLJH.js";
-import "../../chunks/chunk.JSPLWE2A.js";
-import "../../chunks/chunk.BWVISANJ.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.QQ3HY3YJ.js";
+import "../../chunks/chunk.27HWF7JY.js";
+import "../../chunks/chunk.3I5JDTGT.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   SynBadge as default
 };

package/dist/components/badge/badge.custom.styles.js

@@ -1,7 +1,7 @@
 import {
   badge_custom_styles_default
 } from "../../chunks/chunk.WQJRBFZA.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   badge_custom_styles_default as default
 };

package/dist/components/badge/badge.js

@@ -1,13 +1,13 @@
 import {
   badge_default
-} from "../../chunks/chunk.A45QGUNM.js";
-import "../../chunks/chunk.EG23UW3V.js";
+} from "../../chunks/chunk.ZXXT7QGH.js";
+import "../../chunks/chunk.HIIXDCGP.js";
 import "../../chunks/chunk.WQJRBFZA.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
-import "../../chunks/chunk.ZTEMBLJH.js";
-import "../../chunks/chunk.JSPLWE2A.js";
-import "../../chunks/chunk.BWVISANJ.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.QQ3HY3YJ.js";
+import "../../chunks/chunk.27HWF7JY.js";
+import "../../chunks/chunk.3I5JDTGT.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   badge_default as default
 };

package/dist/components/badge/badge.styles.js

@@ -1,7 +1,7 @@
 import {
   badge_styles_default
 } from "../../chunks/chunk.Y5TMYX2L.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   badge_styles_default as default
 };

package/dist/components/breadcrumb/breadcrumb.component.js

@@ -1,20 +1,20 @@
 import {
   SynBreadcrumb
-} from "../../chunks/chunk.4VJLNO6Y.js";
+} from "../../chunks/chunk.FIIQJSVJ.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.OUSXEKQG.js";
+import "../../chunks/chunk.UYCIME52.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.ZTEMBLJH.js";
-import "../../chunks/chunk.JSPLWE2A.js";
+import "../../chunks/chunk.QQ3HY3YJ.js";
+import "../../chunks/chunk.27HWF7JY.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.BWVISANJ.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.ITKS5ZOS.js";
+import "../../chunks/chunk.3I5JDTGT.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   SynBreadcrumb as default
 };

package/dist/components/breadcrumb/breadcrumb.custom.styles.js

@@ -1,7 +1,7 @@
 import {
   breadcrumb_custom_styles_default
 } from "../../chunks/chunk.32CYREEV.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   breadcrumb_custom_styles_default as default
 };

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,21 +1,21 @@
 import {
   breadcrumb_default
-} from "../../chunks/chunk.VREBZRBU.js";
-import "../../chunks/chunk.4VJLNO6Y.js";
+} from "../../chunks/chunk.4PD74CS6.js";
+import "../../chunks/chunk.FIIQJSVJ.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.OUSXEKQG.js";
+import "../../chunks/chunk.UYCIME52.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.ZTEMBLJH.js";
-import "../../chunks/chunk.JSPLWE2A.js";
+import "../../chunks/chunk.QQ3HY3YJ.js";
+import "../../chunks/chunk.27HWF7JY.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.BWVISANJ.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.ITKS5ZOS.js";
+import "../../chunks/chunk.3I5JDTGT.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   breadcrumb_default as default
 };

package/dist/components/breadcrumb/breadcrumb.styles.js

@@ -1,7 +1,7 @@
 import {
   breadcrumb_styles_default
 } from "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   breadcrumb_styles_default as default
 };

package/dist/components/breadcrumb-item/breadcrumb-item.component.js

@@ -1,12 +1,12 @@
 import {
   SynBreadcrumbItem
-} from "../../chunks/chunk.ZXLXQMJJ.js";
+} from "../../chunks/chunk.2IEYCSI6.js";
 import "../../chunks/chunk.NGIGPLN2.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.BWVISANJ.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.ITKS5ZOS.js";
+import "../../chunks/chunk.3I5JDTGT.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   SynBreadcrumbItem as default
 };

package/dist/components/breadcrumb-item/breadcrumb-item.custom.styles.js

@@ -1,7 +1,7 @@
 import {
   breadcrumb_item_custom_styles_default
 } from "../../chunks/chunk.NGIGPLN2.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   breadcrumb_item_custom_styles_default as default
 };

package/dist/components/breadcrumb-item/breadcrumb-item.js

@@ -1,13 +1,13 @@
 import {
   breadcrumb_item_default
-} from "../../chunks/chunk.BZ7DXEKT.js";
-import "../../chunks/chunk.ZXLXQMJJ.js";
+} from "../../chunks/chunk.536NCWEA.js";
+import "../../chunks/chunk.2IEYCSI6.js";
 import "../../chunks/chunk.NGIGPLN2.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.BWVISANJ.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.ITKS5ZOS.js";
+import "../../chunks/chunk.3I5JDTGT.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   breadcrumb_item_default as default
 };

package/dist/components/breadcrumb-item/breadcrumb-item.styles.js

@@ -1,7 +1,7 @@
 import {
   breadcrumb_item_styles_default
 } from "../../chunks/chunk.O6ZH6AOI.js";
-import "../../chunks/chunk.QNDC5KWA.js";
+import "../../chunks/chunk.HLQ75E45.js";
 export {
   breadcrumb_item_styles_default as default
 };