@synergy-design-system/components 2.20.1 → 2.21.1

package/dist/chunks/chunk.T25ZHNNE.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';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.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 */\n@enableDefaultSettings('SynRange')\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  @query('.ticks') ticks: 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  private visibilityObserver: IntersectionObserver;\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  disconnectedCallback() {\n    super.disconnectedCallback();\n    this?.visibilityObserver?.disconnect();\n  }\n\n  firstUpdated() {\n    // #727: Check if the ticks are visible and update the prefix and suffix position when they are.\n    this.visibilityObserver = new IntersectionObserver((entries) => {\n      const entry = entries.at(0);\n      if (entry && entry.isIntersecting && entry.target.checkVisibility()) {\n        this.#updatePrefixSuffixPosition(entry.boundingClientRect.height);\n      }\n    }, {\n      // We bind the root to the parent element of the ticks to make sure we are only called\n      // when the ticks are visible, not when the ticks are scrolled out of the viewport.\n      root: this.ticks.parentElement,\n    });\n    this.visibilityObserver.observe(this.ticks);\n\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, focusThumb = true) {\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    // #595: Redispatch the original event to start dragging the thumb\n    // whenever the user clicked on the track.\n    // The check for focusThumb makes sure this does not happen when clicking on the track items\n    const newEvt = new PointerEvent('pointerdown', event);\n    if (focusThumb) {\n      if (thumb.dispatchEvent(newEvt)) {\n        this.#updateTooltip(thumb);\n      }\n    }\n  }\n\n  /**\n   * Special method for handling clicks on track items\n   * When clicking track items, we do not want the thumb to have focus\n   */\n  #onClickTrackItem(event: PointerEvent) {\n    this.#onClickTrack(event, false);\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(height?: number) {\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 = height || 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\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.#onClickTrackItem}\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.HMVKM2LC.js → chunk.TPU5PE25.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.WBYNKJUU.js";
+} from "./chunk.MCSAEXNX.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.HMVKM2LC.js.map
+//# sourceMappingURL=chunk.TPU5PE25.js.map

package/dist/chunks/chunk.UPDPVGHT.js

