@synergy-design-system/components 3.1.0 → 3.2.0

package/dist/chunks/chunk.6JDKH43H.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox/combobox.component.ts"],
+  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable no-underscore-dangle */\nimport type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { animateTo, stopAnimations } from '../../internal/animate.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 SynTag from '../tag/tag.component.js';\nimport styles from './combobox.styles.js';\nimport customStyles from './combobox.custom.styles.js';\nimport {\n  checkValueBelongsToOption,\n  createOptionFromDifferentTypes, filterOnlyOptgroups, getAllOptions, getAssignedElementsForSlot,\n  getValueFromOption, getValuesFromOptions, normalizeString,\n} from './utils.js';\nimport { scrollIntoView } from '../../internal/scroll.js';\nimport { type OptionRenderer, defaultOptionRenderer } from './option-renderer.js';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\nimport type { SynRemoveEvent } from '../../events/events.js';\nimport { compareValues, isAllowedValue } from '../select/utility.js';\n\n/**\n * @summary A combobox component that combines the functionality of a text input with a dropdown listbox,\n * allowing users to either select from predefined options or enter custom values (when not restricted).\n *\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 * @dependency syn-tag\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 that 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 * @csspart popup - The popup's exported `popup` part.\n * Use this to target the tooltip's popup container.\n * @csspart no-results - The container that wraps the \"no results\" message.\n * @csspart tags - The container that houses option tags when `multiple` is used.\n * @csspart tag - The individual tags that represent each selected option in `multiple`.\n * @csspart tag__base - The tag's base part.\n * @csspart tag__content - The tag's content part.\n * @csspart tag__remove-button - The tag's remove button.\n * @csspart tag__remove-button__base - The tag's remove button base part.\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 */\n@enableDefaultSettings('SynCombobox')\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    'syn-tag': SynTag,\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  /**\n   * Cache of the last syn-options that were selected by user interaction (click or keyboard navigation).\n   * Used to track user selections and maintain selection state during value changes.\n   */\n  private lastOptions: SynOption[] = [];\n\n  private isInitialized: boolean = false;\n\n  /**\n   * Flag to prevent infinite loops when the option renderer programmatically updates options.\n   * Set to true during option rendering to ignore slot change events triggered by our own updates.\n   */\n  private isOptionRendererTriggered: boolean = false;\n\n  private resizeObserver: ResizeObserver;\n\n  private mutationObserver: MutationObserver;\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  @query('.combobox__tags') tagContainer: HTMLDivElement;\n\n  @state() private hasFocus = false;\n\n  @state() private isUserInput = false;\n\n  @state() displayLabel = '';\n\n  @state() selectedOptions: SynOption[] = [];\n\n  @state() numberFilteredOptions = 0;\n\n  @state() cachedOptions: SynOption[] = [];\n\n  @state() private valueHasChanged: boolean = false;\n\n  @state() private hideOptions = false;\n\n  /** The name of the combobox, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  private _value: string | number | Array<string | number> = '';\n\n  get value() {\n    return this._value;\n  }\n\n  /**\n   * The current value of the combobox, submitted as a name/value pair with form data. When `multiple` is enabled, the\n   * value attribute will be a list of values  separated by the delimiter, based on the options selected, and the value property will\n   * be an array. **For this reason, values must not contain the delimiter character.**\n   */\n  @state()\n  set value(val: string | number | Array<string | number>) {\n    if (this.multiple) {\n      if (!Array.isArray(val)) {\n        val = typeof val === 'string' ? val.split(this.delimiter) : [val].filter(isAllowedValue);\n      }\n    } else {\n      val = Array.isArray(val) ? val.join(this.delimiter) : val;\n    }\n\n    if (compareValues(this._value, val)) {\n      return;\n    }\n\n    this.valueHasChanged = true;\n    this._value = val;\n  }\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @property({ attribute: 'value' }) defaultValue: string | number | Array<string | number> = '';\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  /** 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   * When set to `true`, restricts the combobox to only allow selection from the available options.\n   * Users will not be able to enter custom values that are not present in the list.\n   * This will always be true, if `multiple` is active.\n   */\n  @property({ reflect: true, type: Boolean }) restricted = false;\n\n  /**\n   * Allows more than one option to be selected.\n   * If `multiple` is set, the combobox will always be `restricted` to the available options\n   * */\n  @property({ reflect: true, type: Boolean }) multiple = 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\n    if (normalizedOption.includes(normalizedQuery)) {\n      return true;\n    }\n\n    return option?.value?.toString() === queryStr;\n  };\n\n  /**\n   * The delimiter to use when setting the value when `multiple` is enabled.\n   * The default is a space ' ', but you can set it to a comma or other character(s).\n   * @example <syn-combobox delimiter=\"~\" value=\"option-1~option-2\"></syn-combobox>\n   */\n  @property() delimiter = ' ';\n\n  /**\n   * The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\n   * indicate the number of additional items that are selected. Set to 0 to remove the limit.\n   */\n  @property({ attribute: 'max-options-visible', type: Number }) maxOptionsVisible = 3;\n\n  /**\n   * A function that customizes the tags to be rendered when `multiple` is true. The first argument is the option, the second\n   * is the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\n   * the specified value.\n   */\n  @property() getTag: (option: SynOption, index: number) => TemplateResult | string | HTMLElement = option => html`\n    <syn-tag\n      part=\"tag\"\n      exportparts=\"\n            base:tag__base,\n            content:tag__content,\n            remove-button:tag__remove-button,\n            remove-button__base:tag__remove-button__base\n          \"\n      size=${this.size}\n      removable\n      @syn-remove=${(event: SynRemoveEvent) => this.handleTagRemove(event, option)}\n    >\n      ${option.getTextLabel()}\n    </syn-tag>\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  private calculateTagMaxWidth = (entries: ResizeObserverEntry[]) => {\n    const input = entries.at(0);\n    if (!input || !this.tagContainer) return;\n\n    const inputWidth = input.contentRect.width;\n    const tagsWidth = this.tagContainer.getBoundingClientRect().width;\n\n    // The min-width of the input is 48px, this should stay available for the input\n    // The min-width of the tags is 85px, so we should not go below that\n    const availableTagSpace = Math.max(85, tagsWidth + inputWidth - 48);\n\n    this.tagContainer.style.setProperty('--syn-select-tag-max-width', `${availableTagSpace}px`);\n  };\n\n  private enableResizeObserver() {\n    if (!this.multiple) return;\n\n    if (!this.resizeObserver) {\n      this.resizeObserver = new ResizeObserver(this.calculateTagMaxWidth);\n    }\n    // We use the `displayInput`, as the observer is fired for the initial state if someone is selecting an option\n    // and when the combobox size changes e.g. via window resize\n    this.resizeObserver.observe(this.displayInput);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.mutationObserver = new MutationObserver((entries) => {\n      // Only process attribute mutations on SynOption instances for the 'value' attribute. This is needed for changing of \"delimiter\"\n      const hasRelevantValueChange = entries.some(entry => {\n        // Check if the target is a SynOption instance\n        if (!(entry.target instanceof SynOption)) {\n          return false;\n        }\n\n        // Check if it's an attribute mutation for the 'value' attribute\n        if (entry.type !== 'attributes' || entry.attributeName !== 'value') {\n          return false;\n        }\n\n        // Check if the value actually changed and is not nullish\n        const currentValue = (entry.target as HTMLElement).getAttribute('value');\n        return entry.oldValue !== currentValue && !!currentValue;\n      });\n\n      if (hasRelevantValueChange) {\n        this.handleSlotContentChange();\n      }\n    });\n\n    this.mutationObserver.observe(this, {\n      attributeFilter: ['value'],\n      attributeOldValue: true,\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n\n    setTimeout(() => {\n      // #813 needed to catch initial value via property binding\n      this.handleSlotContentChange();\n    });\n\n    // Because this is a form control, it shouldn't be opened initially\n    this.open = false;\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.resizeObserver?.disconnect();\n    this.mutationObserver?.disconnect();\n    this.removeOpenListeners();\n  }\n\n  firstUpdated() {\n    this.isInitialized = true;\n    this.formControlController.updateValidity();\n  }\n\n  protected updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('multiple')) {\n      if (!this.multiple) {\n        this.resizeObserver?.disconnect();\n      } else {\n        this.enableResizeObserver();\n      }\n    }\n  }\n\n  // eslint-disable-next-line complexity\n  protected override willUpdate(changedProperties: PropertyValues) {\n    super.willUpdate(changedProperties);\n\n    // Check for defaultValue if it is not undefined, null, empty string or empty array\n    const isDefaultValueEmpty = this.defaultValue == null\n      || this.defaultValue === ''\n      || (Array.isArray(this.defaultValue) && this.defaultValue.length === 0);\n\n    if (changedProperties.has('value') && isDefaultValueEmpty && this.value && !this.isUserInput) {\n      // If the value was set initially via property binding instead of attribute, we need to set the defaultValue manually\n      // to be able to reset forms and the dynamic loading of options are working correctly.\n      if (this.multiple && Array.isArray(this.value)) {\n        this.defaultValue = this.value.join(this.delimiter);\n      } else {\n        this.defaultValue = this.value;\n      }\n      this.valueHasChanged = false;\n    }\n\n    // This is needed, as the result otherwise is different on the attribute order of \"multiple\", \"delimiter\" and \"value\".\n    if (!this.isInitialized && changedProperties.has('value') && this.value !== undefined && changedProperties.has('multiple') && this.multiple) {\n      if (!Array.isArray(this.defaultValue)) {\n        const cachedValueHasChanged = this.valueHasChanged;\n        this.value = typeof this.defaultValue === 'string' ? this.defaultValue.split(this.delimiter) : [this.defaultValue].filter(isAllowedValue);\n\n        // Set it back to false since this isn't an interaction.\n        this.valueHasChanged = cachedValueHasChanged;\n      }\n    }\n  }\n\n  attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null) {\n    super.attributeChangedCallback(name, oldVal, newVal);\n\n    /** This is a backwards compatibility call. In a new major version we should make a clean separation between \"value\" the attribute mapping to \"defaultValue\" property and \"value\" the property not reflecting. */\n    if (name === 'value') {\n      const cachedValueHasChanged = this.valueHasChanged;\n      this.value = this.defaultValue;\n\n      // Set it back to false since this isn't an interaction.\n      this.valueHasChanged = cachedValueHasChanged;\n    }\n  }\n\n  protected get tags() {\n    return this.selectedOptions.map((option, index) => {\n      if (index < this.maxOptionsVisible || this.maxOptionsVisible <= 0) {\n        const tag = this.getTag(option, index);\n        // Wrap so we can handle the remove\n        return html`<div @syn-remove=${(e: SynRemoveEvent) => this.handleTagRemove(e, option)}>\n          ${typeof tag === 'string' ? unsafeHTML(tag) : tag}\n        </div>`;\n      } if (index === this.maxOptionsVisible) {\n        // Hit tag limit\n        return html`<syn-tag size=${this.size}>+${this.selectedOptions.length - index}</syn-tag>`;\n      }\n      return html``;\n    });\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('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('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        if (this.multiple) {\n          // In multiple mode, only clear the input field but preserve selected options\n          this.clearInputField();\n        } else {\n          // In single mode, clear everything as before\n          this.clearCombobox();\n        }\n      }\n    }\n\n    // Handle enter - either select option or submit form\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        this.isUserInput = true;\n        this.valueHasChanged = true;\n        const oldValue = this.lastOptions ? getValuesFromOptions(this.lastOptions) : [];\n\n        if (this.multiple) {\n          this.toggleOptionSelection(currentOption);\n        } else {\n          this.setSelectedOptions(currentOption);\n        }\n\n        this.selectionChanged();\n\n        const value = Array.isArray(this.value) ? this.value : [this.value];\n\n        // Make reset in forms work correctly via isUserInput flag\n        this.updateComplete.then(() => {\n          this.isUserInput = false;\n        });\n\n        if (!compareValues(oldValue, value)) {\n          // Emit after updating\n          this.updateComplete.then(() => {\n            this.emit('syn-input');\n            this.emit('syn-change');\n          });\n        }\n      }\n\n      if (!this.multiple) {\n        this.hide();\n      }\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.displayLabel.length,\n          this.displayLabel.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 handleTagRemove(event: SynRemoveEvent, option: SynOption) {\n    event.stopPropagation();\n\n    this.valueHasChanged = true;\n\n    if (!this.disabled) {\n      this.toggleOptionSelection(option, false);\n      this.selectionChanged();\n\n      // Emit after updating\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.updateComplete.then(() => {\n        this.emit('syn-input');\n        this.emit('syn-change');\n      });\n    }\n  }\n\n  private handleComboboxMouseDown(event: MouseEvent) {\n    const path = event.composedPath();\n    const isIconButton = path.some(el => el instanceof Element && el.tagName.toLowerCase() === 'syn-icon-button');\n\n    // Ignore disabled controls and clicks on tags (remove buttons)\n    if (this.disabled || isIconButton) {\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 clearInputField() {\n    if (this.displayLabel !== '') {\n      const cachedValueHasChanged = this.valueHasChanged;\n      // remove the text from the input field only by reset value to selected options\n      this.value = getValuesFromOptions(this.selectedOptions);\n      this.valueHasChanged = cachedValueHasChanged;\n      this.displayInput.focus({ preventScroll: true });\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.updateComplete.then(() => {\n        this.emit('syn-input');\n      });\n    }\n  }\n\n  private clearCombobox() {\n    this.valueHasChanged = true;\n\n    if (this.value !== '') {\n      this.value = '';\n      this.displayLabel = '';\n      this.lastOptions = [];\n      this.setSelectedOptions([]);\n      this.selectionChanged();\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.lastOptions ? getValuesFromOptions(this.lastOptions) : [];\n    if (option && !option.disabled) {\n      this.isUserInput = true;\n\n      this.valueHasChanged = true;\n      if (this.multiple) {\n        this.toggleOptionSelection(option);\n      } else {\n        this.setSelectedOptions(option);\n      }\n      this.selectionChanged();\n\n      // Set focus after updating so the value is announced by screen readers\n      // and make the reset in forms work correctly via isUserInput flag\n      this.updateComplete.then(() => {\n        this.displayInput.focus({ preventScroll: true });\n        this.isUserInput = false;\n      });\n\n      const value = Array.isArray(this.value) ? this.value : [this.value];\n\n      if (!compareValues(oldValue, value)) {\n        // Emit after updating\n        this.updateComplete.then(() => {\n          this.emit('syn-input');\n          this.emit('syn-change');\n        });\n      }\n\n      if (!this.multiple) {\n        this.hide();\n        this.displayInput.focus({ preventScroll: true });\n      }\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  // Toggles an option's selected state\n  // eslint-disable-next-line class-methods-use-this\n  private toggleOptionSelection(option: SynOption, force?: boolean) {\n    if (force === true || force === false) {\n      option.selected = force;\n    } else {\n      option.selected = !option.selected;\n    }\n\n    // This is needed so the highlight option renderer is working correctly for `restricted` and `multiple` comboboxes\n    const cachedOption = this.cachedOptions.find(opt => opt.id === option.id);\n    if (cachedOption) {\n      cachedOption.selected = option.selected;\n    }\n  }\n\n  // Sets the selected option(s)\n  private setSelectedOptions(option: SynOption | SynOption[]) {\n    const newSelectedOptions = Array.isArray(option) ? option : [option];\n    // In single-select mode, if multiple options are provided, keep only the first one to select\n    if (!this.multiple && newSelectedOptions.length > 1) {\n      newSelectedOptions.splice(1);\n    }\n\n    const slottedOptions = this.getSlottedOptions();\n    slottedOptions.forEach((opt) => {\n      opt.selected = newSelectedOptions.some(\n        selectedOpt => selectedOpt.id === opt.id,\n      );\n    });\n    // This is needed so the highlight option renderer is working correctly for `restricted` and `multiple` comboboxes\n    this.cachedOptions.forEach((opt) => {\n      opt.selected = newSelectedOptions.some(\n        selectedOpt => selectedOpt.id === opt.id,\n      );\n    });\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 component state after selection changes.\n   *\n   * This method synchronizes:\n   * 1. The selectedOptions cache with currently selected options\n   * 2. The component's value property (string or array)\n   * 3. The display label shown in the input\n   * 4. Form validation state\n   *\n   * **Validation Logic:**\n   * - In restricted mode, invalid values trigger a reset to last valid state\n   * - Multiple mode requires all values to correspond to existing options\n   * - Single mode allows free text input when not restricted\n   */\n  // eslint-disable-next-line complexity\n  private selectionChanged() {\n    const options = this.getSlottedOptions();\n    this.selectedOptions = options.filter(opt => opt.selected);\n\n    // This is needed if there are no valid options and therefore just the typed in value should be displayed\n    if (this.selectedOptions.length === 0) {\n      this.displayLabel = Array.isArray(this.value) ? this.value.join(', ') : String(this.value);\n    }\n\n    let optionValue;\n\n    // Keep a reference to the previous `valueHasChanged`. Changes made here don't count has changing the value.\n    const cachedValueHasChanged = this.valueHasChanged;\n\n    if (this.multiple) {\n      this.value = this.selectedOptions.map(opt => getValueFromOption(opt));\n      if (this.value.length === 0 && this.selectedOptions.length !== 0) {\n        this.valueHasChanged = cachedValueHasChanged;\n        this.resetToLastValidValue();\n        return;\n      }\n    } else {\n      if (this.selectedOptions.length !== 0) {\n        // This is only for non multiple\n        optionValue = getValueFromOption(this.selectedOptions[0]);\n      } else if (this.restricted && !this.isValidValue(this.displayLabel) && this.displayLabel !== '' && !this.isUserInput) {\n        // if an invalid value was set via property binding for `restricted`comboboxes,\n        // reset to last valid value\n        this.resetToLastValidValue();\n        this.valueHasChanged = cachedValueHasChanged;\n        return;\n      }\n      this.value = optionValue ?? this.displayLabel;\n    }\n\n    this.valueHasChanged = cachedValueHasChanged;\n\n    // Store the new last selected options\n    this.lastOptions = [...this.selectedOptions];\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.multiple ? '' : this.selectedOptions[0]?.getTextLabel() ?? this.displayLabel;\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.displayLabel);\n    if (this.open) {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.updateComplete.then(() => {\n        this.open = this.multiple || this.restricted || this.numberFilteredOptions > 0;\n      });\n    }\n  }\n\n  @watch('displayLabel', { waitUntilFirstUpdate: true })\n  handleDisplayInputValueChange() {\n    this.createComboboxOptionsFromQuery(this.displayLabel);\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('delimiter')\n  handleDelimiterChange() {\n    this.getSlottedOptions().forEach(option => {\n      option.delimiter = this.delimiter;\n    });\n  }\n\n  @watch(['defaultValue', 'value', 'delimiter', 'multiple', 'restricted'], { waitUntilFirstUpdate: true })\n  handleValueChange() {\n    if (!this.valueHasChanged) {\n      const cachedValueHasChanged = this.valueHasChanged;\n      this.value = this.defaultValue;\n\n      // Set it back to false since this isn't an interaction.\n      this.valueHasChanged = cachedValueHasChanged;\n    }\n\n    this.updateSelectedOptionFromValue();\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open && !this.disabled) {\n      if (this.numberFilteredOptions === 0 && !this.restricted && !this.multiple) {\n        // Don't open the listbox if there are no options and it is not restricted or multiple\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  /**\n   * Updates the visibility and rendering of options based on the current query string.\n   *\n   * This method performs several critical tasks:\n   * 1. **Option Filtering**: Uses the `filter` function to determine which options should be visible\n   * 2. **Custom Rendering**: Applies the `getOption` function to customize option appearance\n   * 3. **Optgroup Management**: Shows/hides optgroups based on their visible children\n   * 4. **Counts visible options**: Tracks the number of visible options for UI logic\n   *\n   * **Performance Considerations:**\n   * - Uses cached options to avoid repeated DOM queries\n   * - Prevents infinite loops during option updates with `isOptionRendererTriggered`\n   *\n   * @param queryString - The current user input to filter and highlight options with\n   */\n  /* eslint-disable no-param-reassign, @typescript-eslint/no-floating-promises */\n  private createComboboxOptionsFromQuery(queryString: string) {\n    this.numberFilteredOptions = 0;\n\n    // Prevent slot change events during option updates to avoid infinite loops\n    this.isOptionRendererTriggered = true;\n\n    // This is needed for angular. For some reason the handleSlotContentChange 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 each syn-option based on the query string and custom getOption renderer\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\n        // Apply custom option rendering\n        const optionResult = this.getOption(cachedOption, queryString);\n        let updatedOption = createOptionFromDifferentTypes(optionResult);\n\n        // Fall back to original option if rendering fails\n        if (!updatedOption) {\n          updatedOption = cachedOption;\n        }\n\n        // Apply filtering logic to determine visibility\n        const hideOption = !(this.filter(updatedOption, queryString) || queryString === '');\n        updatedOption.hidden = hideOption;\n\n        option.replaceWith(updatedOption);\n\n        if (!hideOption) {\n          this.numberFilteredOptions += 1;\n        }\n      });\n\n    // Update optgroup visibility based on their children\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    // Reset flag after updates are complete to re-enable slot change handling\n    setTimeout(() => {\n      this.isOptionRendererTriggered = false;\n    });\n  }\n  /* eslint-enable no-param-reassign, @typescript-eslint/no-floating-promises */\n\n  // eslint-disable-next-line complexity\n  private async handleInput() {\n    const inputValue = this.displayInput.value;\n    this.displayLabel = inputValue;\n    const cachedLastOption = this.lastOptions;\n    this.isUserInput = true;\n\n    // Do the reset of the selected options before the value setting, as otherwise we are getting endless default slot triggering in safari\n    if (!this.multiple) {\n      this.selectedOptions = [];\n    }\n\n    if (this.multiple) {\n      // In multiple mode, combine selected option values with current input\n      const validValues = getValuesFromOptions(this.selectedOptions);\n      this.value = [...validValues, inputValue];\n    } else {\n      // In single mode, replace value with current input\n      this.value = inputValue;\n    }\n\n    await this.updateComplete;\n    this.isUserInput = false;\n    this.lastOptions = cachedLastOption;\n    this.open = this.multiple || this.restricted || this.numberFilteredOptions > 0;\n\n    this.formControlController.updateValidity();\n    this.emit('syn-input');\n  }\n\n  /**\n   * Checks if the value is available in the options list.\n   * This is used to determine if the value is valid when the combobox is restricted.\n   * @param value - The value to check for validity.\n   * @returns `true` if the current value is available in the options list,\n   * otherwise `false`.\n   */\n  private isValidValue(value: string | number): boolean {\n    const isValid = this.cachedOptions.some(\n      option => checkValueBelongsToOption(value, option),\n    );\n    return isValid;\n  }\n\n  private getOptionsFromValue(): SynOption[] {\n    // Use defaultValue only if the value has not been changed by the user\n    const value = this.valueHasChanged ? this.value : this.defaultValue;\n    // #845: if value is undefined return empty array\n    let convertedValue: (string | number)[];\n    if (Array.isArray(value)) {\n      convertedValue = value;\n    } else if (value === undefined || value == null) {\n      convertedValue = [];\n    } else if (this.multiple && typeof value === 'string') {\n      convertedValue = value.split(this.delimiter);\n    } else {\n      convertedValue = [value];\n    }\n\n    return convertedValue\n      .map((val) => this.cachedOptions.find(option => checkValueBelongsToOption(val, option)))\n      .filter((opt) => opt !== undefined);\n  }\n\n  /**\n   * Resets the value to the last valid value or to an empty string.\n   */\n  private resetToLastValidValue() {\n    let label = '';\n    let value: Array<string | number> = [];\n\n    if (this.lastOptions.length !== 0) {\n      value = getValuesFromOptions(this.lastOptions);\n\n      if (!this.multiple) {\n        label = this.lastOptions[0].getTextLabel();\n      }\n    }\n\n    // Wait for the popup close animation to be finished before updating the value.\n    // This is to prevent flickering of the listbox, as the value is potentially reset to empty\n    // string and the whole options would be shown again.\n    const popupAnimations = this.popup?.popup?.getAnimations?.() ?? [];\n    const waitForAnimations = popupAnimations.length\n      ? Promise.all(\n        popupAnimations.map(animation => (animation.playState === 'finished'\n          ? Promise.resolve()\n          : new Promise<void>(resolve => { animation.addEventListener('finish', () => resolve(), { once: true }); }))),\n      )\n      : Promise.resolve();\n\n    this.hideOptions = true;\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    waitForAnimations.then(() => {\n      // restore options after the animation\n      this.hideOptions = false;\n    });\n    // Keep a reference to the previous `valueHasChanged`. Changes made here don't count has changing the value.\n    const cachedValueHasChanged = this.valueHasChanged;\n    this.value = value;\n    this.displayLabel = label;\n    this.formControlController.updateValidity();\n    this.valueHasChanged = cachedValueHasChanged;\n  }\n\n  // eslint-disable-next-line complexity\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    const isSameSelection = (this.selectedOptions.length !== 0 && this.selectedOptions.length === this.getOptionsFromValue().length);\n    let values: (string | number)[];\n    if (Array.isArray(this.value)) {\n      values = this.value;\n    } else if (typeof this.value === 'string') {\n      values = this.value.split(this.delimiter);\n    } else {\n      values = [this.value];\n    }\n    const allValuesValid = values.every((val) => this.isValidValue(val));\n    const isMultipleAndUserInput = this.multiple && isSameSelection && allValuesValid;\n    const isNonMultipleAndUserInput = !this.multiple && this.selectedOptions.length > 0;\n    if (isNonMultipleAndUserInput || isMultipleAndUserInput) {\n      return;\n    }\n\n    const oldValue = this.lastOptions ? getValuesFromOptions(this.lastOptions) : [];\n\n    // If the value is not valid, we need to reset the value to the last valid value\n    if ((this.restricted || this.multiple) && !this.isValidValue(this.displayLabel) && this.displayLabel !== '') {\n      this.resetToLastValidValue();\n      return;\n    }\n    const options = this.getOptionsFromValue();\n\n    this.setSelectedOptions(options);\n    this.selectionChanged();\n    this.lastOptions = [...options];\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.updateComplete.then(() => {\n      this.formControlController.updateValidity();\n    });\n\n    const value = Array.isArray(this.value) ? this.value : [this.value];\n    if (!compareValues(oldValue, value)) {\n      this.emit('syn-change');\n    }\n  }\n\n  private getSlottedOptions() {\n    if (!this.defaultSlot) {\n      return [];\n    }\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  private updateSelectedOptionFromValue(): void {\n    if (!this.isUserInput) {\n      // check if the value has corresponding options via value or text content\n      // for empty values use the text content, as then the values of the options are not set\n      const options = this.getOptionsFromValue();\n\n      this.setSelectedOptions(options);\n      this.selectionChanged();\n    }\n\n    let queryString = '';\n    if (this.multiple) {\n      queryString = this.displayLabel;\n    } else {\n      queryString = Array.isArray(this.value) ? this.value.join(', ') : String(this.value);\n    }\n    this.createComboboxOptionsFromQuery(queryString);\n  }\n\n  /**\n   * Synchronizes the internal component state with changes to slotted options.\n   *\n   * This method is automatically triggered by:\n   * - MutationObserver when option 'value' attributes change\n   * - Initial component setup during connectedCallback (after timeout)\n   * - Default slot changes (via handleDefaultSlotChange)\n   * - Custom element registration completion for syn-option (deferred execution)\n   *\n   * The synchronization process:\n   * 1. Waits for syn-option custom elements to be registered before processing\n   * 2. Updates delimiter settings on all slotted options\n   * 3. Refreshes the internal cache of options and optgroups\n   * 4. Synchronizes selected options based on current component value\n   * 5. Auto-opens listbox if component has focus, has value, and is currently closed\n   *\n   * This ensures the component's internal state stays consistent with the slotted\n   * DOM content after options are added, removed, or their values change.\n   *\n   */\n  /* eslint-disable @typescript-eslint/no-floating-promises */\n  private handleSlotContentChange() {\n    // Rerun this handler when <syn-option> is registered\n    if (!customElements.get('syn-option')) {\n      customElements.whenDefined('syn-option').then(() => this.handleSlotContentChange());\n      return;\n    }\n\n    this.handleDelimiterChange();\n    this.cacheSlottedOptionsAndOptgroups();\n\n    this.updateSelectedOptionFromValue();\n\n    // Auto-open listbox for better UX when new options are added during interaction\n    let hasValue: boolean;\n    if (Array.isArray(this.value)) {\n      hasValue = this.value.length > 0;\n    } else if (typeof this.value === 'string') {\n      hasValue = this.value.length > 0;\n    } else {\n      hasValue = this.value !== undefined && this.value !== null;\n    }\n\n    if (this.hasFocus && hasValue && !this.open) {\n      this.show();\n    }\n  }\n  /* eslint-enable @typescript-eslint/no-floating-promises */\n\n  public handleDefaultSlotChange() {\n    // Ignore slot changes triggered by our own option updates\n    if (this.isOptionRendererTriggered) {\n      return;\n    }\n\n    this.handleSlotContentChange();\n  }\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    let hasValue: boolean;\n    if (Array.isArray(this.value)) {\n      hasValue = this.value.length > 0;\n    } else if (typeof this.value === 'string') {\n      hasValue = this.value.length > 0;\n    } else {\n      hasValue = this.value !== undefined && this.value !== null && typeof this.value === 'number';\n    }\n\n    const hasClearIcon = this.clearable && !this.disabled && hasValue;\n    const isPlaceholderVisible = this.placeholder && !hasValue;\n    const tagsVisible = this.multiple && this.selectedOptions.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--multiple': this.multiple,\n      'combobox--open': this.open,\n      'combobox--placeholder-visible': isPlaceholderVisible,\n      'combobox--small': this.size === 'small',\n      'combobox--standard': true,\n      'combobox--tags-visible': tagsVisible,\n      'combobox--top': this.placement === 'top',\n    })}\n            placement=${`${this.placement}-start`}\n            flip\n            shift\n            sync=\"width\"\n            auto-size=\"vertical\"\n            auto-size-padding=\"10\"\n            exportparts=\"popup\"\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              ${this.multiple ? html`<div part=\"tags\" class=\"combobox__tags\">${this.tags}</div>` : ''}\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=${Array.isArray(this.value) ? this.value.join(', ') : this.value?.toString()}\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              aria-multiselectable=${this.multiple ? 'true' : 'false'}\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                ${this.hideOptions || this.numberFilteredOptions === 0\n        ? html`<span\n                      class=\"listbox__no-results\"\n                      aria-hidden=\"true\"\n                      part=\"no-results\"\n                      >${this.localize.term('noResults')}</span\n                    >`\n        : ''}\n                <slot class=${classMap({ options__hide: this.hideOptions })} @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": ["keyframes", "options"]
+}

