@synergy-design-system/components 2.18.8 → 2.19.1

package/dist/synergy.js

@@ -1,6 +1,6 @@
 import {
   validate_default
-} from "./chunks/chunk.LHFPANX6.js";
+} from "./chunks/chunk.WYYCHNDR.js";
 import {
   getFormControls,
   serialize
@@ -8,214 +8,214 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.5CTPL36F.js";
+} from "./chunks/chunk.SI63TPL6.js";
 import {
   tooltip_default
-} from "./chunks/chunk.7GIML4JQ.js";
-import "./chunks/chunk.GJOZMU5R.js";
-import "./chunks/chunk.ZPOTYA4R.js";
+} from "./chunks/chunk.5YLM2S42.js";
+import "./chunks/chunk.VIQOYWI7.js";
+import "./chunks/chunk.44UQ423T.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.PVFMNJOZ.js";
+} from "./chunks/chunk.BEN5FJNP.js";
 import {
   tag_default
-} from "./chunks/chunk.O5PB7OOK.js";
-import "./chunks/chunk.BZNMTKMT.js";
+} from "./chunks/chunk.NQR5SOZX.js";
+import "./chunks/chunk.CMERKFTG.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.OFJG7LC3.js";
+} from "./chunks/chunk.2N7FON4J.js";
 import {
   tab_group_default
-} from "./chunks/chunk.SEJXMXDF.js";
-import "./chunks/chunk.IDMPWKT4.js";
+} from "./chunks/chunk.6KCSCINW.js";
+import "./chunks/chunk.L3RMZR6S.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.4B3O52DQ.js";
+import "./chunks/chunk.NOZCGRZB.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.VWQ2XUQQ.js";
+} from "./chunks/chunk.JBS3A6H4.js";
 import {
   switch_default
-} from "./chunks/chunk.ZYL6MSUJ.js";
-import "./chunks/chunk.PDR3CWBV.js";
+} from "./chunks/chunk.MBA7BC72.js";
+import "./chunks/chunk.PVIH7EXM.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.OIHFR6LH.js";
+import "./chunks/chunk.HA4VAH4R.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.FALZTFMP.js";
+} from "./chunks/chunk.43D7XZG3.js";
 import {
   side_nav_default
-} from "./chunks/chunk.AMRDZXRQ.js";
-import "./chunks/chunk.TWPGX637.js";
+} from "./chunks/chunk.3LFV62YH.js";
+import "./chunks/chunk.F4LWC4ZG.js";
 import "./chunks/chunk.H3HTSQKK.js";
-import {
-  radio_group_default
-} from "./chunks/chunk.GZMZ5DVQ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.FLEAMNCX.js";
-import "./chunks/chunk.BKTXEUXZ.js";
+} from "./chunks/chunk.2SNG6ICN.js";
+import "./chunks/chunk.UTI5YRPI.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.ZKHY76ZF.js";
+import "./chunks/chunk.TKTYYJX3.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.VQ6YKGNL.js";
-import "./chunks/chunk.CZMCFLBO.js";
+import "./chunks/chunk.B6WI7PKT.js";
+import "./chunks/chunk.C2V3QSNV.js";
 import "./chunks/chunk.B6R3IVGO.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import "./chunks/chunk.B6HFSIU2.js";
 import {
   radio_button_default
-} from "./chunks/chunk.T7WM5JMS.js";
+} from "./chunks/chunk.F6STYFHB.js";
+import {
+  radio_group_default
+} from "./chunks/chunk.XHWAEGAU.js";
+import "./chunks/chunk.SYLY4MA7.js";
+import "./chunks/chunk.32LFHSM5.js";
+import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.QC57ITSH.js";
-import "./chunks/chunk.YHS4DZJH.js";
-import "./chunks/chunk.VCP3NP6X.js";
+} from "./chunks/chunk.SGCENM4X.js";
+import "./chunks/chunk.UYQESRZR.js";
+import "./chunks/chunk.6B35YJ7Q.js";
 import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.O644HRW3.js";
-import "./chunks/chunk.VJ5G35TH.js";
 import "./chunks/chunk.236RSW67.js";
-import "./chunks/chunk.CTCEJ33M.js";
-import "./chunks/chunk.32LFHSM5.js";
-import "./chunks/chunk.K62NPKGN.js";
+import "./chunks/chunk.VJ5G35TH.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.J7NCFPL6.js";
+} from "./chunks/chunk.UCM4YIY2.js";
 import {
   radio_default
-} from "./chunks/chunk.7ZSIR5TS.js";
-import "./chunks/chunk.WC23KYCD.js";
+} from "./chunks/chunk.BZREUFCK.js";
+import "./chunks/chunk.3FDVOXDQ.js";
 import "./chunks/chunk.UUB3PWNM.js";
 import "./chunks/chunk.EHSNF4SS.js";