@@ -0,0 +1,59 @@
+// src/utilities/defaultSettings/base.ts
+var defaultSettings = {
+  size: {
+    SynAccordion: "medium",
+    SynButton: "medium",
+    SynCheckbox: "medium",
+    SynCombobox: "medium",
+    SynDetails: "medium",
+    SynFile: "medium",
+    SynIconButton: "inherit",
+    SynInput: "medium",
+    SynRadio: "medium",
+    SynRadioButton: "medium",
+    SynRadioGroup: "medium",
+    SynRange: "medium",
+    SynSelect: "medium",
+    SynSwitch: "medium",
+    SynTag: "medium",
+    SynTextarea: "medium"
+  },
+  variant: {
+    SynAlert: "primary",
+    SynBadge: "primary",
+    SynButton: "outline",
+    SynValidate: "native"
+  }
+};
+var INITIAL_DEFAULT_SETTINGS = {
+  size: {
+    SynAccordion: "medium",
+    SynButton: "medium",
+    SynCheckbox: "medium",
+    SynCombobox: "medium",
+    SynDetails: "medium",
+    SynFile: "medium",
+    SynIconButton: "inherit",
+    SynInput: "medium",
+    SynRadio: "medium",
+    SynRadioButton: "medium",
+    SynRadioGroup: "medium",
+    SynRange: "medium",
+    SynSelect: "medium",
+    SynSwitch: "medium",
+    SynTag: "medium",
+    SynTextarea: "medium"
+  },
+  variant: {
+    SynAlert: "primary",
+    SynBadge: "primary",
+    SynButton: "outline",
+    SynValidate: "native"
+  }
+};
+
+export {
+  defaultSettings,
+  INITIAL_DEFAULT_SETTINGS
+};
+//# sourceMappingURL=chunk.UPDPVGHT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utilities/defaultSettings/base.ts"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/quotes */\n// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED file for @synergy-design-system/components\n// Please do not edit this file directly!\n// It will get recreated when running pnpm build.\n// ---------------------------------------------------------------------\n\n// Type imports\nimport type SynAccordion from \"../../components/accordion/accordion.js\";\nimport type SynAlert from \"../../components/alert/alert.js\";\nimport type SynBadge from \"../../components/badge/badge.js\";\nimport type SynButton from \"../../components/button/button.js\";\nimport type SynCheckbox from \"../../components/checkbox/checkbox.js\";\nimport type SynCombobox from \"../../components/combobox/combobox.js\";\nimport type SynDetails from \"../../components/details/details.js\";\nimport type SynFile from \"../../components/file/file.js\";\nimport type SynIconButton from \"../../components/icon-button/icon-button.js\";\nimport type SynInput from \"../../components/input/input.js\";\nimport type SynRadioButton from \"../../components/radio-button/radio-button.js\";\nimport type SynRadioGroup from \"../../components/radio-group/radio-group.js\";\nimport type SynRadio from \"../../components/radio/radio.js\";\nimport type SynRange from \"../../components/range/range.js\";\nimport type SynSelect from \"../../components/select/select.js\";\nimport type SynSwitch from \"../../components/switch/switch.js\";\nimport type SynTag from \"../../components/tag/tag.js\";\nimport type SynTextarea from \"../../components/textarea/textarea.js\";\nimport type SynValidate from \"../../components/validate/validate.js\";\nimport type SynergyElement from \"../../internal/synergy-element.js\";\nimport type { SynDefaultChangedAttribute } from \"../../events/events.js\";\n\n// Core types\n\n/**\n * Custom helper type that adds decorated properties from\n * the globalSettings helper.\n */\nexport type GlobalSettingsEnabledElement = SynergyElement & {\n  __originalDecoratedClassName: string;\n  overrideGlobalSettings: (\n    changedProperties: SynDefaultChangedAttribute[],\n  ) => void;\n};\n\n/**\n * Allows for partial recursive types\n */\nexport type RecursivePartial<T> = {\n  [P in keyof T]?: T[P] extends object ? RecursivePartial<T[P]> : T[P];\n};\n\n/**\n * Allowed value for a default setting\n * Gets the value of a given attribute for a given component\n */\nexport type AllowedValueForDefaultSetting<\n  Elm extends SynergyElement,\n  Attr extends keyof Elm,\n> = Elm[Attr];\n\n/**\n * List of all components that have default values\n */\nexport type ComponentNamesWithDefaultValues =\n  | \"SynAccordion\"\n  | \"SynAlert\"\n  | \"SynBadge\"\n  | \"SynButton\"\n  | \"SynCheckbox\"\n  | \"SynCombobox\"\n  | \"SynDetails\"\n  | \"SynFile\"\n  | \"SynIconButton\"\n  | \"SynInput\"\n  | \"SynRadio\"\n  | \"SynRadioButton\"\n  | \"SynRadioGroup\"\n  | \"SynRange\"\n  | \"SynSelect\"\n  | \"SynSwitch\"\n  | \"SynTag\"\n  | \"SynTextarea\"\n  | \"SynValidate\";\n\n/**\n * Extracts all available default settings for a given component\n */\nexport type ExtractSettingsForElement<C extends SynergyElement> = {\n  [key in keyof SynDefaultSettings]?: key extends keyof C\n    ? AllowedValueForDefaultSetting<C, key>\n    : never;\n};\n\n/**\n * Default settings map for all component values that have defaults set\n */\nexport type SynDefaultSettings = {\n  size: {\n    SynAccordion?: AllowedValueForDefaultSetting<SynAccordion, \"size\">;\n    SynButton?: AllowedValueForDefaultSetting<SynButton, \"size\">;\n    SynCheckbox?: AllowedValueForDefaultSetting<SynCheckbox, \"size\">;\n    SynCombobox?: AllowedValueForDefaultSetting<SynCombobox, \"size\">;\n    SynDetails?: AllowedValueForDefaultSetting<SynDetails, \"size\">;\n    SynFile?: AllowedValueForDefaultSetting<SynFile, \"size\">;\n    SynIconButton?: AllowedValueForDefaultSetting<SynIconButton, \"size\">;\n    SynInput?: AllowedValueForDefaultSetting<SynInput, \"size\">;\n    SynRadio?: AllowedValueForDefaultSetting<SynRadio, \"size\">;\n    SynRadioButton?: AllowedValueForDefaultSetting<SynRadioButton, \"size\">;\n    SynRadioGroup?: AllowedValueForDefaultSetting<SynRadioGroup, \"size\">;\n    SynRange?: AllowedValueForDefaultSetting<SynRange, \"size\">;\n    SynSelect?: AllowedValueForDefaultSetting<SynSelect, \"size\">;\n    SynSwitch?: AllowedValueForDefaultSetting<SynSwitch, \"size\">;\n    SynTag?: AllowedValueForDefaultSetting<SynTag, \"size\">;\n    SynTextarea?: AllowedValueForDefaultSetting<SynTextarea, \"size\">;\n  };\n  variant: {\n    SynAlert?: AllowedValueForDefaultSetting<SynAlert, \"variant\">;\n    SynBadge?: AllowedValueForDefaultSetting<SynBadge, \"variant\">;\n    SynButton?: AllowedValueForDefaultSetting<SynButton, \"variant\">;\n    SynValidate?: AllowedValueForDefaultSetting<SynValidate, \"variant\">;\n  };\n};\n\n// Exports\n\n/**\n * Default settings for all components\n */\nexport const defaultSettings: SynDefaultSettings = {\n  size: {\n    SynAccordion: \"medium\",\n    SynButton: \"medium\",\n    SynCheckbox: \"medium\",\n    SynCombobox: \"medium\",\n    SynDetails: \"medium\",\n    SynFile: \"medium\",\n    SynIconButton: \"inherit\",\n    SynInput: \"medium\",\n    SynRadio: \"medium\",\n    SynRadioButton: \"medium\",\n    SynRadioGroup: \"medium\",\n    SynRange: \"medium\",\n    SynSelect: \"medium\",\n    SynSwitch: \"medium\",\n    SynTag: \"medium\",\n    SynTextarea: \"medium\",\n  },\n  variant: {\n    SynAlert: \"primary\",\n    SynBadge: \"primary\",\n    SynButton: \"outline\",\n    SynValidate: \"native\",\n  },\n};\n\n/**\n * Initial default settings for all components\n */\nexport const INITIAL_DEFAULT_SETTINGS: SynDefaultSettings = {\n  size: {\n    SynAccordion: \"medium\",\n    SynButton: \"medium\",\n    SynCheckbox: \"medium\",\n    SynCombobox: \"medium\",\n    SynDetails: \"medium\",\n    SynFile: \"medium\",\n    SynIconButton: \"inherit\",\n    SynInput: \"medium\",\n    SynRadio: \"medium\",\n    SynRadioButton: \"medium\",\n    SynRadioGroup: \"medium\",\n    SynRange: \"medium\",\n    SynSelect: \"medium\",\n    SynSwitch: \"medium\",\n    SynTag: \"medium\",\n    SynTextarea: \"medium\",\n  },\n  variant: {\n    SynAlert: \"primary\",\n    SynBadge: \"primary\",\n    SynButton: \"outline\",\n    SynValidate: \"native\",\n  },\n};\n"],
+  "mappings": ";AA+HO,IAAM,kBAAsC;AAAA,EACjD,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,aAAa;AAAA,EACf;AACF;AAKO,IAAM,2BAA+C;AAAA,EAC1D,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,aAAa;AAAA,EACf;AACF;",
+  "names": []
+}