package/dist/chunks/{chunk.HVXG4JG6.js → chunk.6KIX3PER.js}

@@ -21,4 +21,4 @@ var tab_panel_styles_default = css`
 export {
   tab_panel_styles_default
 };
-//# sourceMappingURL=chunk.HVXG4JG6.js.map
+//# sourceMappingURL=chunk.6KIX3PER.js.map

package/dist/chunks/chunk.6KIX3PER.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab-panel/tab-panel.styles.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    --padding: 0;\n\n    display: none;\n  }\n\n  :host([active]) {\n    display: block;\n  }\n\n  .tab-panel {\n    display: block;\n    padding: var(--padding);\n  }\n`;\n"],
+  "mappings": ";AACA,SAAS,WAAW;AAEpB,IAAO,2BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.75RQ52LL.js → chunk.6ND5EQHX.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.ATRUHDOS.js";
+} from "./chunk.ZA7XD4RH.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.75RQ52LL.js.map
+//# sourceMappingURL=chunk.6ND5EQHX.js.map

package/dist/chunks/chunk.6ND5EQHX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dropdown/dropdown.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport SynDropdown from './dropdown.component.js';\n\nexport * from './dropdown.component.js';\nexport default SynDropdown;\n\nSynDropdown.define('syn-dropdown');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-dropdown': SynDropdown;\n  }\n}\n"],
+  "mappings": ";;;;;AAIA,IAAO,mBAAQ;AAEf,YAAY,OAAO,cAAc;",
+  "names": []
+}

