@synergy-design-system/components 2.16.0 → 2.18.0

package/dist/chunks/{chunk.HVPCPK6U.js → chunk.GCE5JETV.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.FKKJBKYL.js";
 import {
   SynButtonGroup
-} from "./chunk.42SNRHHV.js";
+} from "./chunk.ORRMDJU4.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BQ5QQEE4.js";
+} from "./chunk.KUQYM47L.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -363,4 +363,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.HVPCPK6U.js.map
+//# sourceMappingURL=chunk.GCE5JETV.js.map

package/dist/chunks/{chunk.4EVO3ZSJ.js → chunk.GFIID2ID.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.NVLBT4EX.js";
+} from "./chunk.PPJX7G34.js";
 import {
   arraysDiffer,
   getNormalizedValueFromClientX,
@@ -8,7 +8,7 @@ import {
 } from "./chunk.236RSW67.js";
 import {
   range_styles_default
-} from "./chunk.277APOW3.js";
+} from "./chunk.VFEILTOM.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BQ5QQEE4.js";
+} from "./chunk.KUQYM47L.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -46,7 +46,7 @@ import { html } from "lit";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { property, query, queryAll } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-var _value, _rangeValues, _hasFocus, _validationError, _validationTimeout, _nextId, _lastChangeValue, _SynRange_instances, rtl_get, onClickTrack_fn, onClickThumb_fn, onDragThumb_fn, onReleaseThumb_fn, moveThumb_fn, updateActiveTrack_fn, onKeyPress_fn, onBlur_fn, updateTooltip_fn, onFocusThumb_fn, handleInvalid_fn, updatePrefixSuffixPosition_fn;
+var _value, _rangeValues, _hasFocus, _validationError, _validationTimeout, _lastChangeValue, _SynRange_instances, rtl_get, onClickTrack_fn, movementBoundariesForThumb_fn, onClickThumb_fn, onDragThumb_fn, onReleaseThumb_fn, moveThumb_fn, updateActiveTrack_fn, onKeyPress_fn, onBlur_fn, updateTooltip_fn, onFocusThumb_fn, handleInvalid_fn, updatePrefixSuffixPosition_fn;
 var SynRange = class extends SynergyElement {
   constructor() {
     super();
@@ -60,6 +60,7 @@ var SynRange = class extends SynergyElement {
     this.step = 1;
     this.size = "medium";
     this.tooltipPlacement = "top";
+    this.restrictMovement = false;
     this.defaultValue = "0";
     this.form = "";
     this.hasSlotController = new HasSlotController(this, "help-text", "label", "prefix", "suffix", "ticks");
@@ -70,7 +71,6 @@ var SynRange = class extends SynergyElement {
     __privateAdd(this, _hasFocus, false);
     __privateAdd(this, _validationError, "");
     __privateAdd(this, _validationTimeout);
-    __privateAdd(this, _nextId, 1);
     __privateAdd(this, _lastChangeValue, []);
     this.tooltipFormatter = this.localize.number.bind(this.localize);
   }
@@ -193,8 +193,7 @@ var SynRange = class extends SynergyElement {
     const isMultiple = __privateGet(this, _value).length > 1;
     __privateGet(this, _rangeValues).clear();
     return __privateGet(this, _value).map((value, index) => {
-      __privateSet(this, _nextId, __privateGet(this, _nextId) + 1);
-      const rangeId = __privateGet(this, _nextId);
+      const rangeId = index + 1;
       __privateGet(this, _rangeValues).set(rangeId, value);
       const id = `thumb-${rangeId}`;
       let ariaLabel = "";
@@ -213,6 +212,7 @@ var SynRange = class extends SynergyElement {
       }
       return html`
         <syn-tooltip
+          exportparts="base:tooltip__base, base__arrow:tooltip__arrow, base__popup:tooltip__popup, body:tooltip__body"
           hoist
           .disabled=${this.tooltipPlacement === "none" || this.disabled}
           .placement=${this.tooltipPlacement}
@@ -236,6 +236,7 @@ var SynRange = class extends SynergyElement {
             @pointermove=${__privateMethod(this, _SynRange_instances, onDragThumb_fn)}
             @pointerup=${__privateMethod(this, _SynRange_instances, onReleaseThumb_fn)}
             @pointercancel=${__privateMethod(this, _SynRange_instances, onReleaseThumb_fn)}
+            @pointerleave=${__privateMethod(this, _SynRange_instances, onReleaseThumb_fn)}
             @keydown=${__privateMethod(this, _SynRange_instances, onKeyPress_fn)}
             @focus=${__privateMethod(this, _SynRange_instances, onFocusThumb_fn)}
           ></div>
@@ -298,7 +299,7 @@ var SynRange = class extends SynergyElement {
 
             <div
               class="track__wrapper"
-              @click=${__privateMethod(this, _SynRange_instances, onClickTrack_fn)}
+              @pointerdown=${__privateMethod(this, _SynRange_instances, onClickTrack_fn)}
               part="track-wrapper"
               role="presentation"
             >
@@ -312,7 +313,7 @@ var SynRange = class extends SynergyElement {
             <div
               class="ticks"
               part="ticks"
-              @click=${__privateMethod(this, _SynRange_instances, onClickTrack_fn)}
+              @pointerdown=${__privateMethod(this, _SynRange_instances, onClickTrack_fn)}
               role="presentation"
             >
               <slot name="ticks"></slot>
@@ -341,7 +342,6 @@ _rangeValues = new WeakMap();
 _hasFocus = new WeakMap();
 _validationError = new WeakMap();
 _validationTimeout = new WeakMap();
-_nextId = new WeakMap();
 _lastChangeValue = new WeakMap();
 _SynRange_instances = new WeakSet();
 rtl_get = function() {
@@ -357,7 +357,12 @@ onClickTrack_fn = function(event) {
   const thumb = thumbs.reduce((prev, curr) => {
     const currValue = __privateGet(this, _rangeValues).get(+curr.dataset.rangeId);
     const prevValue2 = __privateGet(this, _rangeValues).get(+prev.dataset.rangeId);
-    return Math.abs(currValue - nextValue) <= Math.abs(prevValue2 - nextValue) ? curr : prev;
+    const currDiff = Math.abs(currValue - nextValue);
+    const prevDiff = Math.abs(prevValue2 - nextValue);
+    if (currDiff === prevDiff) {
+      return currValue < nextValue ? curr : prev;
+    }
+    return currDiff < prevDiff ? curr : prev;
   });
   const rangeId = +thumb.dataset.rangeId;
   if (!rangeId) return;
@@ -372,6 +377,27 @@ onClickTrack_fn = function(event) {
     this.emit("syn-change");
   }
 };
+/**
+ * Get the boundaries of a given thumb
+ * @param thumb The thumb element that was moved
+ * @param value The current value of a thumb
+ * @returns An object containing information about the current boundaries
+ */
+movementBoundariesForThumb_fn = function(thumb, value) {
+  const values = this.valueAsArray;
+  const thumbs = Array.from(this.thumbs);
+  const thumbIndex = thumbs.indexOf(thumb);
+  const prevValue = values[thumbIndex - 1] || this.min;
+  const nextValue = values[thumbIndex + 1] || this.max;
+  const isRestricted = value < prevValue || value > nextValue;
+  const finalValue = Math.max(prevValue, Math.min(nextValue, value));
+  return {
+    finalValue,
+    isRestricted,
+    nextValue,
+    prevValue
+  };
+};
 onClickThumb_fn = async function(event) {
   if (this.disabled) return;
   const thumb = event.target;
@@ -393,7 +419,7 @@ onDragThumb_fn = function(event) {
   if (pointerId !== event.pointerId) return;
   const pos = getNormalizedValueFromClientX(this.baseDiv, event.clientX, __privateGet(this, _SynRange_instances, rtl_get));
   const unit = this.step / (this.max - this.min);
-  const value = this.min + this.step * Math.round(pos / unit);
+  let value = this.min + this.step * Math.round(pos / unit);
   const synMove = this.emit("syn-move", {
     cancelable: true,
     detail: {
@@ -404,6 +430,15 @@ onDragThumb_fn = function(event) {
   if (synMove.defaultPrevented) {
     return;
   }
+  if (this.restrictMovement) {
+    const movementData = __privateMethod(this, _SynRange_instances, movementBoundariesForThumb_fn).call(this, thumb, value);
+    if (movementData.isRestricted) {
+      value = movementData.finalValue;
+      thumb.style.zIndex = (3 + this.thumbs.length).toFixed(0);
+    } else {
+      thumb.style.zIndex = "3";
+    }
+  }
   __privateGet(this, _rangeValues).set(rangeId, value);
   __privateMethod(this, _SynRange_instances, moveThumb_fn).call(this, thumb, value);
   const prevValue = __privateGet(this, _value);
@@ -508,6 +543,12 @@ onKeyPress_fn = function(event) {
     if (synMove.defaultPrevented) {
       return;
     }
+    if (this.restrictMovement) {
+      const movementData = __privateMethod(this, _SynRange_instances, movementBoundariesForThumb_fn).call(this, thumb, value);
+      if (movementData.isRestricted) {
+        value = movementData.finalValue;
+      }
+    }
     __privateMethod(this, _SynRange_instances, moveThumb_fn).call(this, thumb, value);
     __privateGet(this, _rangeValues).set(rangeId, value);
     __privateSet(this, _value, Array.from(__privateGet(this, _rangeValues).values()));
@@ -610,6 +651,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], SynRange.prototype, "value", 1);
+__decorateClass([
+  property({ attribute: "restrict-movement", type: Boolean })
+], SynRange.prototype, "restrictMovement", 2);
 __decorateClass([
   defaultValue()
 ], SynRange.prototype, "defaultValue", 2);
@@ -635,4 +679,4 @@ __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.4EVO3ZSJ.js.map
+//# sourceMappingURL=chunk.GFIID2ID.js.map

package/dist/chunks/chunk.GFIID2ID.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 * @csspart tooltip__base - The base of the tooltip\n * @csspart tooltip__arrow - The arrow of the tooltip\n * @csspart tooltip__popup - The popup of the tooltip\n * @csspart tooltip__body - The body of the tooltip\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  /**\n   * Set to true to restrict the movement of a thumb to its next and previous thumb.\n   * This only affects multi range components\n   */\n  @property({ attribute: 'restrict-movement', type: Boolean }) restrictMovement = false;\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  #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    // When the proposed min is bigger than the max value,\n    // we need to swap the values to make sure the min is always smaller than the max\n    // @example <syn-range min=\"50\" max=\"10\"> becomes <syn-range min=\"10\" max=\"50\">\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      const currDiff = Math.abs(currValue - nextValue);\n      const prevDiff = Math.abs(prevValue - nextValue);\n\n      if (currDiff === prevDiff) {\n        // If the difference is the same, we use the thumb which has the correct order.\n        // left track click --> prev, right track click --> curr\n        return currValue < nextValue ? curr : prev;\n      }\n\n      return currDiff < prevDiff ? 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  /**\n   * Get the boundaries of a given thumb\n   * @param thumb The thumb element that was moved\n   * @param value The current value of a thumb\n   * @returns An object containing information about the current boundaries\n   */\n  #movementBoundariesForThumb(thumb: HTMLDivElement, value: number) {\n    // If we are in restrict mode, we should not move the thumb\n    // if it is smaller than the previous thumb or larger than the next thumb\n    const values = this.valueAsArray!;\n    const thumbs = Array.from(this.thumbs);\n    const thumbIndex = thumbs.indexOf(thumb);\n\n    // Get the previous and next thumb and see what are our valid ranges\n    const prevValue = values[thumbIndex - 1] || this.min;\n    const nextValue = values[thumbIndex + 1] || this.max;\n\n    const isRestricted = value < prevValue || value > nextValue;\n    const finalValue = Math.max(prevValue, Math.min(nextValue, value));\n\n    return {\n      finalValue,\n      isRestricted,\n      nextValue,\n      prevValue,\n    };\n  }\n\n  async #onClickThumb(event: PointerEvent) {\n    if (this.disabled) return;\n\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    let 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    if (this.restrictMovement) {\n      const movementData = this.#movementBoundariesForThumb(thumb, value);\n      if (movementData.isRestricted) {\n        value = movementData.finalValue;\n        // Make sure the thumb has the highest z-index of all thumbs\n        thumb.style.zIndex = (3 + this.thumbs.length).toFixed(0);\n      } else {\n        thumb.style.zIndex = '3';\n      }\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      if (this.restrictMovement) {\n        const movementData = this.#movementBoundariesForThumb(thumb, value);\n        if (movementData.isRestricted) {\n          value = movementData.finalValue;\n        }\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      const rangeId = index + 1;\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          exportparts=\"base:tooltip__base, base__arrow:tooltip__arrow, base__popup:tooltip__popup, body:tooltip__body\"\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            @pointerleave=${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              @pointerdown=${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              @pointerdown=${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.FKMCKT5E.js → chunk.GQFFOQZN.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.I4IRVCPG.js";
+} from "./chunk.TJZY24L5.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.FKMCKT5E.js.map
+//# sourceMappingURL=chunk.GQFFOQZN.js.map

package/dist/chunks/{chunk.X2P2L6CY.js → chunk.GSOSDF6Y.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.ONW45GQI.js";
 import {
   SynDivider
-} from "./chunk.Z75O27E5.js";
+} from "./chunk.N2AVOGPQ.js";
 import {
   SynDrawer
-} from "./chunk.UW7BKCAT.js";
+} from "./chunk.X6E5AL4S.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -21,18 +21,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BQ5QQEE4.js";
+} from "./chunk.KUQYM47L.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -310,4 +310,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.X2P2L6CY.js.map
+//# sourceMappingURL=chunk.GSOSDF6Y.js.map

package/dist/chunks/{chunk.QQER6FSQ.js → chunk.GX2UKWOI.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.QAJE6ZLA.js";
+} from "./chunk.Z6FO63FU.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.QQER6FSQ.js.map
+//# sourceMappingURL=chunk.GX2UKWOI.js.map

package/dist/chunks/{chunk.HTCBVBIB.js → chunk.H4MH36PJ.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.GU4BIPJ7.js";
+} from "./chunk.KNT3CEUI.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.HTCBVBIB.js.map
+//# sourceMappingURL=chunk.H4MH36PJ.js.map

package/dist/chunks/{chunk.DTXR26QK.js → chunk.H5IM7HYO.js}

@@ -18,19 +18,19 @@ import {
 } from "./chunk.HQ6QUSK7.js";
 import {
   SynIcon
-} from "./chunk.WEMAFCFO.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.7UDEXCIW.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BQ5QQEE4.js";
+} from "./chunk.KUQYM47L.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -241,4 +241,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.DTXR26QK.js.map
+//# sourceMappingURL=chunk.H5IM7HYO.js.map

package/dist/chunks/{chunk.5K6422DI.js → chunk.H7OH2C4P.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.KTCL35FV.js";
+} from "./chunk.5WIG46RP.js";
 import {
   SynPopup
-} from "./chunk.RTI5KERT.js";
+} from "./chunk.AONDMSIS.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -49,19 +49,19 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.WEMAFCFO.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.7UDEXCIW.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BQ5QQEE4.js";
+} from "./chunk.KUQYM47L.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -827,4 +827,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.5K6422DI.js.map
+//# sourceMappingURL=chunk.H7OH2C4P.js.map

package/dist/chunks/{chunk.O4UZUEV2.js → chunk.HUKIAEXS.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.KTVS4UZQ.js";
+} from "./chunk.EYMXZWMK.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.O4UZUEV2.js.map
+//# sourceMappingURL=chunk.HUKIAEXS.js.map

package/dist/chunks/{chunk.A47YOODQ.js → chunk.IUDSE5HB.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.WEMAFCFO.js";
+} from "./chunk.7UDEXCIW.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BQ5QQEE4.js";
+} from "./chunk.KUQYM47L.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -138,4 +138,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.A47YOODQ.js.map
+//# sourceMappingURL=chunk.IUDSE5HB.js.map

package/dist/chunks/{chunk.UFC3YJ5I.js → chunk.IZY52YD4.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.HC6MGGJ6.js";
+} from "./chunk.R75LQNI2.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.UFC3YJ5I.js.map
+//# sourceMappingURL=chunk.IZY52YD4.js.map

package/dist/chunks/{chunk.DUIM2O3U.js → chunk.JI3MG4FE.js}

@@ -1,3 +1,9 @@
+import {
+  badge_custom_styles_default
+} from "./chunk.J6CGTLVH.js";
+import {
+  badge_styles_default
+} from "./chunk.Y5TMYX2L.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -6,13 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BQ5QQEE4.js";
-import {
-  badge_custom_styles_default
-} from "./chunk.J6CGTLVH.js";
-import {
-  badge_styles_default
-} from "./chunk.Y5TMYX2L.js";
+} from "./chunk.KUQYM47L.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -60,4 +60,4 @@ __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.DUIM2O3U.js.map
+//# sourceMappingURL=chunk.JI3MG4FE.js.map

package/dist/chunks/{chunk.ZUXT7AYV.js → chunk.JV5SB4H5.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.ZBC7LYRC.js";
+} from "./chunk.SRNY2EVZ.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.ZUXT7AYV.js.map
+//# sourceMappingURL=chunk.JV5SB4H5.js.map

package/dist/chunks/{chunk.ARSATIO3.js → chunk.KCOCTSSH.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.3VTK46AD.js";
+} from "./chunk.MNVFSPXD.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.ARSATIO3.js.map
+//# sourceMappingURL=chunk.KCOCTSSH.js.map

package/dist/chunks/{chunk.PIZR7FER.js → chunk.KK5X2K4O.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.SHCZO4KK.js";
 import {
   SynDivider
-} from "./chunk.Z75O27E5.js";
+} from "./chunk.N2AVOGPQ.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BQ5QQEE4.js";
+} from "./chunk.KUQYM47L.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -339,4 +339,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.PIZR7FER.js.map
+//# sourceMappingURL=chunk.KK5X2K4O.js.map

package/dist/chunks/{chunk.QLST7IBN.js → chunk.KMOGCINI.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.5K6422DI.js";
+} from "./chunk.H7OH2C4P.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.QLST7IBN.js.map
+//# sourceMappingURL=chunk.KMOGCINI.js.map