package/dist/chunks/{chunk.VDR7MHDJ.js → chunk.UPRCMSWP.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.K2HEGEPX.js";
+} from "./chunk.T25ZHNNE.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.VDR7MHDJ.js.map
+//# sourceMappingURL=chunk.UPRCMSWP.js.map

package/dist/chunks/{chunk.PMILVAQ7.js → chunk.URELAWOM.js}

@@ -19,7 +19,10 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.YNJ5L3DR.js";
+} from "./chunk.NU7Y4HBJ.js";
+import {
+  enableDefaultSettings
+} from "./chunk.OLCT57R5.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
@@ -28,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.JHSYQUJH.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -257,8 +260,11 @@ __decorateClass([
 __decorateClass([
   watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
 ], SynCheckbox.prototype, "handleStateChange", 1);
+SynCheckbox = __decorateClass([
+  enableDefaultSettings("SynCheckbox")
+], SynCheckbox);
 
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.PMILVAQ7.js.map
+//# sourceMappingURL=chunk.URELAWOM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox/checkbox.component.ts"],
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { defaultValue } from '../../internal/default-value.js';\nimport { FormControlController } from '../../internal/form.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.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 SynIcon from '../icon/icon.component.js';\nimport styles from './checkbox.styles.js';\nimport customStyles from './checkbox.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Checkboxes allow the user to toggle an option on or off.\n * @documentation https://synergy.style/components/checkbox\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @slot - The checkbox's label.\n * @slot help-text - Text that describes how to use the checkbox. Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-blur - Emitted when the checkbox loses focus.\n * @event syn-change - Emitted when the checked state changes.\n * @event syn-focus - Emitted when the checkbox gains focus.\n * @event syn-input - Emitted when the checkbox receives input.\n * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<syn-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<syn-icon>` element.\n * @csspart label - The container that wraps the checkbox's label.\n * @csspart form-control-help-text - The help text's wrapper.\n */\n@enableDefaultSettings('SynCheckbox')\nexport default class SynCheckbox extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [componentStyles, formControlStyles, styles, formControlCustomStyles, customStyles];\n  static dependencies = { 'syn-icon': SynIcon };\n\n  private readonly formControlController = new FormControlController(this, {\n    value: (control: SynCheckbox) => (control.checked ? control.value || 'on' : undefined),\n    defaultValue: (control: SynCheckbox) => control.defaultChecked,\n    setValue: (control: SynCheckbox, checked: boolean) => (control.checked = checked)\n  });\n  private readonly hasSlotController = new HasSlotController(this, 'help-text');\n\n  @query('input[type=\"checkbox\"]') input: HTMLInputElement;\n\n  @state() private hasFocus = false;\n\n  @property() title = ''; // make reactive to pass through\n\n  /** The name of the checkbox, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the checkbox, submitted as a name/value pair with form data. */\n  @property() value: string;\n\n  /** The checkbox's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the checkbox. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the checkbox in a checked state. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /**\n   * Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\n   * all/none\" behavior when associated checkboxes have a mix of checked and unchecked states.\n   */\n  @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue('checked') defaultChecked = false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the checkbox a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** The checkbox's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n\n  private handleClick() {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n    this.emit('syn-change');\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('syn-blur');\n  }\n\n  private handleInput() {\n    this.emit('syn-input');\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(this.disabled);\n  }\n\n  @watch(['checked', 'indeterminate'], { waitUntilFirstUpdate: true })\n  handleStateChange() {\n    this.input.checked = this.checked; // force a sync update\n    this.input.indeterminate = this.indeterminate; // force a sync update\n    this.formControlController.updateValidity();\n  }\n\n  /** Simulates a click on the checkbox. */\n  click() {\n    this.input.click();\n  }\n\n  /** Sets focus on the checkbox. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the checkbox. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /**\n   * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\n   * the custom validation message, call this method with an empty string.\n   */\n  setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  render() {\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n    //\n    // NOTE: we use a <div> around the label slot because of this Chrome bug.\n    //\n    // https://bugs.chromium.org/p/chromium/issues/detail?id=1413733\n    //\n    return html`\n      <div\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--has-help-text': hasHelpText\n        })}\n      >\n        <label\n          part=\"base\"\n          class=${classMap({\n            checkbox: true,\n            'checkbox--checked': this.checked,\n            'checkbox--disabled': this.disabled,\n            'checkbox--focused': this.hasFocus,\n            'checkbox--indeterminate': this.indeterminate,\n            'checkbox--small': this.size === 'small',\n            'checkbox--medium': this.size === 'medium',\n            'checkbox--large': this.size === 'large'\n          })}\n        >\n          <input\n            class=\"checkbox__input\"\n            type=\"checkbox\"\n            title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n            name=${this.name}\n            value=${ifDefined(this.value)}\n            .indeterminate=${live(this.indeterminate)}\n            .checked=${live(this.checked)}\n            .disabled=${this.disabled}\n            .required=${this.required}\n            aria-checked=${this.checked ? 'true' : 'false'}\n            aria-describedby=\"help-text\"\n            @click=${this.handleClick}\n            @input=${this.handleInput}\n            @invalid=${this.handleInvalid}\n            @blur=${this.handleBlur}\n            @focus=${this.handleFocus}\n          />\n\n          <span\n            part=\"control${this.checked ? ' control--checked' : ''}${this.indeterminate\n              ? ' control--indeterminate'\n              : ''}\"\n            class=\"checkbox__control\"\n          >\n            ${this.checked\n              ? html`\n                  <syn-icon part=\"checked-icon\" class=\"checkbox__checked-icon\" library=\"system\" name=\"check\"></syn-icon>\n                `\n              : ''}\n            ${!this.checked && this.indeterminate\n              ? html`\n                  <syn-icon\n                    part=\"indeterminate-icon\"\n                    class=\"checkbox__indeterminate-icon\"\n                    library=\"system\"\n                    name=\"indeterminate\"\n                  ></syn-icon>\n                `\n              : ''}\n          </span>\n\n          <div part=\"label\" class=\"checkbox__label\">\n            <slot></slot>\n          </div>\n        </label>\n\n        <div\n          aria-hidden=${hasHelpText ? 'false' : 'true'}\n          class=\"form-control__help-text\"\n          id=\"help-text\"\n          part=\"form-control-help-text\"\n        >\n          <slot name=\"help-text\">${this.helpText}</slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.SUUQ7PWG.js → chunk.VDYWURHX.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.PLGBAAOJ.js";
+} from "./chunk.WHN5TDBF.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.SUUQ7PWG.js.map
+//# sourceMappingURL=chunk.VDYWURHX.js.map

package/dist/chunks/{chunk.2RO5SDFI.js → chunk.VXIWVBAK.js}

@@ -1,6 +1,6 @@
 import {
   SynergyElement
-} from "./chunk.JHSYQUJH.js";
+} from "./chunk.63JBM7GM.js";
 
 // src/components/validate/utility.ts
 var WhitelistedSynergyFormEventNames = [
@@ -33,4 +33,4 @@ export {
   normalizeEventAttribute,
   getEventNameForElement
 };
-//# sourceMappingURL=chunk.2RO5SDFI.js.map
+//# sourceMappingURL=chunk.VXIWVBAK.js.map

package/dist/chunks/{chunk.MN76TCGZ.js → chunk.WHDQGL3V.js}

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

package/dist/chunks/{chunk.PLGBAAOJ.js → chunk.WHN5TDBF.js}

@@ -18,19 +18,22 @@ import {
 } from "./chunk.HQ6QUSK7.js";
 import {
   SynIcon
-} from "./chunk.YNJ5L3DR.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.NU7Y4HBJ.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  enableDefaultSettings
+} from "./chunk.OLCT57R5.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.JHSYQUJH.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -223,6 +226,9 @@ __decorateClass([
 __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SynDetails.prototype, "handleOpenChange", 1);