package/dist/chunks/{chunk.OAIHDW7S.js → chunk.6PRXWBZE.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.YVTRDHMM.js";
+} from "./chunk.WNUAJF2S.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.OAIHDW7S.js.map
+//# sourceMappingURL=chunk.6PRXWBZE.js.map

package/dist/chunks/{chunk.YARPBFC7.js → chunk.6TVTDKLK.js}

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

package/dist/chunks/chunk.6TVTDKLK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/textarea/textarea.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport SynTextarea from './textarea.component.js';\n\nexport * from './textarea.component.js';\nexport default SynTextarea;\n\nSynTextarea.define('syn-textarea');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-textarea': SynTextarea;\n  }\n}\n"],
+  "mappings": ";;;;;AAIA,IAAO,mBAAQ;AAEf,YAAY,OAAO,cAAc;",
+  "names": []
+}

package/dist/chunks/{chunk.U7O7432Y.js → chunk.6UWGX2XK.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.M7VZBJK4.js";
+} from "./chunk.FBYEVEZ6.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.U7O7432Y.js.map
+//# sourceMappingURL=chunk.6UWGX2XK.js.map

package/dist/chunks/chunk.6UWGX2XK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/divider/divider.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport SynDivider from './divider.component.js';\n\nexport * from './divider.component.js';\nexport default SynDivider;\n\nSynDivider.define('syn-divider');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-divider': SynDivider;\n  }\n}\n"],
+  "mappings": ";;;;;AAIA,IAAO,kBAAQ;AAEf,WAAW,OAAO,aAAa;",
+  "names": []
+}

