@synergy-design-system/components 2.20.0-settings.1 → 2.20.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox/combobox.component.ts"],
+  "sourcesContent": ["import type { CSSResultGroup } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { animateTo, stopAnimations } from '../../internal/animate.js';\nimport { defaultValue } from '../../internal/default-value.js';\nimport { FormControlController } from '../../internal/form.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { waitForEvent } from '../../internal/event.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 SynPopup from '../popup/popup.component.js';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\nimport SynOption from '../option/option.component.js';\nimport type SynOptGroup from '../optgroup/optgroup.js';\nimport styles from './combobox.styles.js';\nimport customStyles from './combobox.custom.styles.js';\nimport {\n  createOptionFromDifferentTypes,\n  filterOnlyOptgroups, getAllOptions, getAssignedElementsForSlot, normalizeString,\n} from './utils.js';\nimport { scrollIntoView } from '../../internal/scroll.js';\nimport { type OptionRenderer, defaultOptionRenderer } from './option-renderer.js';\n\n/**\n * @summary Comboboxes allow you to choose items from a menu of predefined options.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-combobox--docs\n * @status stable\n *\n * @dependency syn-icon\n * @dependency syn-popup\n *\n * @slot - The listbox options. Must be `<syn-option>` elements.\n *    You can use `<syn-optgroup>`'s to group items visually.\n * @slot label - The combobox's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.\n * @slot suffix - Used to append a presentational icon or similar element to the combobox.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot expand-icon - The icon to show when the control is expanded and collapsed.\n *    Rotates on open and close.\n * @slot help-text - Text that describes how to use the combobox.\n *    Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-change - Emitted when the control's value changes.\n * @event syn-clear - Emitted when the control's value is cleared.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-show - Emitted when the combobox's menu opens.\n * @event syn-after-show - Emitted after the combobox's menu opens and all animations are complete.\n * @event syn-hide - Emitted when the combobox's menu closes.\n * @event syn-after-hide - Emitted after the combobox's menu closes and all animations are complete.\n * @event syn-invalid - Emitted when the form control has been checked for validity\n *    and its constraints aren't satisfied.\n * @event syn-error - Emitted when the combobox menu fails to open.\n *\n * @csspart form-control - The form control that wraps the label, combobox, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The combobox's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart suffix - The container that wraps the suffix slot.\n * @csspart display-input - The element that displays the selected option's label,\n *     an `<input>` element.\n * @csspart listbox - The listbox container where the options are slotted\n *   and the filtered options list exists.\n * @csspart filtered-listbox - The container that wraps the filtered options.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n *\n * @animation combobox.show - The animation to use when showing the combobox.\n * @animation combobox.hide - The animation to use when hiding the combobox.\n */\nexport default class SynCombobox extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [\n    componentStyles,\n    formControlStyles,\n    styles,\n    formControlCustomStyles,\n    customStyles,\n  ];\n\n  static dependencies = {\n    'syn-icon': SynIcon,\n    'syn-popup': SynPopup,\n  };\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['syn-blur', 'syn-input'],\n  });\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n\n  private readonly localize = new LocalizeController(this);\n\n  private closeWatcher: CloseWatcher | null;\n\n  /** The last value of a syn-option, that was selected by click or via keyboard navigation */\n  private lastOptionValue = '';\n\n  private isOptionRendererTriggered = false;\n\n  @query('.combobox') popup: SynPopup;\n\n  @query('.combobox__inputs') combobox: HTMLSlotElement;\n\n  @query('.combobox__display-input') displayInput: HTMLInputElement;\n\n  @query('.combobox__value-input') valueInput: HTMLInputElement;\n\n  @query('.combobox__listbox') listbox: HTMLSlotElement;\n\n  @query('slot:not([name])') private defaultSlot: HTMLSlotElement;\n\n  @state() private hasFocus = false;\n\n  @state() displayLabel = '';\n\n  @state() selectedOption: SynOption | undefined;\n\n  @state() numberFilteredOptions = 0;\n\n  @state() cachedOptions: SynOption [] = [];\n\n  /** The name of the combobox, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /**\n   * The current value of the combobox, submitted as a name/value pair with form data.\n   */\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 combobox's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Placeholder text to show as a hint when the combobox is empty. */\n  @property() placeholder = '';\n\n  /** Disables the combobox control. */\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  /** Adds a clear button when the combobox is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /**\n   * Indicates whether or not the combobox is open.\n   * You can toggle this attribute to show and hide the listbox, or you can use the `show()`\n   * and `hide()` methods and this attribute will reflect the combobox's open state.\n   */\n  @property({ reflect: true, type: Boolean }) open = false;\n\n  /**\n   * Enable this option to prevent the listbox from being clipped,\n   * when the component is placed inside a container with `overflow: auto|scroll`.\n   * Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n   */\n  @property({ type: Boolean }) hoist = false;\n\n  /** The combobox's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /**\n   * The preferred placement of the combobox's menu.\n   * Note that the actual placement may vary as needed to keep the listbox inside of the viewport.\n   */\n  @property({ reflect: true }) placement: 'top' | 'bottom' = 'bottom';\n\n  /** The combobox's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\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 and associate it\n   * 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  /** The combobox's required attribute. */\n  @property({ reflect: true, type: Boolean }) required = false;\n\n  /**\n   * A function that customizes the rendered option. The first argument is the option, the second\n   * is the query string, which is typed into the combobox.\n   * The function should return either a Lit TemplateResult or a string containing trusted HTML\n   * to render in the shown list of filtered options.\n   * If the query string should be highlighted use the `highlightOptionRenderer` function.\n   */\n  @property() getOption: OptionRenderer = defaultOptionRenderer;\n\n  /**\n   * A function used to filter options in the combobox component.\n   * The default filter method is a case- and diacritic-insensitive string comparison.\n   *\n   * @param option - The option to be filtered.\n   * @param queryString - The query string used for filtering.\n   * @returns A boolean indicating whether the option should be included in the filtered results.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  @property() filter: (option: SynOption, queryString: string) => boolean = (option, queryStr) => {\n    let content = option?.textContent || '';\n    if (option instanceof SynOption) {\n      content = option.getTextLabel();\n    }\n    const normalizedOption = normalizeString(content);\n    const normalizedQuery = normalizeString(queryStr);\n    return normalizedOption.includes(normalizedQuery);\n  };\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.valueInput.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.valueInput.validationMessage;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // Because this is a form control, it shouldn't be opened initially\n    this.open = false;\n  }\n\n  firstUpdated() {\n    // initially set the displayLabel if the value was set via property initially\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.updateComplete.then(() => {\n      this.displayLabel = this.value;\n    });\n    this.formControlController.updateValidity();\n  }\n\n  private addOpenListeners() {\n    //\n    // Listen on the root node instead of the document in case the elements are inside a shadow root\n    //\n    // https://github.com/synergy-design-system/synergy/issues/1763\n    //\n    document.addEventListener('focusin', this.handleDocumentFocusIn);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n\n    // If the component is rendered in a shadow root,\n    // we need to attach the focusin listener there too\n    if (this.getRootNode() !== document) {\n      this.getRootNode().addEventListener('focusin', this.handleDocumentFocusIn);\n    }\n\n    if ('CloseWatcher' in window) {\n      this.closeWatcher?.destroy();\n      this.closeWatcher = new CloseWatcher();\n      this.closeWatcher.onclose = () => {\n        if (this.open) {\n          // eslint-disable-next-line @typescript-eslint/no-floating-promises\n          this.hide();\n          this.displayInput.focus({ preventScroll: true });\n        }\n      };\n    }\n  }\n\n  private removeOpenListeners() {\n    document.removeEventListener('focusin', this.handleDocumentFocusIn);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n\n    if (this.getRootNode() !== document) {\n      this.getRootNode().removeEventListener('focusin', this.handleDocumentFocusIn);\n    }\n\n    this.closeWatcher?.destroy();\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('syn-blur');\n  }\n\n  private handleDocumentFocusIn = (event: KeyboardEvent) => {\n    // Close when focusing out of the combobox\n    const path = event.composedPath();\n    if (this && !path.includes(this)) {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.hide();\n    }\n  };\n\n  /* eslint-disable @typescript-eslint/no-floating-promises */\n  // eslint-disable-next-line complexity\n  private handleDocumentKeyDown = (event: KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n    const isClearButton = target.closest('.combobox__clear') !== null;\n\n    if (isClearButton) {\n      return;\n    }\n\n    // Close when pressing escape and open / clear input if not open\n    if (event.key === 'Escape') {\n      if (this.open && !this.closeWatcher) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.hide();\n        this.displayInput.focus({ preventScroll: true });\n      } else if (!this.open) {\n        this.clearCombobox();\n      }\n    }\n\n    // Handle enter.\n    if (event.key === 'Enter') {\n      const currentOption = this.getCurrentOption();\n\n      // Pressing enter when focused on an input should submit the form like a native input, but\n      // we wait a tick before submitting to allow users to cancel the keydown event if they need to\n      const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n      if (!this.open && !hasModifier) {\n        setTimeout(() => {\n          if (!event.defaultPrevented) {\n            this.formControlController.submit();\n          }\n        });\n        return;\n      }\n\n      if (!this.open || (currentOption && currentOption.disabled)) {\n        return;\n      }\n\n      // Update the value based on the current selection and close it\n      if (currentOption) {\n        const oldValue = this.lastOptionValue;\n        this.setSelectedOption(currentOption);\n\n        if (this.value !== oldValue) {\n          // Emit after updating\n          this.updateComplete.then(() => {\n            this.emit('syn-input');\n            this.emit('syn-change');\n          });\n        }\n      }\n\n      this.hide();\n      this.displayInput.focus({ preventScroll: true });\n      return;\n    }\n\n    // Navigate options\n    if (['ArrowUp', 'ArrowDown'].includes(event.key)) {\n      // Prevent scrolling\n      event.preventDefault();\n      event.stopPropagation();\n      // Open it\n      if (!this.open) {\n        this.show();\n      }\n\n      this.selectNextOption(event.key === 'ArrowDown');\n    }\n\n    // Move cursor\n    if (['Home', 'End'].includes(event.key)) {\n      // Prevent scrolling\n      event.preventDefault();\n      event.stopPropagation();\n      if (event.key === 'Home') {\n        this.displayInput.setSelectionRange(0, 0);\n      } else if (event.key === 'End') {\n        this.displayInput.setSelectionRange(\n          this.displayInput.value.length,\n          this.displayInput.value.length,\n        );\n      }\n    }\n  };\n  /* eslint-enable @typescript-eslint/no-floating-promises */\n\n  private handleDocumentMouseDown = (event: MouseEvent) => {\n    // Close when clicking outside of the combobox\n    const path = event.composedPath();\n    if (this && !path.includes(this)) {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.hide();\n    }\n  };\n\n  private handleLabelClick() {\n    this.displayInput.focus();\n  }\n\n  private handleComboboxMouseDown(event: MouseEvent) {\n    // Ignore disabled controls\n    if (this.disabled) {\n      return;\n    }\n\n    const toggleListboxOpen = () => (this.open ? this.hide() : this.show());\n    event.preventDefault();\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    toggleListboxOpen().then(() => {\n      setTimeout(() => this.displayInput.focus({ preventScroll: true }));\n    });\n  }\n\n  private handleComboboxKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      return;\n    }\n\n    this.handleDocumentKeyDown(event);\n  }\n\n  private handleClearClick(event: MouseEvent) {\n    event.stopPropagation();\n    this.clearCombobox();\n  }\n\n  private clearCombobox() {\n    if (this.value !== '') {\n      this.value = '';\n      this.displayInput.value = '';\n      this.lastOptionValue = '';\n      this.setSelectedOption(undefined);\n      this.displayInput.focus({ preventScroll: true });\n\n      // Emit after update\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.updateComplete.then(() => {\n        this.emit('syn-clear');\n        this.emit('syn-input');\n        this.emit('syn-change');\n      });\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private preventLoosingFocus(event: MouseEvent) {\n    // Don't lose focus of the input or propagate events\n    event.stopPropagation();\n    event.preventDefault();\n  }\n\n  /* eslint-disable @typescript-eslint/no-floating-promises */\n  private handleOptionClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const option = target.closest('syn-option');\n    const oldValue = this.lastOptionValue;\n    if (option && !option.disabled) {\n      this.setSelectedOption(option);\n\n      // Set focus after updating so the value is announced by screen readers\n      this.updateComplete.then(() => this.displayInput.focus({ preventScroll: true }));\n\n      if (this.value !== oldValue) {\n        // Emit after updating\n        this.updateComplete.then(() => {\n          this.emit('syn-input');\n          this.emit('syn-change');\n        });\n      }\n\n      this.hide();\n      this.displayInput.focus({ preventScroll: true });\n    }\n  }\n  /* eslint-enable @typescript-eslint/no-floating-promises */\n\n  /**\n   * Selects the following or previous option.\n   *\n   * @param isNext - A boolean indicating whether to select the following option (true)\n   *                 or the previous option (false).\n   */\n  private selectNextOption(isNext: boolean) {\n    const filteredOptions = this.getAllFilteredOptions();\n\n    if (filteredOptions.length === 0) {\n      return;\n    }\n\n    const currentOption = this.getCurrentOption();\n    const currentIndex = filteredOptions.indexOf(currentOption!);\n    let newIndex = Math.max(0, currentIndex);\n\n    if (isNext) {\n      const nextIndex = currentIndex + 1;\n      newIndex = (nextIndex > filteredOptions.length - 1) ? 0 : nextIndex;\n    } else {\n      const previousIndex = currentIndex - 1;\n      newIndex = previousIndex < 0 ? filteredOptions.length - 1 : previousIndex;\n    }\n    this.setCurrentOption(filteredOptions[newIndex]);\n    scrollIntoView(this.getCurrentOption()!, this.listbox, 'vertical', 'auto');\n  }\n\n  private getAllFilteredOptions() {\n    return this.getSlottedOptions().filter(option => !option.hidden);\n  }\n\n  private getCurrentOption() {\n    return this.getAllFilteredOptions().find(option => option.current);\n  }\n\n  // Sets the current option, which is the option the user is currently interacting with\n  // (e.g. via keyboard). Only one option may be \"current\" at a time.\n  private setCurrentOption(option: SynOption | null) {\n    const allOptions = this.getAllFilteredOptions();\n\n    // Clear selection\n    this.displayInput.removeAttribute('aria-activedescendant');\n\n    allOptions.forEach(el => {\n      // eslint-disable-next-line no-param-reassign\n      el.current = false;\n      el.setAttribute('aria-selected', 'false');\n    });\n\n    // Select the target option\n    if (option) {\n      // eslint-disable-next-line no-param-reassign\n      option.current = true;\n      option.setAttribute('aria-selected', 'true');\n      this.displayInput.setAttribute('aria-activedescendant', option.id);\n    }\n  }\n\n  /**\n   * Updates the selected options cache, the current value, and the display value\n   */\n  private setSelectedOption(option: SynOption | undefined) {\n    this.selectedOption = option;\n\n    // Check if the selected option has a value,\n    // if not take the text content of the option otherwise the input text\n    const optionValue = this.selectedOption?.value || this.selectedOption?.getTextLabel();\n\n    if (option) {\n      this.lastOptionValue = optionValue || '';\n    }\n\n    // Update the value\n    this.value = optionValue ?? this.displayInput.value;\n\n    // Update validity and display label\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.updateComplete.then(() => {\n      this.displayLabel = this.selectedOption?.getTextLabel() ?? this.displayInput.value;\n      this.formControlController.updateValidity();\n    });\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  @watch(['filter', 'getOption'], { waitUntilFirstUpdate: true })\n  handlePropertiesChange() {\n    this.createComboboxOptionsFromQuery(this.value);\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(this.disabled);\n\n    // Close the listbox when the control is disabled\n    if (this.disabled) {\n      this.open = false;\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.handleOpenChange();\n    }\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  handleValueChange() {\n    // set the display label here in case of the value was set via property only\n    this.displayLabel = this.value;\n    this.createComboboxOptionsFromQuery(this.value);\n    this.setCurrentOption(null);\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open && !this.disabled) {\n      if (this.numberFilteredOptions === 0) {\n        // Don't open the listbox if there are no options\n        this.open = false;\n        this.emit('syn-error');\n        return;\n      }\n\n      // Show\n      this.emit('syn-show');\n      this.addOpenListeners();\n\n      await stopAnimations(this);\n      this.listbox.hidden = false;\n      this.popup.active = true;\n\n      const { keyframes, options } = getAnimation(this, 'combobox.show', { dir: this.localize.dir() });\n      await animateTo(this.popup.popup, keyframes, options);\n\n      this.emit('syn-after-show');\n      return;\n    }\n\n    this.setCurrentOption(null);\n    this.displayInput.removeAttribute('aria-activedescendant');\n    // Hide\n    this.emit('syn-hide');\n    this.removeOpenListeners();\n\n    await stopAnimations(this);\n    const { keyframes, options } = getAnimation(this, 'combobox.hide', { dir: this.localize.dir() });\n    await animateTo(this.popup.popup, keyframes, options);\n    this.listbox.hidden = true;\n    this.popup.active = false;\n\n    this.emit('syn-after-hide');\n  }\n\n  /**\n   * Shows the listbox. If it is not possible to open the listbox, because there are no\n   * appropriate filtered options, a syn-error is emitted and the listbox stays closed.\n   */\n  async show() {\n    if (this.open || this.disabled) {\n      this.open = false;\n      return undefined;\n    }\n\n    this.open = true;\n    return Promise.race([waitForEvent(this, 'syn-after-show'), waitForEvent(this, 'syn-error')]);\n  }\n\n  /** Hides the listbox. */\n  async hide() {\n    if (!this.open || this.disabled) {\n      this.open = false;\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'syn-after-hide');\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  checkValidity() {\n    return this.valueInput.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.valueInput.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.valueInput.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  /** Sets focus on the control. */\n  focus(options?: FocusOptions) {\n    this.displayInput.focus(options);\n  }\n\n  /** Removes focus from the control. */\n  blur() {\n    this.displayInput.blur();\n  }\n\n  /* eslint-disable no-param-reassign, @typescript-eslint/no-floating-promises */\n  private createComboboxOptionsFromQuery(queryString: string) {\n    this.numberFilteredOptions = 0;\n    this.isOptionRendererTriggered = true;\n\n    // This is needed for angular. For some reason the handleDefaultSlotChange is not triggered\n    // initially and therefore the cachedOptions are not set.\n    if (this.cachedOptions.length === 0) {\n      this.cacheSlottedOptionsAndOptgroups();\n    }\n\n    // Update the syn-option's based on the query string and getOption\n    this.getSlottedOptions()\n      .forEach(option => {\n        // Use the original cached option, to do changes on it\n        const cachedOption = this.cachedOptions.find(o => o.id === option.id) || option;\n        const optionResult = this.getOption(cachedOption, queryString);\n        let updatedOption = createOptionFromDifferentTypes(optionResult);\n\n        // The type of the getOption function is incorrect, therefore use the original option\n        if (!updatedOption) {\n          updatedOption = cachedOption;\n        }\n\n        const hideOption = !(this.filter(updatedOption, queryString) || queryString === '');\n        updatedOption.hidden = hideOption;\n        option.replaceWith(updatedOption);\n\n        if (!hideOption) {\n          this.numberFilteredOptions += 1;\n        }\n      });\n\n    // Update the syn-optgroup's if available\n    const visibleOptgroups = this.getSlottedOptGroups().filter(optgroup => {\n      const options = getAllOptions(Array.from(optgroup.children) as HTMLElement[]).flat();\n      const isVisible = options.some(option => !option.hidden);\n      optgroup.hidden = !isVisible;\n      return isVisible;\n    });\n\n    // Hide the divider of the first visible optgroup, as it can unfortunately not be hidden via css\n    visibleOptgroups[0]?.style.setProperty('--display-divider', 'none');\n\n    // This is needed so the component does not endlessly rerender,\n    // because the slot change event is endlessly retriggered otherwise.\n    setTimeout(() => {\n      this.isOptionRendererTriggered = false;\n    }, 0);\n  }\n  /* eslint-enable no-param-reassign, @typescript-eslint/no-floating-promises */\n\n  private async handleInput() {\n    const inputValue = this.displayInput.value;\n    this.value = inputValue;\n    await this.updateComplete;\n    this.open = this.numberFilteredOptions > 0;\n    this.setSelectedOption(undefined);\n\n    this.formControlController.updateValidity();\n    this.emit('syn-input');\n  }\n\n  private handleChange() {\n    // Only update the value and emit the event, if the change event occurred by\n    // the user typing something in and removing focus of the combobox\n    if (!this.selectedOption) {\n      this.value = this.displayInput.value;\n      // Update validity\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.updateComplete.then(() => {\n        this.formControlController.updateValidity();\n      });\n      this.emit('syn-change');\n    }\n  }\n\n  private getSlottedOptions() {\n    return getAllOptions(getAssignedElementsForSlot(this.defaultSlot)).flat();\n  }\n\n  private getSlottedOptGroups(): SynOptGroup[] {\n    return filterOnlyOptgroups(getAssignedElementsForSlot(this.defaultSlot));\n  }\n\n  /* eslint-disable no-param-reassign */\n  private cacheSlottedOptionsAndOptgroups() {\n    const slottedOptions = this.getSlottedOptions();\n    const slottedOptgroups = this.getSlottedOptGroups();\n\n    slottedOptions.forEach((option, index) => {\n      option.id = option.id || `syn-combobox-option-${index}`;\n    });\n\n    slottedOptgroups.forEach((optgroup, index) => {\n      optgroup.id = optgroup.id || `syn-combobox-optgroup-${index}`;\n    });\n\n    // Cache the slotted options\n    this.cachedOptions = [...slottedOptions];\n  }\n  /* eslint-enable no-param-reassign */\n\n  /* eslint-disable @typescript-eslint/no-floating-promises, complexity */\n  /* @internal - used by options to update labels */\n  public handleDefaultSlotChange() {\n    if (!this.isOptionRendererTriggered) {\n      // Rerun this handler when <syn-option> is registered\n      if (!customElements.get('syn-option')) {\n        customElements.whenDefined('syn-option').then(() => this.handleDefaultSlotChange());\n        return;\n      }\n\n      this.cacheSlottedOptionsAndOptgroups();\n\n      this.createComboboxOptionsFromQuery(this.value);\n\n      if (this.hasFocus && this.value.length > 0 && !this.open) {\n        this.show();\n      }\n    }\n  }\n  /* eslint-enable @typescript-eslint/no-floating-promises, complexity */\n\n  /* eslint-disable @typescript-eslint/unbound-method */\n  // eslint-disable-next-line complexity\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n    const hasClearIcon = this.clearable && !this.disabled && this.value.length > 0;\n    const isPlaceholderVisible = this.placeholder && this.value.length === 0;\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--large': this.size === 'large',\n          'form-control--medium': this.size === 'medium',\n          'form-control--small': this.size === 'small',\n        })}\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.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <syn-popup\n            class=${classMap({\n              combobox: true,\n              'combobox--bottom': this.placement === 'bottom',\n              'combobox--disabled': this.disabled,\n              'combobox--focused': this.hasFocus,\n              'combobox--large': this.size === 'large',\n              'combobox--medium': this.size === 'medium',\n              'combobox--open': this.open,\n              'combobox--placeholder-visible': isPlaceholderVisible,\n              'combobox--small': this.size === 'small',\n              'combobox--standard': true,\n              'combobox--top': this.placement === 'top',\n            })}\n            placement=${this.placement}\n            strategy=${this.hoist ? 'fixed' : 'absolute'}\n            flip\n            shift\n            sync=\"width\"\n            auto-size=\"vertical\"\n            auto-size-padding=\"10\"\n          >\n            <div\n              part=\"combobox\"\n              class=\"combobox__inputs\"\n              slot=\"anchor\"\n              @keydown=${this.handleComboboxKeyDown}\n              @mousedown=${this.handleComboboxMouseDown}\n            >\n              <slot part=\"prefix\" name=\"prefix\" class=\"combobox__prefix\"></slot>\n\n              <input\n                part=\"display-input\"\n                class=\"combobox__display-input\"\n                type=\"text\"\n                placeholder=${this.placeholder}\n                .disabled=${this.disabled}\n                .value=${this.displayLabel}\n                autocomplete=\"off\"\n                spellcheck=\"false\"\n                autocapitalize=\"off\"\n                aria-controls=\"listbox\"\n                aria-expanded=${this.open ? 'true' : 'false'}\n                aria-haspopup=\"listbox\"\n                aria-labelledby=\"label\"\n                aria-disabled=${this.disabled ? 'true' : 'false'}\n                aria-describedby=\"help-text\"\n                role=\"combobox\"\n                tabindex=\"0\"\n                @focus=${this.handleFocus}\n                @blur=${this.handleBlur}\n\n                aria-autocomplete=\"list\"\n                aria-owns=\"listbox\"\n                @input=${this.handleInput}\n                @change=${this.handleChange}\n              />\n\n              <input\n                class=\"combobox__value-input\"\n                type=\"text\"\n                ?disabled=${this.disabled}\n                ?required=${this.required}\n                .value=${this.value}\n                tabindex=\"-1\"\n                aria-hidden=\"true\"\n                @focus=${() => this.focus()}\n                @invalid=${this.handleInvalid}\n              />\n       \n              ${hasClearIcon\n                ? html`\n                    <button\n                      part=\"clear-button\"\n                      class=\"combobox__clear\"\n                      type=\"button\"\n                      aria-label=${this.localize.term('clearEntry')}\n                      @mousedown=${this.preventLoosingFocus}\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\n                <slot name=\"suffix\" part=\"suffix\" class=\"combobox__suffix\"></slot>\n\n                <slot name=\"expand-icon\" part=\"expand-icon\" class=\"combobox__expand-icon\">\n                  <syn-icon library=\"system\" name=\"chevron-down\"></syn-icon>\n                </slot>\n            </div>\n\n            <div\n              id=\"listbox\"\n              role=\"listbox\"\n              aria-expanded=${this.open ? 'true' : 'false'}\n              aria-labelledby=\"label\"\n              part=\"listbox\"\n              class=\"combobox__listbox\"\n              tabindex=\"-1\"\n              @mousedown=${this.preventLoosingFocus}\n              @mouseup=${this.handleOptionClick}\n            >\n              <div class=\"listbox__options\" part=\"filtered-listbox\">\n                <slot @slotchange=${this.handleDefaultSlotChange}></slot>      \n              </div>\n            </div>\n          </syn-popup>\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  /* eslint-enable @typescript-eslint/unbound-method */\n}\n\nsetDefaultAnimation('combobox.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.9 },\n    { opacity: 1, scale: 1 },\n  ],\n  options: { duration: 100, easing: 'ease' },\n});\n\nsetDefaultAnimation('combobox.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.9 },\n  ],\n  options: { duration: 100, easing: 'ease' },\n});\n"],
+  "mappings": "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",
+  "names": ["_a", "_b", "keyframes", "options"]
+}