-import "./chunks/chunk.2H3IQPTM.js";
+import "./chunks/chunk.2JG74LET.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.FCKLOSX3.js";
+} from "./chunks/chunk.7ZKVKYRE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.DINM43KA.js";
-import "./chunks/chunk.PGDZV7MY.js";
+} from "./chunks/chunk.SSB5F64Z.js";
+import "./chunks/chunk.YMRZP7NC.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.XW2RDJ2Z.js";
+import "./chunks/chunk.I2ECUBNQ.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import {
   option_default
-} from "./chunks/chunk.HU7NCCNF.js";
+} from "./chunks/chunk.UYERTYGY.js";
 import {
   popup_default
-} from "./chunks/chunk.W77QKW33.js";
-import "./chunks/chunk.SGLHH44G.js";
+} from "./chunks/chunk.UGKMH2FJ.js";
+import "./chunks/chunk.NAHE2AWQ.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.VNJSAYLB.js";
-import "./chunks/chunk.FRQY7G77.js";
+} from "./chunks/chunk.QSX5MLDH.js";
+import "./chunks/chunk.NK2IE5DZ.js";
 import "./chunks/chunk.SHCZO4KK.js";
 import {
   optgroup_default
-} from "./chunks/chunk.W3IX74PM.js";
-import "./chunks/chunk.FD66YRIP.js";
+} from "./chunks/chunk.UPCTZMV6.js";
+import "./chunks/chunk.HGTELJ3Y.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_item_default
-} from "./chunks/chunk.BQGT5WC2.js";
+} from "./chunks/chunk.4Q7M7UF6.js";
 import {
   menu_label_default
-} from "./chunks/chunk.Q6LZRVAB.js";
-import "./chunks/chunk.D362KLGE.js";
+} from "./chunks/chunk.TOUKLOON.js";
+import "./chunks/chunk.M3IK7QJ7.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.N5NLC5PT.js";
+} from "./chunks/chunk.46RPMMZE.js";
 import {
   menu_default
-} from "./chunks/chunk.L5LDTPXT.js";
-import "./chunks/chunk.YBNCLOB5.js";
+} from "./chunks/chunk.JLT445H6.js";
+import "./chunks/chunk.O2E4CRYC.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.2ZHDDNZ4.js";
+import "./chunks/chunk.PHXEWESW.js";
 import "./chunks/chunk.R24T7WQN.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.ATRLF7OR.js";
-import "./chunks/chunk.EQS6HORR.js";
+} from "./chunks/chunk.2YC2XPZB.js";
+import "./chunks/chunk.YO2KHVWQ.js";
 import "./chunks/chunk.VKRMYKYH.js";
 import "./chunks/chunk.3B22DBSJ.js";
 import {
   file_default
-} from "./chunks/chunk.2A44EHJF.js";
+} from "./chunks/chunk.4XDYA3BR.js";
 import {
   header_default
-} from "./chunks/chunk.PDTT233W.js";
-import "./chunks/chunk.Y4YV7SYH.js";
+} from "./chunks/chunk.CAJ4SPDV.js";
+import "./chunks/chunk.7TXUSUIJ.js";
 import "./chunks/chunk.66LQF6IO.js";
 import {
   icon_default
-} from "./chunks/chunk.XZXLATDY.js";
+} from "./chunks/chunk.UWBVP5EO.js";
 import {
   drawer_default
-} from "./chunks/chunk.TQ3XIJW4.js";
+} from "./chunks/chunk.ZVVJM47K.js";
 import {
   dropdown_default
-} from "./chunks/chunk.BJ4T3LSP.js";
-import "./chunks/chunk.M32Q75T3.js";
+} from "./chunks/chunk.STY7W2HR.js";
+import "./chunks/chunk.DLSZH5SW.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.VSYQL7VN.js";
+import "./chunks/chunk.VWX3BDY3.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.LNRTVF3C.js";
+} from "./chunks/chunk.ZGNALJGE.js";
 import {
   divider_default
-} from "./chunks/chunk.MXT33OX5.js";
-import "./chunks/chunk.VUHFOAIQ.js";
+} from "./chunks/chunk.NNRWGQOX.js";
+import "./chunks/chunk.BJIWJOZJ.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.RQSPYDFV.js";
+import "./chunks/chunk.3CDGBCI4.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.WZXZ4FC5.js";
-import "./chunks/chunk.5AHNBYLY.js";
+} from "./chunks/chunk.ADTS64AI.js";
+import "./chunks/chunk.6OWPHF3O.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.XZ52NK5O.js";
+import "./chunks/chunk.SZZFTYAX.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.XDM6VD32.js";
 import "./chunks/chunk.POGMEL53.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.Y3GX2WCY.js";