package/dist/chunks/{chunk.KY3YPRYR.js → chunk.7G6N24FO.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.WBHDD3UR.js";
+} from "./chunk.FUYMXIMF.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.KY3YPRYR.js.map
+//# sourceMappingURL=chunk.7G6N24FO.js.map

package/dist/chunks/{chunk.SM4ANWX6.js → chunk.7UHGS3KI.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.VGI7V7OS.js";
+} from "./chunk.B45BLWF7.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.SM4ANWX6.js.map
+//# sourceMappingURL=chunk.7UHGS3KI.js.map

package/dist/chunks/chunk.7UHGS3KI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox/checkbox.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport SynCheckbox from './checkbox.component.js';\n\nexport * from './checkbox.component.js';\nexport default SynCheckbox;\n\nSynCheckbox.define('syn-checkbox');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-checkbox': SynCheckbox;\n  }\n}\n"],
+  "mappings": ";;;;;AAIA,IAAO,mBAAQ;AAEf,YAAY,OAAO,cAAc;",
+  "names": []
+}

package/dist/chunks/{chunk.JLXCLATV.js → chunk.7V7XEBE2.js}

@@ -44,4 +44,4 @@ var spinner_styles_default = css`
 export {
   spinner_styles_default
 };
-//# sourceMappingURL=chunk.JLXCLATV.js.map
+//# sourceMappingURL=chunk.7V7XEBE2.js.map

package/dist/chunks/chunk.7V7XEBE2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/spinner/spinner.styles.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport { css } from 'lit';\n\n// Resizing a spinner element using anything but font-size will break the animation because the animation uses em units.\n// Therefore, if a spinner is used in a flex container without `flex: none` applied, the spinner can grow/shrink and\n// break the animation. The use of `flex: none` on the host element prevents this by always having the spinner sized\n// according to its actual dimensions.\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    --track-width: 2px;\n    --indicator-color: var(--syn-color-primary-600);\n    --speed: 2s;\n\n    display: inline-flex;\n    width: 1em;\n    height: 1em;\n    flex: none;\n  }\n\n  .spinner {\n    flex: 1 1 auto;\n    height: 100%;\n    width: 100%;\n  }\n\n  .spinner__track,\n  .spinner__indicator {\n    fill: none;\n    stroke-width: var(--track-width);\n    r: calc(0.5em - var(--track-width) / 2);\n    cx: 0.5em;\n    cy: 0.5em;\n    transform-origin: 50% 50%;\n  }\n\n  .spinner__track {\n    transform-origin: 0% 0%;\n  }\n\n  .spinner__indicator {\n    stroke: var(--indicator-color);\n    stroke-linecap: round;\n    stroke-dasharray: 150% 75%;\n    animation: spin var(--speed) linear infinite;\n  }\n`;\n"],
+  "mappings": ";AACA,SAAS,WAAW;AAOpB,IAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.VGI7V7OS.js → chunk.B45BLWF7.js}