package/dist/chunks/{chunk.NM5EI7ZH.js → chunk.WDWOLLU7.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.Y334QFFZ.js";
+} from "./chunk.NIYWCDQQ.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.NM5EI7ZH.js.map
+//# sourceMappingURL=chunk.WDWOLLU7.js.map

package/dist/chunks/{chunk.WMUMEYQJ.js → chunk.WSN5XASN.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.43YNZAWL.js";
 import {
   SynIconButton
-} from "./chunk.EMU2E2VE.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.RTK2527V.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.MKQXTHWU.js";
+} from "./chunk.JHSYQUJH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.WMUMEYQJ.js.map
+//# sourceMappingURL=chunk.WSN5XASN.js.map

package/dist/chunks/{chunk.NN73HBIU.js → chunk.WYXCB5I5.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.IVM3BGRH.js";
 import {
   SynIcon
-} from "./chunk.SWUXKALS.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.YNJ5L3DR.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.MKQXTHWU.js";
+} from "./chunk.JHSYQUJH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -154,4 +154,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.NN73HBIU.js.map
+//# sourceMappingURL=chunk.WYXCB5I5.js.map

package/dist/chunks/{chunk.NN73HBIU.js.map → chunk.WYXCB5I5.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/option/option.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 { html } from 'lit';\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 SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport styles from './option.styles.js';\nimport customStyles from './option.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Options define the selectable items within various form controls such as [select](/components/select).\n * @documentation https://synergy.style/components/option\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @slot - The option's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart checked-icon - The checked icon, an `<syn-icon>` element.\n * @csspart base - The component's base wrapper.\n * @csspart label - The option's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n */\nexport default class SynOption extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon': SynIcon };\n\n  // @ts-expect-error - Controller is currently unused\n  private readonly localize = new LocalizeController(this);\n\n  private isInitialized = false;\n\n  @query('.option__label') defaultSlot: HTMLSlotElement;\n\n  @state() current = false; // the user has keyed into the option, but hasn't selected it yet (shows a highlight)\n  @state() selected = false; // the option is selected and has aria-selected=\"true\"\n  @state() hasHover = false; // we need this because Safari doesn't honor :hover styles while dragging\n\n  /**\n   * The option's value. When selected, the containing form control will receive this value. The value must be unique\n   * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\n   * multiple values.\n   */\n  @property({ reflect: true }) value = '';\n\n  /** Draws the option in a disabled state, preventing selection. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n    this.setAttribute('aria-selected', 'false');\n  }\n\n  private handleDefaultSlotChange() {\n      if(this.isInitialized) {\n      // When the label changes, tell the controller to update\n      customElements.whenDefined('syn-combobox').then(() => {\n        const controller = this.closest('syn-combobox');\n        if (controller) {\n          controller.handleDefaultSlotChange();\n        }\n      });\n      customElements.whenDefined('syn-select').then(() => {\n        const controller = this.closest('syn-select');\n        if (controller) {\n          controller.handleDefaultSlotChange();\n        }\n      });\n    } else {\n      this.isInitialized = true;\n    }\n  }\n\n  private handleMouseEnter() {\n    this.hasHover = true;\n  }\n\n  private handleMouseLeave() {\n    this.hasHover = false;\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('selected')\n  handleSelectedChange() {\n    this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n  }\n\n  @watch('value')\n  handleValueChange() {\n    // Ensure the value is a string. This ensures the next line doesn't error and allows framework users to pass numbers\n    // instead of requiring them to cast the value to a string.\n    if (typeof this.value !== 'string') {\n      this.value = String(this.value);\n    }\n\n    if (this.value.includes(' ')) {\n      console.error(`Option values cannot include a space. All spaces have been replaced with underscores.`, this);\n      this.value = this.value.replace(/ /g, '_');\n    }\n  }\n\n  /** Returns a plain text label based on the option's content. */\n  getTextLabel() {\n    const nodes = this.childNodes;\n    let label = '';\n\n    [...nodes].forEach(node => {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        if (!(node as HTMLElement).hasAttribute('slot')) {\n          label += (node as HTMLElement).textContent;\n        }\n      }\n\n      if (node.nodeType === Node.TEXT_NODE) {\n        label += node.textContent;\n      }\n    });\n\n    return label.trim();\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          option: true,\n          'option--current': this.current,\n          'option--disabled': this.disabled,\n          'option--selected': this.selected,\n          'option--hover': this.hasHover\n        })}\n        @mouseenter=${this.handleMouseEnter}\n        @mouseleave=${this.handleMouseLeave}\n      >\n        <syn-icon part=\"checked-icon\" class=\"option__check\" name=\"check\" library=\"system\" aria-hidden=\"true\"></syn-icon>\n        <slot part=\"prefix\" name=\"prefix\" class=\"option__prefix\"></slot>\n        <slot part=\"label\" class=\"option__label\" @slotchange=${this.handleDefaultSlotChange}></slot>\n        <slot part=\"suffix\" name=\"suffix\" class=\"option__suffix\"></slot>\n      </div>\n    `;\n  }\n}\n"],
-  "mappings": "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",
+  "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 { html } from 'lit';\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 SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport styles from './option.styles.js';\nimport customStyles from './option.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Options define the selectable items within various form controls such as [select](/components/select).\n * @documentation https://synergy.style/components/option\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @slot - The option's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart checked-icon - The checked icon, an `<syn-icon>` element.\n * @csspart base - The component's base wrapper.\n * @csspart label - The option's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n */\nexport default class SynOption extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon': SynIcon };\n\n  // @ts-expect-error - Controller is currently unused\n  private readonly localize = new LocalizeController(this);\n\n  private isInitialized = false;\n\n  @query('.option__label') defaultSlot: HTMLSlotElement;\n\n  @state() current = false; // the user has keyed into the option, but hasn't selected it yet (shows a highlight)\n  @state() selected = false; // the option is selected and has aria-selected=\"true\"\n  @state() hasHover = false; // we need this because Safari doesn't honor :hover styles while dragging\n\n  /**\n   * The option's value. When selected, the containing form control will receive this value. The value must be unique\n   * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\n   * multiple values.\n   */\n  @property({ reflect: true }) value = '';\n\n  /** Draws the option in a disabled state, preventing selection. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n    this.setAttribute('aria-selected', 'false');\n  }\n\n  private handleDefaultSlotChange() {\n    if (this.isInitialized) {\n      // When the label changes, tell the controller to update\n      customElements.whenDefined('syn-combobox').then(() => {\n        const controller = this.closest('syn-combobox');\n        if (controller) {\n          controller.handleDefaultSlotChange();\n        }\n      });\n      customElements.whenDefined('syn-select').then(() => {\n        const controller = this.closest('syn-select');\n        if (controller) {\n          controller.handleDefaultSlotChange();\n        }\n      });\n    } else {\n      this.isInitialized = true;\n    }\n  }\n\n  private handleMouseEnter() {\n    this.hasHover = true;\n  }\n\n  private handleMouseLeave() {\n    this.hasHover = false;\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('selected')\n  handleSelectedChange() {\n    this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n  }\n\n  @watch('value')\n  handleValueChange() {\n    // Ensure the value is a string. This ensures the next line doesn't error and allows framework users to pass numbers\n    // instead of requiring them to cast the value to a string.\n    if (typeof this.value !== 'string') {\n      this.value = String(this.value);\n    }\n\n    if (this.value.includes(' ')) {\n      console.error(`Option values cannot include a space. All spaces have been replaced with underscores.`, this);\n      this.value = this.value.replace(/ /g, '_');\n    }\n  }\n\n  /** Returns a plain text label based on the option's content. */\n  getTextLabel() {\n    const nodes = this.childNodes;\n    let label = '';\n\n    [...nodes].forEach(node => {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        if (!(node as HTMLElement).hasAttribute('slot')) {\n          label += (node as HTMLElement).textContent;\n        }\n      }\n\n      if (node.nodeType === Node.TEXT_NODE) {\n        label += node.textContent;\n      }\n    });\n\n    return label.trim();\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          option: true,\n          'option--current': this.current,\n          'option--disabled': this.disabled,\n          'option--selected': this.selected,\n          'option--hover': this.hasHover\n        })}\n        @mouseenter=${this.handleMouseEnter}\n        @mouseleave=${this.handleMouseLeave}\n      >\n        <syn-icon part=\"checked-icon\" class=\"option__check\" name=\"check\" library=\"system\" aria-hidden=\"true\"></syn-icon>\n        <slot part=\"prefix\" name=\"prefix\" class=\"option__prefix\"></slot>\n        <slot part=\"label\" class=\"option__label\" @slotchange=${this.handleDefaultSlotChange}></slot>\n        <slot part=\"suffix\" name=\"suffix\" class=\"option__suffix\"></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/chunks/{chunk.YQLTFWYX.js → chunk.XFWY2BGU.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.MKQXTHWU.js";
+} from "./chunk.JHSYQUJH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.YQLTFWYX.js.map
+//# sourceMappingURL=chunk.XFWY2BGU.js.map