-import "./chunks/chunk.EXZM7E66.js";
+} from "./chunks/chunk.V7ZK2JZV.js";
+import "./chunks/chunk.5BHMOVOP.js";
 import "./chunks/chunk.6IRAPT75.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.JKSJEB4F.js";
-import "./chunks/chunk.RRVGDJWC.js";
-import "./chunks/chunk.EPNVORAA.js";
+} from "./chunks/chunk.H7OK6WB2.js";
+import "./chunks/chunk.BQW4PP44.js";
+import "./chunks/chunk.KE5CJUOG.js";
 import "./chunks/chunk.IJQ7XW3N.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.VPWCODUY.js";
+import "./chunks/chunk.DOGF6H73.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -230,29 +230,29 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.V4SIKF4X.js";
 import {
   button_default
-} from "./chunks/chunk.L4W5TBMO.js";
+} from "./chunks/chunk.FKSAHFEC.js";
 import {
   button_group_default
-} from "./chunks/chunk.UWXANSSJ.js";
-import "./chunks/chunk.TBEIHN7E.js";
+} from "./chunks/chunk.FJFCBQLY.js";
+import "./chunks/chunk.6Y7FIYEL.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.JYQHDZLX.js";
-import "./chunks/chunk.23KOEE2K.js";
+} from "./chunks/chunk.T6TJ67SM.js";
+import "./chunks/chunk.YKKRDOCG.js";
 import "./chunks/chunk.36SZKAYW.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.ZZFBY374.js";
+} from "./chunks/chunk.ESZFBT4S.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.RN4JE3S3.js";
-import "./chunks/chunk.IXQNL7FL.js";
+} from "./chunks/chunk.TE7KBJOA.js";
+import "./chunks/chunk.LSF7UXRW.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.HFHMYT62.js";
-import "./chunks/chunk.7DGSPEGG.js";
+import "./chunks/chunk.7ZS3IRSM.js";
+import "./chunks/chunk.5BYHQ76J.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.AMIQC3O7.js";
@@ -260,30 +260,30 @@ import "./chunks/chunk.5EGFFSLN.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
   alert_default
-} from "./chunks/chunk.K4OI3UON.js";
+} from "./chunks/chunk.WILOVVLG.js";
 import {
   badge_default
-} from "./chunks/chunk.2245ANYW.js";
-import "./chunks/chunk.XVXIZXLM.js";
+} from "./chunks/chunk.Y26N2Z7A.js";
+import "./chunks/chunk.2SYVQAAG.js";
 import "./chunks/chunk.J6CGTLVH.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.7N2CL2QN.js";
+import "./chunks/chunk.UXSN7UU3.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.RJDU3ZLA.js";
-import "./chunks/chunk.AA5ERQTB.js";
+} from "./chunks/chunk.64ZJW35J.js";
+import "./chunks/chunk.KHTBGYZW.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.M7TM6O6M.js";
-import "./chunks/chunk.HPEZQ66S.js";
+import "./chunks/chunk.FSZW45S5.js";
+import "./chunks/chunk.N4ERWGQS.js";
 import "./chunks/chunk.6QYKWCSO.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.A3OYJILJ.js";
 import "./chunks/chunk.HQ6QUSK7.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.FZCXY6IO.js";
+import "./chunks/chunk.PK3GNIMV.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -300,7 +300,7 @@ import {
 } from "./chunks/chunk.234ERFCE.js";
 import "./chunks/chunk.74IOULXM.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.FXRJHEKQ.js";
+import "./chunks/chunk.G52UIX7A.js";
 import "./chunks/chunk.JRYXECAY.js";
 import "./chunks/chunk.IFXKIEOU.js";
 import "./chunks/chunk.2GFK6XTO.js";

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.18.8",
+  "version": "2.19.1",
   "description": "",
   "repository": {
     "type": "git",
@@ -97,9 +97,9 @@
     "unist-util-visit": "^5.0.0",
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0",
     "@synergy-design-system/eslint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "2.17.0"
+    "@synergy-design-system/tokens": "2.17.0",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0"
   },
   "release": {
     "branches": [

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

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