+SynDetails = __decorateClass([
+  enableDefaultSettings("SynDetails")
+], SynDetails);
 setDefaultAnimation("details.show", {
   keyframes: [
     { height: "0", opacity: "0" },
@@ -241,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.PLGBAAOJ.js.map
+//# sourceMappingURL=chunk.WHN5TDBF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/details/details.component.ts"],
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../../internal/animate.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query } from 'lit/decorators.js';\nimport { waitForEvent } from '../../internal/event.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport styles from './details.styles.js';\nimport customStyles from './details.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Details show a brief summary and expand to show additional content.\n * @documentation https://synergy.style/components/details\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @slot - The details' main content.\n * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<syn-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<syn-icon>`.\n *\n * @event syn-show - Emitted when the details opens.\n * @event syn-after-show - Emitted after the details opens and all animations are complete.\n * @event syn-hide - Emitted when the details closes.\n * @event syn-after-hide - Emitted after the details closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The details content.\n *\n * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.\n * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.\n */\n@enableDefaultSettings('SynDetails')\nexport default class SynDetails extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  static dependencies = {\n    'syn-icon': SynIcon\n  };\n\n  private readonly localize = new LocalizeController(this);\n\n  @query('.details') details: HTMLDetailsElement;\n  @query('.details__header') header: HTMLElement;\n  @query('.details__body') body: HTMLElement;\n  @query('.details__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n\n  detailsObserver: MutationObserver;\n\n  /**\n   * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\n   * can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n  @property() summary: string;\n\n  /** Disables the details so it can't be toggled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the details as contained element. */\n  @property({ type: Boolean, reflect: true }) contained = false;\n\n  /** The details's size. */\n  @property({ reflect: true }) size: 'medium' | 'large' = 'medium';\n\n  firstUpdated() {\n    this.body.style.height = this.open ? 'auto' : '0';\n    if (this.open) {\n      this.details.open = true;\n    }\n\n    this.detailsObserver = new MutationObserver(changes => {\n      for (const change of changes) {\n        if (change.type === 'attributes' && change.attributeName === 'open') {\n          if (this.details.open) {\n            this.show();\n          } else {\n            this.hide();\n          }\n        }\n      }\n    });\n    this.detailsObserver.observe(this.details, { attributes: true });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.detailsObserver?.disconnect();\n  }\n\n  private handleSummaryClick(event: MouseEvent) {\n    event.preventDefault();\n\n    if (!this.disabled) {\n      if (this.open) {\n        this.hide();\n      } else {\n        this.show();\n      }\n      this.header.focus();\n    }\n  }\n\n  private handleSummaryKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n\n      if (this.open) {\n        this.hide();\n      } else {\n        this.show();\n      }\n    }\n\n    if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.hide();\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.show();\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      this.details.open = true;\n      // Show\n      const slShow = this.emit('syn-show', { cancelable: true });\n      if (slShow.defaultPrevented) {\n        this.open = false;\n        this.details.open = false;\n        return;\n      }\n\n      await stopAnimations(this.body);\n\n      const { keyframes, options } = getAnimation(this, 'details.show', { dir: this.localize.dir() });\n      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n      this.body.style.height = 'auto';\n\n      this.emit('syn-after-show');\n    } else {\n      // Hide\n      const slHide = this.emit('syn-hide', { cancelable: true });\n      if (slHide.defaultPrevented) {\n        this.details.open = true;\n        this.open = true;\n        return;\n      }\n\n      await stopAnimations(this.body);\n\n      const { keyframes, options } = getAnimation(this, 'details.hide', { dir: this.localize.dir() });\n      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n      this.body.style.height = 'auto';\n\n      this.details.open = false;\n      this.emit('syn-after-hide');\n    }\n  }\n\n  /** Shows the details. */\n  async show() {\n    if (this.open || this.disabled) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'syn-after-show');\n  }\n\n  /** Hides the details */\n  async hide() {\n    if (!this.open || this.disabled) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'syn-after-hide');\n  }\n\n  render() {\n    return html`\n      <details\n        part=\"base\"\n        class=${classMap({\n          details: true,\n          'details--size-medium': this.size === 'medium',\n          'details--size-large': this.size === 'large',\n          'details--open': this.open,\n          'details--disabled': this.disabled,\n          'details--contained': this.contained,\n        })}\n      >\n        <summary\n          part=\"header\"\n          id=\"header\"\n          class=\"details__header\"\n          role=\"button\"\n          aria-expanded=${this.open ? 'true' : 'false'}\n          aria-controls=\"content\"\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @click=${this.handleSummaryClick}\n          @keydown=${this.handleSummaryKeyDown}\n        >\n          <slot name=\"summary\" part=\"summary\" class=\"details__summary\">${this.summary}</slot>\n\n          <span part=\"summary-icon\" class=\"details__summary-icon\">\n            <slot name=\"expand-icon\">\n              <syn-icon library=\"system\" name=\"chevron-down\"></syn-icon>\n            </slot>\n            <slot name=\"collapse-icon\">\n              <syn-icon library=\"system\" name=\"chevron-down\"></syn-icon>\n            </slot>\n          </span>\n        </summary>\n\n        <div class=\"details__body\" role=\"region\" aria-labelledby=\"header\">\n          <slot part=\"content\" id=\"content\" class=\"details__content\"></slot>\n        </div>\n      </details>\n    `;\n  }\n}\n\nsetDefaultAnimation('details.show', {\n  keyframes: [\n    { height: '0', opacity: '0' },\n    { height: 'auto', opacity: '1' }\n  ],\n  options: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('details.hide', {\n  keyframes: [\n    { height: 'auto', opacity: '1' },\n    { height: '0', opacity: '0' }\n  ],\n  options: { duration: 250, easing: 'linear' }\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.QA7VKYYH.js → chunk.WNYFGTGZ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.3B22DBSJ.js";
 import {
   SynDivider
-} from "./chunk.O2E77ZO7.js";
+} from "./chunk.4AKZLG3Z.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -22,19 +22,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.YNJ5L3DR.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.NU7Y4HBJ.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  enableDefaultSettings
+} from "./chunk.OLCT57R5.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.JHSYQUJH.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass,
   __spreadValues