package/dist/chunks/{chunk.N54SVWTA.js → chunk.YBDH432U.js}

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

package/dist/chunks/{chunk.SWUXKALS.js → chunk.YNJ5L3DR.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.MKQXTHWU.js";
+} from "./chunk.JHSYQUJH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -182,4 +182,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.SWUXKALS.js.map
+//# sourceMappingURL=chunk.YNJ5L3DR.js.map

package/dist/chunks/{chunk.2QFNK7XL.js → chunk.YNWZ5ZFI.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.MKQXTHWU.js";
+} from "./chunk.JHSYQUJH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.2QFNK7XL.js.map
+//# sourceMappingURL=chunk.YNWZ5ZFI.js.map

package/dist/chunks/{chunk.IFWSRMUK.js → chunk.YQZ2UGG3.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.FLB37Q2Y.js";
+} from "./chunk.I4PP7TTT.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.IFWSRMUK.js.map
+//# sourceMappingURL=chunk.YQZ2UGG3.js.map

package/dist/chunks/{chunk.FAREQGAK.js → chunk.ZK2J5LTO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.MKQXTHWU.js";
+} from "./chunk.JHSYQUJH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -89,4 +89,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.FAREQGAK.js.map
+//# sourceMappingURL=chunk.ZK2J5LTO.js.map