@@ -1,37 +1,37 @@
+import {
+  defaultValue
+} from "./chunk.3JDUKQRN.js";
 import {
   checkbox_custom_styles_default
 } from "./chunk.IZRTF5EM.js";
 import {
   checkbox_styles_default
-} from "./chunk.6OX2AX3Z.js";
-import {
-  defaultValue
-} from "./chunk.3NXKLKWH.js";
+} from "./chunk.ZC3GXTWV.js";
 import {
   form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.G4URZQCL.js";
+} from "./chunk.PTRCO527.js";
 import {
   FormControlController
-} from "./chunk.U5757NSE.js";
+} from "./chunk.J3GDDM6Q.js";
 import {
   HasSlotController
-} from "./chunk.WVVQK5TE.js";
+} from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.Q6XDV7O7.js";
-import {
-  enableDefaultSettings
-} from "./chunk.MLILJGXQ.js";
+} from "./chunk.KHRQ5VI4.js";
 import {
   watch
-} from "./chunk.JE5Y2YD7.js";
+} from "./chunk.SMIMHADA.js";
+import {
+  enableDefaultSettings
+} from "./chunk.YACUYJZN.js";
 import {
   component_styles_default
-} from "./chunk.NLYVOJGK.js";
+} from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.FBQ7NUNW.js";
+} from "./chunk.ECNXEYTN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -267,4 +267,4 @@ SynCheckbox = __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.VGI7V7OS.js.map
+//# sourceMappingURL=chunk.B45BLWF7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox/checkbox.component.ts"],
+  "sourcesContent": ["/* 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-design-system.github.io/?path=/docs/components-syn-checkbox--docs\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({ reflect: true }) 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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,gBAAgB;AAIzB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,UAAU,OAAO,aAAa;AAwCvC,IAAqB,cAArB,cAAyC,eAA6C;AAAA,EAAtF;AAAA;AAIE,SAAiB,wBAAwB,IAAI,sBAAsB,MAAM;AAAA,MACvE,OAAO,CAAC,YAA0B,QAAQ,UAAU,QAAQ,SAAS,OAAO;AAAA,MAC5E,cAAc,CAAC,YAAyB,QAAQ;AAAA,MAChD,UAAU,CAAC,SAAsB,YAAsB,QAAQ,UAAU;AAAA,IAC3E,CAAC;AACD,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,WAAW;AAInE,SAAQ,WAAW;AAEC,iBAAQ;AAGzB,gBAAO;AAMU,gBAAqC;AAGtB,oBAAW;AAGX,mBAAU;AAMV,yBAAgB;AAGnC,0BAAiB;AAOb,gBAAO;AAGQ,oBAAW;AAGjB,oBAAW;AAAA;AAAA;AAAA,EAGjD,IAAI,WAAW;AACb,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA,EAGA,IAAI,oBAAoB;AACtB,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA,EAEA,eAAe;AACb,SAAK,sBAAsB,eAAe;AAAA,EAC5C;AAAA,EAEQ,cAAc;AACpB,SAAK,UAAU,CAAC,KAAK;AACrB,SAAK,gBAAgB;AACrB,SAAK,KAAK,YAAY;AAAA,EACxB;AAAA,EAEQ,aAAa;AACnB,SAAK,WAAW;AAChB,SAAK,KAAK,UAAU;AAAA,EACtB;AAAA,EAEQ,cAAc;AACpB,SAAK,KAAK,WAAW;AAAA,EACvB;AAAA,EAEQ,cAAc,OAAc;AAClC,SAAK,sBAAsB,YAAY,KAAK;AAC5C,SAAK,sBAAsB,iBAAiB,KAAK;AAAA,EACnD;AAAA,EAEQ,cAAc;AACpB,SAAK,WAAW;AAChB,SAAK,KAAK,WAAW;AAAA,EACvB;AAAA,EAGA,uBAAuB;AAErB,SAAK,sBAAsB,YAAY,KAAK,QAAQ;AAAA,EACtD;AAAA,EAGA,oBAAoB;AAClB,SAAK,MAAM,UAAU,KAAK;AAC1B,SAAK,MAAM,gBAAgB,KAAK;AAChC,SAAK,sBAAsB,eAAe;AAAA,EAC5C;AAAA;AAAA,EAGA,QAAQ;AACN,SAAK,MAAM,MAAM;AAAA,EACnB;AAAA;AAAA,EAGA,MAAM,SAAwB;AAC5B,SAAK,MAAM,MAAM,OAAO;AAAA,EAC1B;AAAA;AAAA,EAGA,OAAO;AACL,SAAK,MAAM,KAAK;AAAA,EAClB;AAAA;AAAA,EAGA,gBAAgB;AACd,WAAO,KAAK,MAAM,cAAc;AAAA,EAClC;AAAA;AAAA,EAGA,UAAkC;AAChC,WAAO,KAAK,sBAAsB,QAAQ;AAAA,EAC5C;AAAA;AAAA,EAGA,iBAAiB;AACf,WAAO,KAAK,MAAM,eAAe;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,kBAAkB,SAAiB;AACjC,SAAK,MAAM,kBAAkB,OAAO;AACpC,SAAK,sBAAsB,eAAe;AAAA,EAC5C;AAAA,EAEA,SAAS;AACP,UAAM,kBAAkB,KAAK,kBAAkB,KAAK,WAAW;AAC/D,UAAM,cAAc,KAAK,WAAW,OAAO,CAAC,CAAC;AAO7C,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,gBAAgB;AAAA,MAChB,uBAAuB,KAAK,SAAS;AAAA,MACrC,wBAAwB,KAAK,SAAS;AAAA,MACtC,uBAAuB,KAAK,SAAS;AAAA,MACrC,+BAA+B;AAAA,IACjC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIQ,SAAS;AAAA,MACf,UAAU;AAAA,MACV,qBAAqB,KAAK;AAAA,MAC1B,sBAAsB,KAAK;AAAA,MAC3B,qBAAqB,KAAK;AAAA,MAC1B,2BAA2B,KAAK;AAAA,MAChC,mBAAmB,KAAK,SAAS;AAAA,MACjC,oBAAoB,KAAK,SAAS;AAAA,MAClC,mBAAmB,KAAK,SAAS;AAAA,IACnC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKQ,KAAK,KAAuF;AAAA,mBAC7F,KAAK,IAAI;AAAA,oBACR,UAAU,KAAK,KAAK,CAAC;AAAA,6BACZ,KAAK,KAAK,aAAa,CAAC;AAAA,uBAC9B,KAAK,KAAK,OAAO,CAAC;AAAA,wBACjB,KAAK,QAAQ;AAAA,wBACb,KAAK,QAAQ;AAAA,2BACV,KAAK,UAAU,SAAS,OAAO;AAAA;AAAA,qBAErC,KAAK,WAAW;AAAA,qBAChB,KAAK,WAAW;AAAA,uBACd,KAAK,aAAa;AAAA,oBACrB,KAAK,UAAU;AAAA,qBACd,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA,2BAIV,KAAK,UAAU,sBAAsB,EAAE,GAAG,KAAK,gBAC1D,4BACA,EAAE;AAAA;AAAA;AAAA,cAGJ,KAAK,UACH;AAAA;AAAA,oBAGA,EAAE;AAAA,cACJ,CAAC,KAAK,WAAW,KAAK,gBACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQA,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASM,cAAc,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,mCAKnB,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,EAI9C;AACF;AA3OqB,YACZ,SAAyB,CAAC,0BAAiB,6BAAmB,yBAAQ,oCAAyB,8BAAY;AAD/F,YAEZ,eAAe,EAAE,YAAY,QAAQ;AASX;AAAA,EAAhC,MAAM,wBAAwB;AAAA,GAXZ,YAWc;AAEhB;AAAA,EAAhB,MAAM;AAAA,GAbY,YAaF;AAEY;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAfR,YAeU;AAGjB;AAAA,EAAX,SAAS;AAAA,GAlBS,YAkBP;AAGA;AAAA,EAAX,SAAS;AAAA,GArBS,YAqBP;AAGiB;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAxBR,YAwBU;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GA3BvB,YA2ByB;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GA9BvB,YA8ByB;AAMA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GApCvB,YAoCyB;AAGnB;AAAA,EAAxB,aAAa,SAAS;AAAA,GAvCJ,YAuCM;AAOI;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GA9CR,YA8CU;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAjDvB,YAiDyB;AAGN;AAAA,EAArC,SAAS,EAAE,WAAW,YAAY,CAAC;AAAA,GApDjB,YAoDmB;AA0CtC;AAAA,EADC,MAAM,YAAY,EAAE,sBAAsB,KAAK,CAAC;AAAA,GA7F9B,YA8FnB;AAMA;AAAA,EADC,MAAM,CAAC,WAAW,eAAe,GAAG,EAAE,sBAAsB,KAAK,CAAC;AAAA,GAnGhD,YAoGnB;AApGmB,cAArB;AAAA,EADC,sBAAsB,aAAa;AAAA,GACf;",
+  "names": []
+}