@@ -640,8 +643,11 @@ __decorateClass([
 __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], SynInput.prototype, "handleValueChange", 1);
+SynInput = __decorateClass([
+  enableDefaultSettings("SynInput")
+], SynInput);
 
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.QA7VKYYH.js.map
+//# sourceMappingURL=chunk.WNYFGTGZ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input/input.component.ts", "../../src/internal/longpress.ts"],
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { defaultValue } from '../../internal/default-value.js';\nimport { FormControlController } from '../../internal/form.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.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 SynIcon from '../icon/icon.component.js';\nimport SynDivider from '../divider/divider.component.js';\nimport { longPress } from '../../internal/longpress.js';\nimport styles from './input.styles.js';\nimport customStyles from './input.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Inputs collect data from the user.\n * @documentation https://synergy.style/components/input\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n * @dependency syn-divider\n *\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the input.\n * @slot suffix - Used to append a presentational icon or similar element to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot show-password-icon - An icon to use in lieu of the default show password icon.\n * @slot hide-password-icon - An icon to use in lieu of the default hide password icon.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n * @slot increment-number-stepper - An icon to use in lieu of the default increment number stepper icon.\n * @slot decrement-number-stepper - An icon to use in lieu of the default decrement number stepper icon.\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-clear - Emitted when the clear button is activated.\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 and its constraints aren't satisfied.\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-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart input - The internal `<input>` control.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart clear-button - The clear button.\n * @csspart password-toggle-button - The password toggle button.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart stepper - The container that wraps the number stepper.\n * @csspart decrement-number-stepper - The decrement number stepper button.\n * @csspart increment-number-stepper - The increment number stepper button.\n * @csspart divider - The divider between the increment and decrement number stepper buttons.\n */\n@enableDefaultSettings('SynInput')\nexport default class SynInput extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [componentStyles, formControlStyles, styles, formControlCustomStyles, customStyles];\n  static dependencies = {\n\t\t'syn-icon': SynIcon,\n\t\t'syn-divider': SynDivider\n\t};\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['syn-blur', 'syn-input']\n  });\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label', 'prefix', 'suffix');\n  private readonly localize = new LocalizeController(this);\n\n  @query('.input__control') input: HTMLInputElement;\n\n  @state() private hasFocus = false;\n  @property() title = ''; // make reactive to pass through\n\n  private __numberInput = Object.assign(document.createElement('input'), { type: 'number' });\n  private __dateInput = Object.assign(document.createElement('input'), { type: 'date' });\n\n  /**\n   * The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\n   * to `text`.\n   */\n  @property({ reflect: true }) type:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url' = 'text';\n\n  /** The name of the input, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the input, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  /** The input's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Adds a button to toggle the password's visibility. Only applies to password types. */\n  @property({ attribute: 'password-toggle', type: Boolean }) passwordToggle = false;\n\n  /** Determines whether or not the password is currently visible. Only applies to password input types. */\n  @property({ attribute: 'password-visible', type: Boolean }) passwordVisible = false;\n\n  /** Hides the increment/decrement spin buttons for number inputs. */\n  @property({ attribute: 'no-spin-buttons', type: Boolean }) noSpinButtons = false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the input a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** A regular expression pattern to validate input against. */\n  @property() pattern: string;\n\n  /** The minimum length of input that will be considered valid. */\n  @property({ type: Number }) minlength: number;\n\n  /** The maximum length of input that will be considered valid. */\n  @property({ type: Number }) maxlength: number;\n\n  /** The input's minimum value. Only applies to date and number input types. */\n  @property() min: number | string;\n\n  /** The input's maximum value. Only applies to date and number input types. */\n  @property() max: number | string;\n\n  /**\n   * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\n   * implied, allowing any numeric value. Only applies to date and number input types.\n   */\n  @property() step: number | 'any';\n\n  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: 'off' | 'on';\n\n  /**\n   * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n   * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n   */\n  @property() autocomplete: string;\n\n  /** Indicates that the input should receive focus on page load. */\n  @property({ type: Boolean }) autofocus: boolean;\n\n  /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n  @property() enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n  /** Enables spell checking on the input. */\n  @property({\n    type: Boolean,\n    converter: {\n      // Allow \"true|false\" attribute values but keep the property boolean\n      fromAttribute: value => (!value || value === 'false' ? false : true),\n      toAttribute: value => (value ? 'true' : 'false')\n    }\n  })\n  spellcheck = true;\n\n  /**\n   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n   * keyboard on supportive devices.\n   */\n  @property() inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n  //\n  // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties\n  // can be set before the component is rendered.\n  //\n\n  /**\n   * Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. This will use the native `<input type=\"{{type}}\">` implementation and may result in an error.\n   */\n  get valueAsDate() {\n    this.__dateInput.type = this.type;\n    this.__dateInput.value = this.value;\n    return this.input?.valueAsDate || this.__dateInput.valueAsDate;\n  }\n\n  set valueAsDate(newValue: Date | null) {\n    this.__dateInput.type = this.type;\n    this.__dateInput.valueAsDate = newValue;\n    this.value = this.__dateInput.value;\n  }\n\n  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */\n  get valueAsNumber() {\n    this.__numberInput.value = this.value;\n    return this.input?.valueAsNumber || this.__numberInput.valueAsNumber;\n  }\n\n  set valueAsNumber(newValue: number) {\n    this.__numberInput.valueAsNumber = newValue;\n    this.value = this.__numberInput.value;\n  }\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('syn-blur');\n  }\n\n  private handleStep(){\n    this.handleInput();\n    this.input.focus();\n  }\n\n  private handleStepUp() {\n    this.stepUp();\n    this.handleStep();\n  }\n\n  private handleStepDown() {\n    this.stepDown();\n    this.handleStep();\n  }\n  \n  private isDecrementDisabled() {\n    if(this.disabled || this.readonly) {\n      return true;\n    }\n\n    if (this.min === undefined || this.min === null || this.disabled) {\n      return false;\n    }\n\n    const min = typeof this.min === 'string' ? parseFloat(this.min) : this.min\n    return this.valueAsNumber <= min;\n  }\n\n  private isIncrementDisabled() {\n    if(this.disabled || this.readonly) {\n      return true;\n    }\n\n    if (this.max === undefined || this.max === null) {\n      return false;\n    }\n\n    const max = typeof this.max === 'string' ? parseFloat(this.max) : this.max\n    return this.valueAsNumber >= max;\n  }\n\n  private handleChange() {\n    this.value = this.input.value;\n    this.emit('syn-change');\n  }\n\n  private handleClearClick(event: MouseEvent) {\n    event.preventDefault();\n\n    if (this.value !== '') {\n      this.value = '';\n      this.emit('syn-clear');\n      this.emit('syn-input');\n      this.emit('syn-change');\n    }\n\n    this.input.focus();\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.formControlController.updateValidity();\n    this.emit('syn-input');\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n    // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n    // submitting to allow users to cancel the keydown event if they need to\n    if (event.key === 'Enter' && !hasModifier) {\n      setTimeout(() => {\n        //\n        // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n        // to check for this is to look at event.isComposing, which will be true when the IME is open.\n        //\n        // See https://github.com/synergy-design-system/synergy/pull/988\n        //\n        if (!event.defaultPrevented && !event.isComposing) {\n          this.formControlController.submit();\n        }\n      });\n    }\n  }\n\n  private handlePasswordToggle() {\n    this.passwordVisible = !this.passwordVisible;\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(this.disabled);\n  }\n\n  @watch('step', { waitUntilFirstUpdate: true })\n  handleStepChange() {\n    // If step changes, the value may become invalid so we need to recheck after the update. We set the new step\n    // imperatively so we don't have to wait for the next render to report the updated validity.\n    this.input.step = String(this.step);\n    this.formControlController.updateValidity();\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    this.formControlController.updateValidity();\n  }\n\n  /** Sets focus on the input. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the input. */\n  select() {\n    this.input.select();\n  }\n\n  /** Sets the start and end positions of the text selection (0-based). */\n  setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n  ) {\n    this.input.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n  }\n\n  /** Replaces a range of text with a new string. */\n  setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode: 'select' | 'start' | 'end' | 'preserve' = 'preserve'\n  ) {\n    const selectionStart = start ?? this.input.selectionStart!;\n    const selectionEnd = end ?? this.input.selectionEnd!;\n\n    this.input.setRangeText(replacement, selectionStart, selectionEnd, selectMode);\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */\n  showPicker() {\n    if ('showPicker' in HTMLInputElement.prototype) {\n      this.input.showPicker();\n    }\n  }\n\n  /** Increments the value of a numeric input type by the value of the step attribute. */\n  stepUp() {\n    this.input.stepUp();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Decrements the value of a numeric input type by the value of the step attribute. */\n  stepDown() {\n    this.input.stepDown();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  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    const hasClearIcon = this.clearable && !this.disabled && !this.readonly;\n    const isClearIconVisible = hasClearIcon && (typeof this.value === 'number' || this.value.length > 0);\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'form-control--has-prefix': hasPrefixSlot,\n          'form-control--has-suffix': hasSuffixSlot\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div\n            part=\"base\"\n            class=${classMap({\n              input: true,\n\n              // Sizes\n              'input--small': this.size === 'small',\n              'input--medium': this.size === 'medium',\n              'input--large': this.size === 'large',\n\n              // States\n              'input--standard': !this.readonly,\n              'input--readonly': this.readonly,\n              'input--disabled': this.disabled,\n              'input--focused': this.hasFocus,\n              'input--empty': !this.value,\n              'input--no-spin-buttons': this.noSpinButtons\n            })}\n          >\n            <span part=\"prefix\" class=\"input__prefix\">\n              <slot name=\"prefix\"></slot>\n            </span>\n\n            <input\n              part=\"input\"\n              id=\"input\"\n              class=\"input__control\"\n              type=${this.type === 'password' && this.passwordVisible ? 'text' : this.type}\n              title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n              name=${ifDefined(this.name)}\n              ?disabled=${this.disabled}\n              ?readonly=${this.readonly}\n              ?required=${this.required}\n              placeholder=${ifDefined(this.placeholder)}\n              minlength=${ifDefined(this.minlength)}\n              maxlength=${ifDefined(this.maxlength)}\n              min=${ifDefined(this.min)}\n              max=${ifDefined(this.max)}\n              step=${ifDefined(this.step as number)}\n              .value=${live(this.value)}\n              autocapitalize=${ifDefined(this.autocapitalize)}\n              autocomplete=${ifDefined(this.autocomplete)}\n              autocorrect=${ifDefined(this.autocorrect)}\n              ?autofocus=${this.autofocus}\n              spellcheck=${this.spellcheck}\n              pattern=${ifDefined(this.pattern)}\n              enterkeyhint=${ifDefined(this.enterkeyhint)}\n              inputmode=${ifDefined(this.inputmode)}\n              aria-describedby=\"help-text\"\n              @change=${this.handleChange}\n              @input=${this.handleInput}\n              @invalid=${this.handleInvalid}\n              @keydown=${this.handleKeyDown}\n              @focus=${this.handleFocus}\n              @blur=${this.handleBlur}\n            />\n\n            ${isClearIconVisible\n              ? html`\n                  <button\n                    part=\"clear-button\"\n                    class=\"input__clear\"\n                    type=\"button\"\n                    aria-label=${this.localize.term('clearEntry')}\n                    @click=${this.handleClearClick}\n                    tabindex=\"-1\"\n                  >\n                    <slot name=\"clear-icon\">\n                      <syn-icon name=\"x-circle-fill\" library=\"system\"></syn-icon>\n                    </slot>\n                  </button>\n                `\n              : ''}\n            ${this.passwordToggle && !this.disabled\n              ? html`\n                  <button\n                    part=\"password-toggle-button\"\n                    class=\"input__password-toggle\"\n                    type=\"button\"\n                    aria-label=${this.localize.term(this.passwordVisible ? 'hidePassword' : 'showPassword')}\n                    @click=${this.handlePasswordToggle}\n                    tabindex=\"-1\"\n                  >\n                    ${this.passwordVisible\n                      ? html`\n                          <slot name=\"show-password-icon\">\n                            <syn-icon name=\"eye-slash\" library=\"system\"></syn-icon>\n                          </slot>\n                        `\n                      : html`\n                          <slot name=\"hide-password-icon\">\n                            <syn-icon name=\"eye\" library=\"system\"></syn-icon>\n                          </slot>\n                        `}\n                  </button>\n                `\n              : ''}\n\n            <span part=\"suffix\" class=\"input__suffix\">\n              <slot name=\"suffix\"></slot>\n            </span>\n\n            ${this.type === 'number' && !this.noSpinButtons\n              ? html`\n              <div part=\"stepper\" class=\"input__number-stepper\">\n                <button\n                  part=\"decrement-number-stepper\"\n                  class=\"input__number-stepper-button\"\n                  type=\"button\"\n                  ?disabled=${this.isDecrementDisabled()}\n                  aria-hidden=\"true\"\n                  ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange()})}\n                  tabindex=\"-1\"\n                >\n                  <slot name=\"decrement-number-stepper\">\n                    <syn-icon name=\"indeterminate\" library=\"system\"></syn-icon>\n                  </slot>\n                </button>\n                <syn-divider class=\"input__number-divider\" part=\"divider\" vertical></syn-divider>\n                <button\n                  part=\"increment-number-stepper\"\n                  class=\"input__number-stepper-button\"\n                  type=\"button\"\n                  ?disabled=${this.isIncrementDisabled()}\n                  aria-hidden=\"true\"\n                  ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange()})}\n                  tabindex=\"-1\"\n                >\n                  <slot name=\"increment-number-stepper\">\n                    <syn-icon name=\"add\" library=\"system\"></syn-icon>\n                  </slot>\n                </button>\n              </div>\n                `\n            : ''}\n          </div>\n        </div>\n\n        <div\n          part=\"form-control-help-text\"\n          id=\"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}\n", "import { type ElementPart, noChange, nothing } from 'lit';\nimport {\n  AsyncDirective,\n  type DirectiveParameters,\n  type Part,\n  PartType,\n  directive,\n} from 'lit/async-directive.js';\n\ntype Callbacks = {\n  start: () => void;\n  end: () => void;\n};\n\n/**\n * A directive that determines,if a HTMLButtonElement is long pressed or only clicked.\n * Depending on the state it executes the callback once or repeating.\n *\n * Usage:\n *\n *  <button\n *    ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange()})}\n *  >\n *    my button\n *  </button>\n */\nclass LongPressDirective extends AsyncDirective {\n  host: HTMLButtonElement;\n\n  observer: MutationObserver;\n\n  callbacks: Callbacks;\n\n  interval: NodeJS.Timeout;\n\n  timeout: NodeJS.Timeout;\n\n  constructor(part: Part) {\n    super(part);\n    if (part.type !== PartType.ELEMENT || !(part.element instanceof HTMLButtonElement)) {\n      throw new Error('The `longPress` directive must be used on an HTMLButtonElement.');\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, class-methods-use-this\n  render(_callback: Callbacks): typeof nothing {\n    return nothing;\n  }\n\n  update(part: ElementPart, [callbacks]: DirectiveParameters<this>): typeof noChange {\n    // initial call\n    if (this.callbacks === undefined && this.host === undefined) {\n      this.host = part.element as HTMLButtonElement;\n      this.callbacks = { ...callbacks };\n      this.host.addEventListener('pointerdown', this.handlePointerDown);\n    }\n\n    return noChange;\n  }\n\n  protected disconnected(): void {\n    this.stopSpinningAndCleanUp();\n    this.host.removeEventListener('pointerdown', this.handlePointerDown);\n    document.removeEventListener('pointerup', this.handlePointerUp);\n  }\n\n  private handlePointerDown = (event: PointerEvent) => {\n    // do nothing if the click was not done from the left mouse button or if the button is disabled\n    if (event.button !== 0 || this.host.disabled) {\n      return;\n    }\n    this.spinOnLongPressCallback(event);\n  };\n\n  /**\n   * Start spinning on long press clicks otherwise handle as single click event\n   */\n  private spinOnLongPressCallback(event: PointerEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // Start spinning only on long press\n    this.timeout = setTimeout(() => {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      this.timeout = undefined;\n      this.interval = setInterval(() => {\n        this.callbacks.start();\n      }, 50);\n    }, 500);\n\n    document.addEventListener('pointerup', this.handlePointerUp);\n\n    // when buttons becoming disabled during long-press\n    this.observer?.disconnect();\n    this.observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === 'disabled') {\n          this.stopSpinningAndCleanUp();\n        }\n      });\n    });\n    this.observer.observe(this.host, { attributes: true });\n  }\n\n  private handlePointerUp = (pointerUp?: PointerEvent) => {\n    pointerUp?.preventDefault();\n    pointerUp?.stopPropagation();\n\n    // we did not start to spin\n    if (this.timeout) {\n      this.callbacks.start();\n    }\n\n    this.stopSpinningAndCleanUp();\n\n    this.callbacks.end();\n    document.removeEventListener('pointerup', this.handlePointerUp);\n  };\n\n  /**\n   * Stop the spinning and clean up all timer and observer\n   */\n  private stopSpinningAndCleanUp() {\n    // stop spinning\n    clearInterval(this.interval);\n\n    clearTimeout(this.timeout);\n    this.observer?.disconnect();\n  }\n}\n\nexport const longPress = directive(LongPressDirective);\n\nexport type { LongPressDirective };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.RTK2527V.js → chunk.WYEEN2VA.js}

@@ -6,13 +6,16 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.YNJ5L3DR.js";
+} from "./chunk.NU7Y4HBJ.js";
+import {
+  enableDefaultSettings
+} from "./chunk.OLCT57R5.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.JHSYQUJH.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -134,8 +137,11 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SynIconButton.prototype, "disabled", 2);
+SynIconButton = __decorateClass([
+  enableDefaultSettings("SynIconButton")
+], SynIconButton);
 
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.RTK2527V.js.map
+//# sourceMappingURL=chunk.WYEEN2VA.js.map