package/dist/chunks/{chunk.AIQ3EJZY.js → chunk.ZR6W46YN.js}

@@ -20,15 +20,12 @@ import {
 import {
   watch
 } from "./chunk.74IOULXM.js";
-import {
-  enableDefaultSettings
-} from "./chunk.OLCT57R5.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.MKQXTHWU.js";
+} from "./chunk.JHSYQUJH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -248,11 +245,8 @@ __decorateClass([
 __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SynSwitch.prototype, "handleDisabledChange", 1);
-SynSwitch = __decorateClass([
-  enableDefaultSettings("SynSwitch")
-], SynSwitch);
 
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.AIQ3EJZY.js.map
+//# sourceMappingURL=chunk.ZR6W46YN.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/switch/switch.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 styles from './switch.styles.js';\nimport customStyles from './switch.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\n\n/**\n * @summary Switches allow the user to toggle an option on or off.\n * @documentation https://synergy.style/components/switch\n * @status stable\n * @since 2.0\n *\n * @slot - The switch's label.\n * @slot help-text - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-change - Emitted when the control's checked state changes.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-focus - Emitted when the control gains focus.\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 control that houses the switch's thumb.\n * @csspart thumb - The switch's thumb.\n * @csspart label - The switch's label.\n * @csspart form-control-help-text - The help text's wrapper.\n *\n * @cssproperty --width - The width of the switch.\n * @cssproperty --height - The height of the switch.\n * @cssproperty --thumb-size - The size of the thumb.\n */\nexport default class SynSwitch extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [componentStyles, formControlStyles, styles, formControlCustomStyles, customStyles];\n\n  private readonly formControlController = new FormControlController(this, {\n    value: (control: SynSwitch) => (control.checked ? control.value || 'on' : undefined),\n    defaultValue: (control: SynSwitch) => control.defaultChecked,\n    setValue: (control: SynSwitch, 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  @property() title = ''; // make reactive to pass through\n\n  /** The name of the switch, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the switch, submitted as a name/value pair with form data. */\n  @property() value: string;\n\n  /** The switch's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the switch. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the switch in a checked state. */\n  @property({ type: Boolean, reflect: true }) checked = 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 switch a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** The switch'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 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 handleClick() {\n    this.checked = !this.checked;\n    this.emit('syn-change');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.checked = false;\n      this.emit('syn-change');\n      this.emit('syn-input');\n    }\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.checked = true;\n      this.emit('syn-change');\n      this.emit('syn-input');\n    }\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  handleCheckedChange() {\n    this.input.checked = this.checked; // force a sync update\n    this.formControlController.updateValidity();\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(true);\n  }\n\n  /** Simulates a click on the switch. */\n  click() {\n    this.input.click();\n  }\n\n  /** Sets focus on the switch. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the switch. */\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  /** 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 hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\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            switch: true,\n            'switch--checked': this.checked,\n            'switch--disabled': this.disabled,\n            'switch--focused': this.hasFocus,\n            'switch--small': this.size === 'small',\n            'switch--medium': this.size === 'medium',\n            'switch--large': this.size === 'large'\n          })}\n        >\n          <input\n            class=\"switch__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            .checked=${live(this.checked)}\n            .disabled=${this.disabled}\n            .required=${this.required}\n            role=\"switch\"\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            @keydown=${this.handleKeyDown}\n          />\n\n          <span part=\"control\" class=\"switch__control\">\n            <span part=\"thumb\" class=\"switch__thumb\"></span>\n          </span>\n\n          <div part=\"label\" class=\"switch__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\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-switch': SynSwitch;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.7EYHNKMM.js → chunk.ZXWHFKUE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.EMGPXY5T.js";
+} from "./chunk.O2E77ZO7.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement
-} from "./chunk.MKQXTHWU.js";
+} from "./chunk.JHSYQUJH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.7EYHNKMM.js.map
+//# sourceMappingURL=chunk.ZXWHFKUE.js.map

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