package/dist/chunks/{chunk.KW5TWA5Y.js → chunk.BC532CB6.js}

@@ -237,4 +237,4 @@ var SubmenuController = class {
 export {
   SubmenuController
 };
-//# sourceMappingURL=chunk.KW5TWA5Y.js.map
+//# sourceMappingURL=chunk.BC532CB6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menu-item/submenu-controller.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport { createRef, ref, type Ref } from 'lit/directives/ref.js';\nimport { type HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type SynMenuItem from './menu-item.js';\nimport type SynPopup from '../popup/popup.js';\n\n/** A reactive controller to manage the registration of event listeners for submenus. */\nexport class SubmenuController implements ReactiveController {\n  private host: ReactiveControllerHost & SynMenuItem;\n  private popupRef: Ref<SynPopup> = createRef();\n  private enableSubmenuTimer = -1;\n  private isConnected = false;\n  private isPopupConnected = false;\n  private skidding = 0;\n  private readonly hasSlotController: HasSlotController;\n  private readonly submenuOpenDelay = 100;\n\n  constructor(host: ReactiveControllerHost & SynMenuItem, hasSlotController: HasSlotController) {\n    (this.host = host).addController(this);\n    this.hasSlotController = hasSlotController;\n  }\n\n  hostConnected() {\n    if (this.hasSlotController.test('submenu') && !this.host.disabled) {\n      this.addListeners();\n    }\n  }\n\n  hostDisconnected() {\n    this.removeListeners();\n  }\n\n  hostUpdated() {\n    if (this.hasSlotController.test('submenu') && !this.host.disabled) {\n      this.addListeners();\n      this.updateSkidding();\n    } else {\n      this.removeListeners();\n    }\n  }\n\n  private addListeners() {\n    if (!this.isConnected) {\n      this.host.addEventListener('mousemove', this.handleMouseMove);\n      this.host.addEventListener('mouseover', this.handleMouseOver);\n      this.host.addEventListener('keydown', this.handleKeyDown);\n      this.host.addEventListener('click', this.handleClick);\n      this.host.addEventListener('focusout', this.handleFocusOut);\n      this.isConnected = true;\n    }\n\n    // The popup does not seem to get wired when the host is\n    // connected, so manage its listeners separately.\n    if (!this.isPopupConnected) {\n      if (this.popupRef.value) {\n        this.popupRef.value.addEventListener('mouseover', this.handlePopupMouseover);\n        this.popupRef.value.addEventListener('syn-reposition', this.handlePopupReposition);\n        this.isPopupConnected = true;\n      }\n    }\n  }\n\n  private removeListeners() {\n    if (this.isConnected) {\n      this.host.removeEventListener('mousemove', this.handleMouseMove);\n      this.host.removeEventListener('mouseover', this.handleMouseOver);\n      this.host.removeEventListener('keydown', this.handleKeyDown);\n      this.host.removeEventListener('click', this.handleClick);\n      this.host.removeEventListener('focusout', this.handleFocusOut);\n      this.isConnected = false;\n    }\n    if (this.isPopupConnected) {\n      if (this.popupRef.value) {\n        this.popupRef.value.removeEventListener('mouseover', this.handlePopupMouseover);\n        this.popupRef.value.removeEventListener('syn-reposition', this.handlePopupReposition);\n        this.isPopupConnected = false;\n      }\n    }\n  }\n\n  // Set the safe triangle cursor position\n  private handleMouseMove = (event: MouseEvent) => {\n    this.host.style.setProperty('--safe-triangle-cursor-x', `${event.clientX}px`);\n    this.host.style.setProperty('--safe-triangle-cursor-y', `${event.clientY}px`);\n  };\n\n  private handleMouseOver = () => {\n    if (this.hasSlotController.test('submenu')) {\n      this.enableSubmenu();\n    }\n  };\n\n  private handleSubmenuEntry(event: KeyboardEvent) {\n    // Pass focus to the first menu-item in the submenu.\n    const submenuSlot: HTMLSlotElement | null = this.host.renderRoot.querySelector(\"slot[name='submenu']\");\n\n    // Missing slot\n    if (!submenuSlot) {\n      console.error('Cannot activate a submenu if no corresponding menuitem can be found.', this);\n      return;\n    }\n\n    // Menus\n    let menuItems: NodeListOf<Element> | null = null;\n    for (const elt of submenuSlot.assignedElements()) {\n      menuItems = elt.querySelectorAll(\"syn-menu-item, [role^='menuitem']\");\n      if (menuItems.length !== 0) {\n        break;\n      }\n    }\n\n    if (!menuItems || menuItems.length === 0) {\n      return;\n    }\n\n    menuItems[0].setAttribute('tabindex', '0');\n    for (let i = 1; i !== menuItems.length; ++i) {\n      menuItems[i].setAttribute('tabindex', '-1');\n    }\n\n    // Open the submenu (if not open), and set focus to first menuitem.\n    if (this.popupRef.value) {\n      event.preventDefault();\n      event.stopPropagation();\n      if (this.popupRef.value.active) {\n        if (menuItems[0] instanceof HTMLElement) {\n          menuItems[0].focus();\n        }\n      } else {\n        this.enableSubmenu(false);\n        this.host.updateComplete.then(() => {\n          if (menuItems[0] instanceof HTMLElement) {\n            menuItems[0].focus();\n          }\n        });\n        this.host.requestUpdate();\n      }\n    }\n  }\n\n  // Focus on the first menu-item of a submenu.\n  private handleKeyDown = (event: KeyboardEvent) => {\n    switch (event.key) {\n      case 'Escape':\n      case 'Tab':\n        this.disableSubmenu();\n        break;\n      case 'ArrowLeft':\n        // Either focus is currently on the host element or a child\n        if (event.target !== this.host) {\n          event.preventDefault();\n          event.stopPropagation();\n          this.host.focus();\n          this.disableSubmenu();\n        }\n        break;\n      case 'ArrowRight':\n      case 'Enter':\n      case ' ':\n        this.handleSubmenuEntry(event);\n        break;\n      default:\n        break;\n    }\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    // Clicking on the item which heads the menu does nothing, otherwise hide submenu and propagate\n    if (event.target === this.host) {\n      event.preventDefault();\n      event.stopPropagation();\n    } else if (\n      event.target instanceof Element &&\n      (event.target.tagName === 'syn-menu-item' || event.target.role?.startsWith('menuitem'))\n    ) {\n      this.disableSubmenu();\n    }\n  };\n\n  // Close this submenu on focus outside of the parent or any descendants.\n  private handleFocusOut = (event: FocusEvent) => {\n    if (event.relatedTarget && event.relatedTarget instanceof Element && this.host.contains(event.relatedTarget)) {\n      return;\n    }\n    this.disableSubmenu();\n  };\n\n  // Prevent the parent menu-item from getting focus on mouse movement on the submenu\n  private handlePopupMouseover = (event: MouseEvent) => {\n    event.stopPropagation();\n  };\n\n  // Set the safe triangle values for the submenu when the position changes\n  private handlePopupReposition = () => {\n    const submenuSlot: HTMLSlotElement | null = this.host.renderRoot.querySelector(\"slot[name='submenu']\");\n    const menu = submenuSlot?.assignedElements({ flatten: true }).filter(el => el.localName === 'syn-menu')[0];\n    const isRtl = getComputedStyle(this.host).direction === 'rtl';\n    if (!menu) {\n      return;\n    }\n\n    const { left, top, width, height } = menu.getBoundingClientRect();\n\n    this.host.style.setProperty('--safe-triangle-submenu-start-x', `${isRtl ? left + width : left}px`);\n    this.host.style.setProperty('--safe-triangle-submenu-start-y', `${top}px`);\n    this.host.style.setProperty('--safe-triangle-submenu-end-x', `${isRtl ? left + width : left}px`);\n    this.host.style.setProperty('--safe-triangle-submenu-end-y', `${top + height}px`);\n  };\n\n  private setSubmenuState(state: boolean) {\n    if (this.popupRef.value) {\n      if (this.popupRef.value.active !== state) {\n        this.popupRef.value.active = state;\n        this.host.requestUpdate();\n      }\n    }\n  }\n\n  // Shows the submenu. Supports disabling the opening delay, e.g. for keyboard events that want to set the focus to the\n  // newly opened menu.\n  private enableSubmenu(delay = true) {\n    if (delay) {\n      window.clearTimeout(this.enableSubmenuTimer);\n      this.enableSubmenuTimer = window.setTimeout(() => {\n        this.setSubmenuState(true);\n      }, this.submenuOpenDelay);\n    } else {\n      this.setSubmenuState(true);\n    }\n  }\n\n  private disableSubmenu() {\n    window.clearTimeout(this.enableSubmenuTimer);\n    this.setSubmenuState(false);\n  }\n\n  // Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.\n  private updateSkidding(): void {\n    // .computedStyleMap() not always available.\n    if (!this.host.parentElement?.computedStyleMap) {\n      return;\n    }\n    const styleMap: StylePropertyMapReadOnly = this.host.parentElement.computedStyleMap();\n    const attrs: string[] = ['padding-top', 'border-top-width', 'margin-top'];\n\n    const skidding = attrs.reduce((accumulator, attr) => {\n      const styleValue: CSSStyleValue = styleMap.get(attr) ?? new CSSUnitValue(0, 'px');\n      const unitValue = styleValue instanceof CSSUnitValue ? styleValue : new CSSUnitValue(0, 'px');\n      const pxValue = unitValue.to('px');\n      return accumulator - pxValue.value;\n    }, 0);\n\n    this.skidding = skidding;\n  }\n\n  isExpanded(): boolean {\n    return this.popupRef.value ? this.popupRef.value.active : false;\n  }\n\n  renderSubmenu() {\n    const isRtl = getComputedStyle(this.host).direction === 'rtl';\n\n    // Always render the slot, but conditionally render the outer <syn-popup>\n    if (!this.isConnected) {\n      return html` <slot name=\"submenu\" hidden></slot> `;\n    }\n\n    return html`\n      <syn-popup\n        ${ref(this.popupRef)}\n        placement=${isRtl ? 'left-start' : 'right-start'}\n        anchor=\"anchor\"\n        flip\n        flip-fallback-strategy=\"best-fit\"\n        skidding=\"${this.skidding}\"\n        auto-size=\"vertical\"\n        auto-size-padding=\"10\"\n      >\n        <slot name=\"submenu\"></slot>\n      </syn-popup>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["_a"]
+}

package/dist/chunks/{chunk.X7XPEYAM.js → chunk.BHJVE26D.js}

@@ -30,8 +30,7 @@ var translation = {
   showPassword: "Show password",
   slideNum: (slide) => `Slide ${slide}`,
   toggleColorFormat: "Toggle color format",
-  // Automatically generated custom translations.
-  // @see scripts/vendorism/translations.vendorism.js
+  // Synergy custom translations start
   closeMenu: "Close menu",
   danger: "Danger",
   fileButtonText: "Choose file",
@@ -61,4 +60,4 @@ var en_default = translation;
 export {
   en_default
 };
-//# sourceMappingURL=chunk.X7XPEYAM.js.map
+//# sourceMappingURL=chunk.BHJVE26D.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/translations/en.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport { registerTranslation } from '@shoelace-style/localize';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'en',\n  $name: 'English',\n  $dir: 'ltr',\n\n  carousel: 'Carousel',\n  clearEntry: 'Clear entry',\n  close: 'Close',\n  copied: 'Copied',\n  copy: 'Copy',\n  currentValue: 'Current value',\n  error: 'Error',\n  goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,\n  hidePassword: 'Hide password',\n  loading: 'Loading',\n  nextSlide: 'Next slide',\n  numOptionsSelected: num => {\n    if (num === 0) return 'No options selected';\n    if (num === 1) return '1 option selected';\n    return `${num} options selected`;\n  },\n  previousSlide: 'Previous slide',\n  progress: 'Progress',\n  remove: 'Remove',\n  resize: 'Resize',\n  scrollToEnd: 'Scroll to end',\n  scrollToStart: 'Scroll to start',\n  selectAColorFromTheScreen: 'Select a color from the screen',\n  showPassword: 'Show password',\n  slideNum: slide => `Slide ${slide}`,\n  toggleColorFormat: 'Toggle color format',\n\n  // Synergy custom translations start\n  closeMenu: 'Close menu',\n  danger: 'Danger',\n  fileButtonText: 'Choose file',\n  fileButtonTextMultiple: 'Choose files',\n  fileDragDrop: 'Drop or choose file',\n  folderButtonText: 'Choose folder',\n  folderDragDrop: 'Drop or choose folder',\n  menu: 'Menu',\n  noResults: 'No results found',\n  notification: 'Notification',\n  numFilesSelected: (num, dir) => {\n      if (num === 0) return `No ${dir ? 'folder' : 'files'} chosen`;\n      return `${num} files`;\n    },\n  openMenu: 'Open menu',\n  rangeMax: 'Maximum',\n  rangeMin: 'Minimum',\n  sideNav: 'Side navigation',\n  sideNavHide: 'Hide navigation',\n  sideNavShow: 'Show navigation',\n  success: 'Success',\n  warning: 'Warning',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
+  "mappings": ";AACA,SAAS,2BAA2B;AAGpC,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,eAAe,KAAK,OAAO,KAAK;AAAA,EAC7D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ,EAAG,QAAO;AACtB,QAAI,QAAQ,EAAG,QAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA;AAAA,EAGnB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,cAAc;AAAA,EACd,kBAAkB,CAAC,KAAK,QAAQ;AAC5B,QAAI,QAAQ,EAAG,QAAO,MAAM,MAAM,WAAW,OAAO;AACpD,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACF,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AACX;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
+  "names": []
+}

package/dist/chunks/{chunk.W66D3Q4F.js → chunk.BIAB7B7S.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.DU3L7OGA.js";
+} from "./chunk.D47LGG4N.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SynProgressBar;
@@ -9,4 +9,4 @@ SynProgressBar.define("syn-progress-bar");
 export {
   progress_bar_default
 };
-//# sourceMappingURL=chunk.W66D3Q4F.js.map
+//# sourceMappingURL=chunk.BIAB7B7S.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/progress-bar/progress-bar.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport SynProgressBar from './progress-bar.component.js';\n\nexport * from './progress-bar.component.js';\nexport default SynProgressBar;\n\nSynProgressBar.define('syn-progress-bar');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-progress-bar': SynProgressBar;\n  }\n}\n"],
+  "mappings": ";;;;;AAIA,IAAO,uBAAQ;AAEf,eAAe,OAAO,kBAAkB;",
+  "names": []
+}

package/dist/chunks/{chunk.RATZ2RGX.js → chunk.BJVWQ3LR.js}

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