@@ -1,13 +1,10 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.SXFIFBVM.js";
-import "../../chunks/chunk.WNUZ6LH4.js";
+} from "../../chunks/chunk.LGJ6I7QC.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.OLCT57R5.js";
-import "../../chunks/chunk.JSEL4YPW.js";
-import "../../chunks/chunk.UPDPVGHT.js";
+import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.MKQXTHWU.js";
+import "../../chunks/chunk.JHSYQUJH.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynAccordion as default

package/dist/components/accordion/accordion.js

@@ -1,14 +1,11 @@
 import {
   accordion_default
-} from "../../chunks/chunk.JNAG6IBY.js";
-import "../../chunks/chunk.SXFIFBVM.js";
-import "../../chunks/chunk.WNUZ6LH4.js";
+} from "../../chunks/chunk.MPPVRHYV.js";
+import "../../chunks/chunk.LGJ6I7QC.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.OLCT57R5.js";
-import "../../chunks/chunk.JSEL4YPW.js";
-import "../../chunks/chunk.UPDPVGHT.js";
+import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.MKQXTHWU.js";
+import "../../chunks/chunk.JHSYQUJH.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   accordion_default as default

package/dist/components/alert/alert.component.d.ts

@@ -42,6 +42,8 @@ export default class SynAlert extends SynergyElement {
     private countdownAnimation?;
     private readonly hasSlotController;
     private readonly localize;
+    private static currentToastStack;
+    private static get toastStack();
     base: HTMLElement;
     countdownElement: HTMLElement;
     /**

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

@@ -1,30 +1,27 @@
 import {
   SynAlert
-} from "../../chunks/chunk.JBLFNOCX.js";
-import "../../chunks/chunk.EMU2E2VE.js";
+} from "../../chunks/chunk.2IVNHVMH.js";
+import "../../chunks/chunk.RTK2527V.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
-import "../../chunks/chunk.SWUXKALS.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.JRYXECAY.js";
+import "../../chunks/chunk.IFXKIEOU.js";
+import "../../chunks/chunk.YNJ5L3DR.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.GIU3H3J3.js";
-import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.OLCT57R5.js";
-import "../../chunks/chunk.JSEL4YPW.js";
-import "../../chunks/chunk.UPDPVGHT.js";
+import "../../chunks/chunk.GIU3H3J3.js";
+import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.MKQXTHWU.js";
-import "../../chunks/chunk.JRYXECAY.js";
-import "../../chunks/chunk.IFXKIEOU.js";
+import "../../chunks/chunk.JHSYQUJH.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynAlert as default

package/dist/components/alert/alert.js

@@ -1,31 +1,28 @@
 import {
   alert_default
-} from "../../chunks/chunk.AQS4YK7Q.js";
-import "../../chunks/chunk.JBLFNOCX.js";
-import "../../chunks/chunk.EMU2E2VE.js";
+} from "../../chunks/chunk.NHQHD65V.js";
+import "../../chunks/chunk.2IVNHVMH.js";
+import "../../chunks/chunk.RTK2527V.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
-import "../../chunks/chunk.SWUXKALS.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.JRYXECAY.js";
+import "../../chunks/chunk.IFXKIEOU.js";
+import "../../chunks/chunk.YNJ5L3DR.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.GIU3H3J3.js";
-import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.OLCT57R5.js";
-import "../../chunks/chunk.JSEL4YPW.js";
-import "../../chunks/chunk.UPDPVGHT.js";
+import "../../chunks/chunk.GIU3H3J3.js";
+import "../../chunks/chunk.S5N2TE2L.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.MKQXTHWU.js";
-import "../../chunks/chunk.JRYXECAY.js";
-import "../../chunks/chunk.IFXKIEOU.js";
+import "../../chunks/chunk.JHSYQUJH.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   alert_default as default

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

@@ -1,15 +1,12 @@
 import {
   SynBadge
-} from "../../chunks/chunk.O7JPMKUW.js";
-import "../../chunks/chunk.J6CGTLVH.js";
-import "../../chunks/chunk.Y5TMYX2L.js";
+} from "../../chunks/chunk.VNVGDBIY.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
-import "../../chunks/chunk.OLCT57R5.js";
-import "../../chunks/chunk.JSEL4YPW.js";
-import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.MKQXTHWU.js";
+import "../../chunks/chunk.JHSYQUJH.js";
+import "../../chunks/chunk.J6CGTLVH.js";
+import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynBadge as default

package/dist/components/badge/badge.js

@@ -1,16 +1,13 @@
 import {
   badge_default
-} from "../../chunks/chunk.Y4EGILWE.js";
-import "../../chunks/chunk.O7JPMKUW.js";
-import "../../chunks/chunk.J6CGTLVH.js";
-import "../../chunks/chunk.Y5TMYX2L.js";
+} from "../../chunks/chunk.MN76TCGZ.js";
+import "../../chunks/chunk.VNVGDBIY.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
-import "../../chunks/chunk.OLCT57R5.js";
-import "../../chunks/chunk.JSEL4YPW.js";
-import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.MKQXTHWU.js";
+import "../../chunks/chunk.JHSYQUJH.js";
+import "../../chunks/chunk.J6CGTLVH.js";
+import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   badge_default as default