@ukic/canary-web-components 3.0.0-canary.1 → 3.0.0-canary.11

package/dist/core/p-47e0072d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icToggleButtonCss","ToggleButton","constructor","hostRef","this","loopAttributes","trackedAttributes","parentAttributes","el","parentElement","attributes","i","length","getNamedItem","attribute","name","loading","value","disabled","fullWidth","iconPlacement","variant","size","theme","monochrome","handleFocus","ev","stopImmediatePropagation","handleClick","icToggleChecked","emit","checked","accessibleLabel","undefined","label","tooltipPlacement","watchDisabledHandler","removeDisabledFalse","componentWillLoad","isSlottedInGroup","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","handleHostClick","e","render","h","Host","class","onFocus","toString","onClick","title","isSlotUsed","slot","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-toggle-button/ic-toggle-button.css?tag=ic-toggle-button&encapsulation=shadow","../web-components/dist/collection/components/ic-toggle-button/ic-toggle-button.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/* VARIABLES FOR IC-TOGGLE-BUTTON-GROUP */\n:host {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border);\n  --toggle-button-text-colour: var(--ic-toggle-button-unselected-text);\n  --toggle-button-border-hover: var(--ic-toggle-button-unselected-border-hover);\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-unselected-text-hover\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-unselected-border-pressed\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-unselected-text-pressed\n  );\n}\n\n:host(.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text);\n  --toggle-button-border-hover: var(--ic-toggle-button-selected-border-hover);\n  --toggle-button-text-colour-hover: var(--ic-toggle-button-selected-text);\n  --toggle-button-border-active: var(\n    --ic-toggle-button-selected-border-pressed\n  );\n  --toggle-button-text-colour-active: var(--ic-toggle-button-selected-text);\n}\n\n:host(.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border-monochrome);\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n  --toggle-button-border-hover: var(\n    --ic-toggle-button-unselected-border-hover-monochrome\n  );\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-unselected-border-pressed-monochrome\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border-monochrome);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text-monochrome);\n  --toggle-button-border-hover: var(\n    --ic-toggle-button-selected-border-hover-monochrome\n  );\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-selected-text-monochrome\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-selected-border-pressed-monochrome\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-selected-text-monochrome\n  );\n}\n\n:host(.ic-toggle-button-disabled) {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border-disabled);\n  --toggle-button-text-colour: var(--ic-toggle-button-unselected-text-disabled);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(\n    --ic-toggle-button-unselected-border-disabled-monochrome\n  );\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-unselected-text-disabled-monochrome\n  );\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border-disabled);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text-disabled);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(\n    --ic-toggle-button-selected-border-disabled-monochrome\n  );\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-selected-text-disabled-monochrome\n  );\n}\n\n:host(.expand-toggle-group-child) ::part(button) {\n  width: 100%;\n  min-height: inherit;\n  white-space: inherit;\n  height: inherit;\n}\n\n:host ic-button {\n  --icon-width: var(--ic-space-lg);\n  --icon-height: var(--ic-space-lg);\n}\n\n:host(.expand-toggle-group-child) ic-button {\n  min-width: 100%;\n  min-height: 100%;\n  white-space: normal;\n  height: 100%;\n}\n\n:host(.expand-toggle-group-child) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-checked)\n  ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n    var(--ic-border-focus);\n}\n\n:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-dark),\n    var(--ic-border-focus);\n}\n\n:host(:focus) {\n  z-index: 1;\n}\n\n:host ::part(button) {\n  border: var(--ic-border-width) solid var(--toggle-button-border);\n  color: var(--toggle-button-text-colour);\n}\n\n:host ::part(button):hover {\n  border: var(--ic-border-width) solid var(--toggle-button-border-hover);\n  color: var(--toggle-button-text-colour-hover);\n}\n\n:host ::part(button):active {\n  border: var(--ic-border-width) solid var(--toggle-button-border-active);\n  color: var(--toggle-button-text-colour-active);\n}\n\n:host(.ic-toggle-button-disabled) ::part(button) {\n  border: var(--ic-space-1px) dashed var(--toggle-button-border);\n  color: var(--toggle-button-text-colour);\n}\n\n:host(.ic-toggle-button-checked) ::part(button) {\n  background-color: var(--ic-toggle-button-selected-background);\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n    var(--ic-toggle-button-selected-text);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-border-focus),\n    var(--ic-border-focus);\n}\n\n:host ::part(button):hover {\n  background-color: var(--ic-toggle-button-unselected-background-hover);\n}\n\n:host ::part(button):active {\n  background-color: var(--ic-toggle-button-unselected-background-pressed);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):hover {\n  background-color: var(--ic-toggle-button-selected-background-hover);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active {\n  background-color: var(--ic-toggle-button-selected-background-pressed);\n}\n\n:host(.ic-toggle-button-monochrome) ::part(button):hover {\n  background-color: var(\n    --ic-toggle-button-unselected-background-hover-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome) ::part(button):active {\n  background-color: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button) {\n  background-color: var(--ic-toggle-button-selected-background-monochrome);\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):hover {\n  background-color: var(\n    --ic-toggle-button-selected-background-hover-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):active {\n  background-color: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-text),\n    var(--ic-border-focus);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n  ::part(button) {\n  background-color: transparent;\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n  ::part(button)::before {\n  background-image: radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled) 95%,\n    white 20%\n  );\n  background-repeat: no-repeat;\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome)\n  ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome)\n  ::part(button)::before {\n  background-image: radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n    white 20%\n  );\n  background-repeat: no-repeat;\n}\n\n:host(.ic-toggle-button-icon) ::part(button) {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  width: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-toggle-button-icon) ::part(button):active {\n  background-color: var(--ic-action-default-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active {\n  background-color: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active {\n  background-color: var(--ic-action-light-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button) {\n  height: var(--ic-space-xl);\n  width: var(--ic-space-xl);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button) {\n  height: var(--ic-space-xxl);\n  width: var(--ic-space-xxl);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-selected-background-pressed\n  );\n  background-color: var(--ic-toggle-button-selected-background-pressed);\n}\n\n:host(.ic-toggle-button-loading) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-unselected-background-pressed\n  );\n  background-color: var(--ic-toggle-button-unselected-background-pressed);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading)\n  ::part(ic-loading-container) {\n  --inner-color: var(--ic-toggle-button-loading-bar);\n}\n\n:host(.ic-toggle-button-loading) ::part(ic-loading-container) {\n  --inner-color: var(--ic-toggle-button-selected-loading-bar);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome)\n  ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n  background-color: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n  background-color: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n}\n\n@media (forced-colors: active) {\n  :host(.ic-toggle-button-checked) ::part(button),\n  :host(.ic-toggle-button-checked) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button) {\n    background-color: GrayText;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-loading)\n    ::part(button):hover {\n    --loading-button-background: Highlight;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, removeDisabledFalse, isSlottedInGroup, } from \"../../utils/helpers\";\n/**\n * @slot icon - Content will be displayed alongside the toggle button label.\n * @slot badge - Badge component overlaying the top right of the toggle button.\n */\nexport class ToggleButton {\n    constructor() {\n        this.loopAttributes = () => {\n            const trackedAttributes = [\n                \"loading\",\n                \"disabled\",\n                \"full-width\",\n                \"icon-placement\",\n                \"variant\",\n                \"size\",\n                \"theme\",\n                \"monochrome\",\n            ];\n            const parentAttributes = this.el.parentElement.attributes;\n            for (let i = 0; i < trackedAttributes.length; i++) {\n                if (parentAttributes.getNamedItem(trackedAttributes[i]) !== null) {\n                    const attribute = parentAttributes.getNamedItem(trackedAttributes[i]);\n                    switch (attribute.name) {\n                        case trackedAttributes[0]:\n                            this.loading = attribute.value !== \"false\";\n                            break;\n                        case trackedAttributes[1]:\n                            this.disabled = attribute.value !== \"false\";\n                            break;\n                        case trackedAttributes[2]:\n                            this.fullWidth = attribute.value !== \"false\";\n                            break;\n                        case trackedAttributes[3]:\n                            this.iconPlacement = attribute.value;\n                            break;\n                        case trackedAttributes[4]:\n                            this.variant = attribute.value;\n                            break;\n                        case trackedAttributes[5]:\n                            this.size = attribute.value;\n                            break;\n                        case trackedAttributes[6]:\n                            this.theme = attribute.value;\n                            break;\n                        case trackedAttributes[7]:\n                            this.monochrome = attribute.value !== \"false\";\n                            break;\n                    }\n                }\n            }\n        };\n        this.handleFocus = (ev) => {\n            ev.stopImmediatePropagation();\n        };\n        this.handleClick = () => {\n            !this.loading &&\n                !this.disabled &&\n                this.icToggleChecked.emit({\n                    checked: this.checked,\n                });\n        };\n        this.accessibleLabel = undefined;\n        this.checked = false;\n        this.disabled = false;\n        this.fullWidth = false;\n        this.iconPlacement = \"left\";\n        this.label = undefined;\n        this.loading = false;\n        this.monochrome = false;\n        this.size = \"medium\";\n        this.theme = \"inherit\";\n        this.tooltipPlacement = \"bottom\";\n        this.variant = \"default\";\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n        if (isSlottedInGroup(this.el)) {\n            this.loopAttributes();\n        }\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([\n            {\n                prop: this.variant === \"icon\" ? this.accessibleLabel : this.label,\n                propName: this.variant === \"icon\" ? \"accessible-label\" : \"label\",\n            },\n        ], \"Toggle button\");\n    }\n    handleHostClick(e) {\n        if (this.disabled) {\n            e.stopImmediatePropagation();\n        }\n        else if (!this.loading) {\n            this.checked = !this.checked;\n        }\n    }\n    render() {\n        return (h(Host, { class: {\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n                [\"ic-toggle-button-disabled\"]: this.disabled,\n                [\"ic-toggle-button-checked\"]: this.checked,\n                [\"ic-toggle-button-icon\"]: this.variant === \"icon\",\n                [`ic-toggle-button-${this.size}`]: true,\n                [\"ic-toggle-button-loading\"]: this.loading,\n                [\"ic-toggle-button-monochrome\"]: this.monochrome,\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            }, onFocus: this.handleFocus }, h(\"ic-button\", { \"aria-pressed\": this.checked.toString(), variant: this.variant === \"icon\" ? \"icon\" : \"secondary\", onClick: this.handleClick, title: this.accessibleLabel, \"aria-label\": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? \"ticked\" : \"unticked\"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading, tooltipPlacement: this.tooltipPlacement }, this.variant !== \"icon\" && this.label, h(\"slot\", null), isSlotUsed(this.el, \"icon\") && (h(\"slot\", { name: \"icon\", slot: `${this.iconPlacement}-icon` })), isSlotUsed(this.el, \"badge\") && (h(\"slot\", { name: \"badge\", slot: \"badge\" })))));\n    }\n    static get is() { return \"ic-toggle-button\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accessibleLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The accessible label that will be applied to the toggle button. This is required for the icon variant of toggle buttons.\"\n                },\n                \"attribute\": \"accessible-label\",\n                \"reflect\": false\n            },\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will be in a checked state.\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will be in disabled state.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will fill the width of the container.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"iconPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcIconPlacementOptions\",\n                    \"resolved\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"IcIconPlacementOptions\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcIconPlacementOptions\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The placement of the icon in relation to the toggle button label.\"\n                },\n                \"attribute\": \"icon-placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to display in the toggle button. This is required for the default variant of toggle buttons.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will be in loading state.\"\n                },\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button will display as black in the light theme, and white in dark theme.\"\n                },\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the toggle button to be displayed.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"tooltipPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcButtonTooltipPlacement\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"IcButtonTooltipPlacement\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcButtonTooltipPlacement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The position of the tooltip in relation to the toggle button.\"\n                },\n                \"attribute\": \"tooltip-placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"bottom\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"resolved\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the toggle button.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icToggleChecked\",\n                \"name\": \"icToggleChecked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the user clicks a toggle button.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{\\n    checked: boolean;\\n  }\",\n                    \"resolved\": \"{ checked: boolean; }\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"handleHostClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-toggle-button.js.map\n"],"mappings":"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"}

package/dist/core/p-49fbe074.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as s,g as a}from"./p-8455d1bb.js";import{A as r,B as h,r as o,C as n,E as l,b as c,n as d,l as u}from"./p-70616efa.js";const b=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M15.8327 5.34199L14.6577 4.16699L9.99935 8.82533L5.34102 4.16699L4.16602 5.34199L8.82435 10.0003L4.16602 14.6587L5.34102 15.8337L9.99935 11.1753L14.6577 15.8337L15.8327 14.6587L11.1743 10.0003L15.8327 5.34199Z" fill="currentColor"/>\n</svg>\n`;const p=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">\n    <path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>\n</svg>`;const f='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-search-bar-search){display:block;--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-search-bar-outline);--input-bg-color:var(--ic-search-bar-background);--border-color-disabled:var(--ic-search-bar-outline-disabled);--menu-item-text-color:var(--ic-search-bar-dropdown-option-text);--menu-item-desc-text-color:var(--ic-search-bar-dropdown-option-description);--menu-bg-color:var(--ic-search-bar-dropdown-background);--menu-border-color:var(--ic-search-bar-dropdown-outline)}:host(.ic-search-bar-disabled){--ic-input-label-text-color:var(--ic-search-bar-label-disabled);--ic-input-label-helper-text-color:var(--ic-search-bar-subtitle-disabled)}:host(.ic-search-bar-search:hover){--border-color:var(--ic-search-bar-outline-hover)}:host(.ic-search-bar-search:active){--border-color:var(--ic-search-bar-outline-pressed)}:host(.ic-search-bar-search.ic-search-bar-small){--divider-height:1rem}:host(.ic-search-bar-full-width){width:100%}:host(.ic-search-bar-search) .ic-button-disabled:hover{border-color:var(--ic-architectural-200)}:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg{color:var(--ic-architectural-200)}:host(.ic-search-bar-search) .ic-button-disabled svg{color:var(--ic-architectural-400)}::-moz-placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}::placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}input{border:0;border-radius:var(--ic-border-radius);color:var(--ic-search-bar-filled-text);background-color:var(--input-bg-color);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(--ic-search-bar-filled-text-cursor)}input:focus{border:0;outline:0}input:disabled{color:var(--ic-search-bar-disabled-text)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-left-pad{padding-left:0}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type="search"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear-button-container{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}.clear-button{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button-unfocused *{fill:var(--ic-search-bar-clear-button)}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button-visible{visibility:visible;display:flex}.search-submit-button-container{display:flex;align-items:center}.search-submit-button-unfocused *{fill:var(--ic-search-bar-filled-icon)}.search-submit-button-disabled *{fill:var(--ic-search-bar-icon-disabled)}.search-submit-button-disabled .ic-tooltip-container{display:none !important}.search-submit-button:focus,.search-submit-button:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}.search-submit-button:focus,.search-submit-button:active *{fill:white}.divider{width:var(--ic-border-width);background-color:var(--ic-search-bar-dropdown-divider);height:var(--divider-height)}.menu-container{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}.menu-container.fullwidth{width:100%}.no-results{cursor:not-allowed}.search-results-status{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}@media (forced-colors: active){.search-submit-button-unfocused *{fill:canvastext}.search-submit-button-disabled *{fill:GrayText}}';let m=0;const v=class{constructor(e){t(this,e);this.icChange=i(this,"icChange",7);this.icClear=i(this,"icClear",7);this.icInput=i(this,"icInput",7);this.icOptionSelect=i(this,"icOptionSelect",7);this.icMenuChange=i(this,"icMenuChange",7);this.icClearBlur=i(this,"icClearBlur",7);this.icRetryLoad=i(this,"icRetryLoad",7);this.icSubmitSearch=i(this,"icSubmitSearch",7);this.icSubmitSearchBlur=i(this,"icSubmitSearchBlur",7);this.icSearchBarBlur=i(this,"icSearchBarBlur",7);this.icSearchBarFocus=i(this,"icSearchBarFocus",7);this.icKeydown=i(this,"icKeydown",7);this.assistiveHintEl=null;this.hasTimedOut=false;this.inputId=`ic-search-bar-input-${m++}`;this.menuCloseFromMenuChangeEvent=false;this.menuId=`${this.inputId}-menu`;this.preLoad=true;this.preventSubmit=false;this.prevNoOption=false;this.retryButtonClick=false;this.truncateValue=false;this.handleClear=t=>{const i=t;const e=t;if(e.type==="click"||i.code==="Enter"||i.code==="Space"){this.value="";this.inputEl.value="";this.loading=false;clearTimeout(this.timeoutTimer);this.filteredOptions=this.options;this.el.setFocus();this.icClear.emit();t.preventDefault();this.preventSubmit=true}};this.onInput=t=>{this.value=t.target.value;this.icInput.emit({value:this.value});const i=[{[this.labelField]:this.emptyOptionListText,[this.valueField]:""}];if(this.options.length>0){this.setMenuChange(true);this.preLoad=false;if(this.disableAutoFiltering===false){const t=r(this.options,false,this.value,"anywhere",this.labelField);this.filteredOptions=t.length>0?t:i}}if(!this.showClearButton){this.handleShowClearButton(true)}this.debounceAriaLiveUpdate()};this.onInputBlur=t=>{const i=t.target.value;const e=t.relatedTarget;this.icSearchBarBlur.emit({value:i,relatedTarget:e})};this.onInputFocus=t=>{const i=t.target.value;this.icSearchBarFocus.emit({value:i});this.handleShowClearButton(true)};this.handleClearBlur=t=>{const i=t.relatedTarget;this.icClearBlur.emit({relatedTarget:i});this.clearButtonFocused=false};this.handleSubmitSearchBlur=t=>{const i=t.relatedTarget;this.icSubmitSearchBlur.emit({relatedTarget:i});this.searchSubmitFocused=false};this.handleMouseDown=t=>{t.preventDefault()};this.handleSubmitSearchFocus=()=>{this.searchSubmitFocused=true};this.handleSubmitSearch=()=>{this.highlightedValue&&(this.value=this.highlightedValue);this.highlightedValue=undefined;this.icSubmitSearch.emit({value:this.value});const t=this.el.closest("FORM");if(this.searchSubmitButton&&!!t&&!this.preventSubmit){h(t,this.searchSubmitButton)}};this.handleSubmitSearchKeyDown=t=>{if(t.key===" "){t.preventDefault();this.handleSubmitSearch()}};this.handleRetry=t=>{this.retryViaKeyPress=t.detail.keyPressed==="Enter";this.icRetryLoad.emit({value:t.detail.value});this.triggerLoading();this.retryButtonClick=true};this.triggerLoading=()=>{const t=[{[this.labelField]:this.loadingLabel,[this.valueField]:"",loading:true}];if(this.filteredOptions!==t)this.filteredOptions=t;if(this.timeout){this.timeoutTimer=window.setTimeout((()=>{this.filteredOptions=[{[this.labelField]:this.loadingErrorLabel,[this.valueField]:"",timedOut:true}]}),this.timeout)}};this.handleOptionSelect=t=>{if(t.detail.label===this.emptyOptionListText){this.el.setFocus();return}this.value=t.detail.value;this.icOptionSelect.emit({value:this.value})};this.handleMenuOptionHighlight=t=>{var i;const e=(i=t.detail.optionId)===null||i===void 0?void 0:i.replace(`${this.menuId}-`,"");e&&(this.highlightedValue=e);if(t.detail.optionId){this.ariaActiveDescendant=t.detail.optionId}else{this.ariaActiveDescendant=undefined}};this.handleMenuChange=t=>{this.setMenuChange(t.detail.open);if(!t.detail.open){this.menuCloseFromMenuChangeEvent=true}};this.setMenuChange=t=>{if(this.open!==t){this.open=t;this.icMenuChange.emit({open:t})}};this.handleHostFocus=()=>{if(this.options&&this.value&&!this.menuCloseFromMenuChangeEvent){this.setMenuChange(true)}this.handleTruncateValue(false);this.icSearchBarFocus.emit()};this.handleHostBlur=t=>{var i;const e=t.relatedTarget;if(this.open&&this.options&&e!==this.menu&&!this.retryViaKeyPress&&!this.retryButtonClick){this.setMenuChange(false)}if(this.retryButtonClick||this.retryViaKeyPress){(i=this.inputEl)===null||i===void 0?void 0:i.focus()}this.handleShowClearButton(false);this.menuCloseFromMenuChangeEvent=false;this.handleTruncateValue(true);this.icSearchBarBlur.emit({relatedTarget:e,value:this.value});this.retryViaKeyPress=false;this.retryButtonClick=false};this.handleShowClearButton=t=>{this.showClearButton=t};this.handleFocusClearButton=()=>{this.clearButtonFocused=true};this.handleTruncateValue=t=>{this.truncateValue=t};this.renderAssistiveHintEl=()=>{var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`#${this.inputId}`);if(i&&Object.keys(i).length>0&&this.hasOptionsOrFilterDisabled()){this.assistiveHintEl=document.createElement("span");this.assistiveHintEl.innerText=this.assistiveHintText;this.assistiveHintEl.id=`${this.inputId}-assistive-hint`;this.assistiveHintEl.style.display="none";if(i.after!==undefined){i.after(this.assistiveHintEl)}}};this.updateSearchResultAriaLive=()=>{const t=this.el.shadowRoot.querySelector(".search-results-status");if(t){if(!this.open||this.value===""||this.value.length<this.charactersUntilSuggestion){t.innerText=""}else if(this.hasOptionsOrFilterDisabled()&&this.filteredOptions.length>0&&this.open&&!this.filteredOptions[0].loading){if(this.hadNoOptions()){t.innerText=this.emptyOptionListText}else{t.innerText=`${this.filteredOptions.length} result${this.filteredOptions.length>1?"s":""} available`}}}};this.hasOptionsOrFilterDisabled=()=>this.options.length>0||this.disableAutoFiltering;this.hadNoOptions=()=>this.filteredOptions.length===1&&this.filteredOptions[0][this.labelField]===this.emptyOptionListText&&this.searchMode==="navigation";this.isSubmitDisabled=()=>{const t=this.value===undefined||this.value===null||this.value==="";const i=this.value.length<this.charactersUntilSuggestion;return t||i||this.disabled||this.hadNoOptions()||this.hasTimedOut||this.loading};this.highlightFirstOptionAfterNoResults=()=>{if(this.prevNoOption&&this.menu&&!this.hasTimedOut){this.menu.handleSetFirstOption();this.prevNoOption=false}const t=this.filteredOptions.find((t=>t[this.labelField]===this.emptyOptionListText||t[this.labelField]===this.loadingErrorLabel||t[this.labelField]===this.loadingLabel));if(t){this.prevNoOption=true}};this.ariaActiveDescendant=undefined;this.clearButtonFocused=false;this.highlightedValue=undefined;this.open=false;this.searchSubmitFocused=false;this.showClearButton=false;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.charactersUntilSuggestion=2;this.disabled=false;this.disableAutoFiltering=false;this.debounce=0;this.emptyOptionListText="No results found";this.focusOnLoad=false;this.fullWidth=false;this.helperText="";this.hideLabel=false;this.assistiveHintText="When autocomplete results are available use the up and down arrows to choose and press enter to select";this.label=undefined;this.labelField="label";this.loading=false;this.loadingErrorLabel="Loading Error";this.loadingLabel="Loading...";this.name=this.inputId;this.placeholder="Search";this.readonly=false;this.required=false;this.searchMode="navigation";this.size="medium";this.spellcheck=false;this.theme="inherit";this.timeout=undefined;this.valueField="value";this.filteredOptions=[];this.options=[];this.value=""}watchDisabledHandler(){o(this.disabled,this.el)}debounceChanged(){this.icChange=n(this.icChange,this.debounce)}loadingHandler(t){if(t&&!this.hasTimedOut){this.preLoad=false;this.triggerLoading()}}filteredOptionsHandler(t){this.hasTimedOut=t.some((t=>t.timedOut))}watchOptionsHandler(t){if(this.disableAutoFiltering&&!this.hasTimedOut){this.loading=false;clearTimeout(this.timeoutTimer);if(t.length>0){this.filteredOptions=t}else{if(this.hadNoOptions()){return}this.setMenuChange(true);!this.preLoad&&(this.filteredOptions=[{[this.labelField]:this.emptyOptionListText,[this.valueField]:""}]);this.preLoad=true}}this.debounceAriaLiveUpdate()}watchValueHandler(t){if(this.inputEl&&this.options&&!!l(t,this.options,this.valueField,this.labelField)){this.inputEl.value=l(t,this.options,this.valueField,this.labelField)}else if(this.inputEl&&this.inputEl.value!==t){this.inputEl.value=t}this.icChange.emit({value:t})}connectedCallback(){this.debounceChanged()}disconnectedCallback(){if(this.assistiveHintEl){this.assistiveHintEl.remove()}}componentWillLoad(){this.watchValueHandler(this.value);o(this.disabled,this.el)}componentDidLoad(){if(this.focusOnLoad){this.el.setFocus()}if(this.hasOptionsOrFilterDisabled()){this.renderAssistiveHintEl();if(this.disableAutoFiltering){this.filteredOptions=this.options}}c([{prop:this.label,propName:"label"}],"Search Bar")}componentWillRender(){this.highlightFirstOptionAfterNoResults()}handleKeyDown(t){this.icKeydown.emit({event:t});if(this.menu&&this.open){this.menu.handleKeyboardOpen(t)}}handleKeyUp(t){if(t.key==="Enter"){if(this.preventSubmit||this.isSubmitDisabled()){return}this.handleSubmitSearch();this.setMenuChange(false)}if(t.key==="Escape"){this.setMenuChange(false)}if(this.preventSubmit){this.preventSubmit=false}}async setFocus(){var t;this.retryViaKeyPress=false;this.retryButtonClick=false;(t=this.inputEl)===null||t===void 0?void 0:t.focus()}debounceAriaLiveUpdate(){clearTimeout(this.debounceAriaLive);this.debounceAriaLive=window.setTimeout((()=>{this.updateSearchResultAriaLive()}),500)}render(){const{inputId:t,name:i,label:a,required:r,size:h,placeholder:o,helperText:n,disabled:c,value:f,readonly:m,spellcheck:v,fullWidth:g,options:w,open:y,hideLabel:x,menuId:k,ariaActiveDescendant:z,truncateValue:L,autofocus:C,autocapitalize:B,autocomplete:T,filteredOptions:H,theme:M}=this;const S=m||c;const O=d(t,n!=="",false).trim();let $;if(O!==""&&this.hasOptionsOrFilterDisabled()){$=`${O} ${this.inputId}-assistive-hint`}else if(this.hasOptionsOrFilterDisabled()){$=`${this.inputId}-assistive-hint`}else if(O!==""){$=O}else{$=undefined}const F=!!f&&this.hasOptionsOrFilterDisabled();const D=F&&y&&H.length>0;const E=D&&f.length>=this.charactersUntilSuggestion;const I=l(f,w,this.valueField,this.labelField);u(true,this.el,i,f,S);return e(s,{class:{["ic-search-bar-search"]:true,["ic-search-bar-full-width"]:g,["ic-search-bar-disabled"]:c,["ic-search-bar-small"]:h==="small",[`ic-theme-${M}`]:M!=="inherit"},onFocus:this.handleHostFocus,onBlur:this.handleHostBlur},e("ic-input-container",{readonly:m,disabled:S},!x&&e("ic-input-label",{for:t,label:a,helperText:n,required:r,disabled:S&&!m,readonly:m}),e("ic-input-component-container",{ref:t=>this.anchorEl=t,size:h,disabled:S,readonly:m,fullWidth:g},e("input",{id:t,name:i,ref:t=>this.inputEl=t,value:w&&!!I?I:f,class:{"no-left-pad":m,readonly:m,"truncate-value":L},placeholder:o,required:r,disabled:S,readonly:m,onInput:this.onInput,onBlur:this.onInputBlur,onFocus:this.onInputFocus,"aria-label":a,"aria-activedescendant":z,"aria-expanded":w.length>0&&E?`${D}`:undefined,"aria-owns":E?k:undefined,"aria-describedby":$,"aria-controls":E?k:undefined,"aria-haspopup":w.length>0?"listbox":undefined,"aria-autocomplete":F?"list":undefined,role:w.length>0&&E?"combobox":undefined,autocomplete:T,autocapitalize:B,autoFocus:C,spellcheck:v,inputmode:"search"}),e("div",{class:{"clear-button-container":true,"clear-button-visible":f&&!S&&this.showClearButton}},e("ic-button",{id:"clear-button",class:{"clear-button":true,"clear-button-unfocused":!this.clearButtonFocused},"aria-label":"Clear",innerHTML:b,onClick:this.handleClear,onMouseDown:this.handleMouseDown,size:h,onFocus:this.handleFocusClearButton,onBlur:this.handleClearBlur,onKeyDown:this.handleClear,type:"submit",variant:"icon",theme:this.clearButtonFocused?"light":"dark"}),e("div",{class:"divider"})),e("div",{class:{"search-submit-button-container":true,"search-submit-button-disabled":this.isSubmitDisabled()}},e("ic-button",{id:"search-submit-button","aria-label":"Search",ref:t=>this.searchSubmitButton=t,class:{["search-submit-button"]:true,["search-submit-button-small"]:h==="small",["search-submit-button-unfocused"]:!this.searchSubmitFocused,["search-submit-button-disabled"]:this.isSubmitDisabled()},disabled:this.isSubmitDisabled(),innerHTML:p,size:h,onClick:this.handleSubmitSearch,onMouseDown:this.handleMouseDown,onBlur:this.handleSubmitSearchBlur,onFocus:this.handleSubmitSearchFocus,onKeyDown:this.handleSubmitSearchKeyDown,type:"submit",variant:"icon",theme:this.searchSubmitFocused?"light":"dark"}))),e("div",{class:{"menu-container":true,fullwidth:g}},E&&e("ic-menu",{class:{"no-results":this.hadNoOptions()||H.length===1&&(H[0][this.labelField]===this.loadingLabel||H[0][this.labelField]===this.loadingErrorLabel)},activationType:"manual",anchorEl:this.anchorEl,autofocusOnSelected:false,searchMode:this.searchMode,inputEl:this.inputEl,inputLabel:a,ref:t=>this.menu=t,fullWidth:g,menuId:k,open:!!E,options:H,onMenuOptionSelect:this.handleOptionSelect,onMenuStateChange:this.handleMenuChange,onMenuOptionId:this.handleMenuOptionHighlight,onRetryButtonClicked:this.handleRetry,parentEl:this.el,value:f,labelField:this.labelField,valueField:this.valueField}))),e("div",{"aria-live":"polite",role:"status",class:"search-results-status"}))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],debounce:["debounceChanged"],loading:["loadingHandler"],filteredOptions:["filteredOptionsHandler"],options:["watchOptionsHandler"],value:["watchValueHandler"]}}};v.style=f;export{v as ic_search_bar};
+//# sourceMappingURL=p-49fbe074.entry.js.map

package/dist/core/p-49fbe074.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icSearchBarCss","inputIds","SearchBar","constructor","hostRef","this","assistiveHintEl","hasTimedOut","inputId","menuCloseFromMenuChangeEvent","menuId","preLoad","preventSubmit","prevNoOption","retryButtonClick","truncateValue","handleClear","ev","keyboardEvent","mouseEvent","type","code","value","inputEl","loading","clearTimeout","timeoutTimer","filteredOptions","options","el","setFocus","icClear","emit","preventDefault","onInput","target","icInput","noOptions","labelField","emptyOptionListText","valueField","length","setMenuChange","disableAutoFiltering","rawFilteredOptions","getFilteredMenuOptions","showClearButton","handleShowClearButton","debounceAriaLiveUpdate","onInputBlur","nextFocus","relatedTarget","icSearchBarBlur","onInputFocus","icSearchBarFocus","handleClearBlur","icClearBlur","clearButtonFocused","handleSubmitSearchBlur","icSubmitSearchBlur","searchSubmitFocused","handleMouseDown","handleSubmitSearchFocus","handleSubmitSearch","highlightedValue","undefined","icSubmitSearch","form","closest","searchSubmitButton","handleHiddenFormButtonClick","handleSubmitSearchKeyDown","key","handleRetry","retryViaKeyPress","detail","keyPressed","icRetryLoad","triggerLoading","loadingOption","loadingLabel","timeout","window","setTimeout","loadingErrorLabel","timedOut","handleOptionSelect","label","icOptionSelect","handleMenuOptionHighlight","_a","optionValue","optionId","replace","ariaActiveDescendant","handleMenuChange","open","icMenuChange","handleHostFocus","handleTruncateValue","handleHostBlur","menu","focus","visible","handleFocusClearButton","truncate","renderAssistiveHintEl","input","shadowRoot","querySelector","Object","keys","hasOptionsOrFilterDisabled","document","createElement","innerText","assistiveHintText","id","style","display","after","updateSearchResultAriaLive","searchResultsStatusEl","charactersUntilSuggestion","hadNoOptions","searchMode","isSubmitDisabled","valueNotSet","valueLengthLess","disabled","highlightFirstOptionAfterNoResults","handleSetFirstOption","prevNoOptionsList","find","filteredOption","autocapitalize","autocomplete","autocorrect","autofocus","debounce","focusOnLoad","fullWidth","helperText","hideLabel","name","placeholder","readonly","required","size","spellcheck","theme","watchDisabledHandler","removeDisabledFalse","debounceChanged","icChange","debounceEvent","loadingHandler","newValue","filteredOptionsHandler","newOptions","some","opt","watchOptionsHandler","watchValueHandler","getLabelFromValue","connectedCallback","disconnectedCallback","remove","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","handleKeyDown","event","icKeydown","handleKeyboardOpen","handleKeyUp","debounceAriaLive","render","disabledMode","describedBy","getInputDescribedByText","trim","describedById","hasSuggestedSearch","menuOpen","menuRendered","labelValue","renderHiddenInput","h","Host","class","onFocus","onBlur","for","ref","anchorEl","role","autoFocus","inputmode","innerHTML","clearIcon","onClick","onMouseDown","onKeyDown","variant","searchIcon","fullwidth","activationType","autofocusOnSelected","inputLabel","onMenuOptionSelect","onMenuStateChange","onMenuOptionId","onRetryButtonClicked","parentEl","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-search-bar/ic-search-bar.css?tag=ic-search-bar&encapsulation=shadow","../web-components/dist/collection/components/ic-search-bar/ic-search-bar.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-menu: z-index of search bar menu\n */\n\n:host(.ic-search-bar-search) {\n  display: block;\n\n  --divider-height: 1.5rem;\n  --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n  --border-color: var(--ic-search-bar-outline);\n  --input-bg-color: var(--ic-search-bar-background);\n  --border-color-disabled: var(--ic-search-bar-outline-disabled);\n  --menu-item-text-color: var(--ic-search-bar-dropdown-option-text);\n  --menu-item-desc-text-color: var(--ic-search-bar-dropdown-option-description);\n  --menu-bg-color: var(--ic-search-bar-dropdown-background);\n  --menu-border-color: var(--ic-search-bar-dropdown-outline);\n}\n\n:host(.ic-search-bar-disabled) {\n  --ic-input-label-text-color: var(--ic-search-bar-label-disabled);\n  --ic-input-label-helper-text-color: var(--ic-search-bar-subtitle-disabled);\n}\n\n:host(.ic-search-bar-search:hover) {\n  --border-color: var(--ic-search-bar-outline-hover);\n}\n\n:host(.ic-search-bar-search:active) {\n  --border-color: var(--ic-search-bar-outline-pressed);\n}\n\n:host(.ic-search-bar-search.ic-search-bar-small) {\n  --divider-height: 1rem;\n}\n\n:host(.ic-search-bar-full-width) {\n  width: 100%;\n}\n\n:host(.ic-search-bar-search) .ic-button-disabled:hover {\n  border-color: var(--ic-architectural-200);\n}\n\n:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg {\n  color: var(--ic-architectural-200);\n}\n\n:host(.ic-search-bar-search) .ic-button-disabled svg {\n  color: var(--ic-architectural-400);\n}\n\n/* Custom Input */\n\n::-moz-placeholder {\n  color: var(--ic-search-bar-placeholder-text);\n  opacity: 1;\n}\n\n::placeholder {\n  color: var(--ic-search-bar-placeholder-text);\n  opacity: 1;\n}\n\ninput {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  color: var(--ic-search-bar-filled-text);\n  background-color: var(--input-bg-color);\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  padding-right: var(--ic-space-xs);\n  padding-left: var(--ic-space-xs);\n  caret-color: var(--ic-search-bar-filled-text-cursor);\n}\n\ninput:focus {\n  border: 0;\n  outline: 0;\n}\n\ninput:disabled {\n  color: var(--ic-search-bar-disabled-text);\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.no-left-pad {\n  padding-left: 0;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n/* CLEAR */\n\n.clear-button-container {\n  align-items: center;\n  margin-right: var(--ic-space-1px);\n  display: none;\n  visibility: hidden;\n}\n\n.clear-button {\n  border-radius: var(--ic-border-radius);\n  transition: box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);\n}\n\n.clear-button:focus,\n.clear-button:active {\n  background-color: var(--ic-color-focus-inner);\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer);\n  border-radius: 0.25rem;\n}\n\n.clear-button-unfocused * {\n  fill: var(--ic-search-bar-clear-button);\n}\n\n.clear-button:focus,\n.clear-button:active * {\n  fill: var(--ic-atoms-input-clear-button-focus);\n}\n\n.clear-button-visible {\n  visibility: visible;\n  display: flex;\n}\n\n.search-submit-button-container {\n  display: flex;\n  align-items: center;\n}\n\n.search-submit-button-unfocused * {\n  fill: var(--ic-search-bar-filled-icon);\n}\n\n.search-submit-button-disabled * {\n  fill: var(--ic-search-bar-icon-disabled);\n}\n\n.search-submit-button-disabled .ic-tooltip-container {\n  display: none !important;\n}\n\n.search-submit-button:focus,\n.search-submit-button:active {\n  background-color: var(--ic-color-focus-inner) !important;\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;\n  border-radius: var(--ic-space-xxs);\n}\n\n.search-submit-button:focus,\n.search-submit-button:active * {\n  fill: white;\n}\n\n.divider {\n  width: var(--ic-border-width);\n  background-color: var(--ic-search-bar-dropdown-divider);\n  height: var(--divider-height);\n}\n\n.menu-container {\n  width: var(--input-width, 20rem);\n  position: relative;\n  top: var(--ic-space-xxxs);\n}\n\n.menu-container.fullwidth {\n  width: 100%;\n}\n\n.no-results {\n  cursor: not-allowed;\n}\n\n.search-results-status {\n  border: 0;\n  clip: rect(0, 0, 0, 0, 0);\n  height: var(--ic-space-1px);\n  margin-bottom: calc(-1 * var(--ic-space-1px));\n  margin-right: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: var(--ic-space-1px);\n}\n\n@media (forced-colors: active) {\n  .search-submit-button-unfocused * {\n    fill: canvastext;\n  }\n\n  .search-submit-button-disabled * {\n    fill: GrayText;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getInputDescribedByText, renderHiddenInput, handleHiddenFormButtonClick, getLabelFromValue, onComponentRequiredPropUndefined, getFilteredMenuOptions, removeDisabledFalse, debounceEvent, } from \"../../utils/helpers\";\nimport clearIcon from \"../../assets/clear-icon.svg\";\nimport searchIcon from \"../../assets/search-icon.svg\";\nlet inputIds = 0;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class SearchBar {\n    constructor() {\n        this.assistiveHintEl = null;\n        this.hasTimedOut = false;\n        this.inputId = `ic-search-bar-input-${inputIds++}`;\n        this.menuCloseFromMenuChangeEvent = false;\n        this.menuId = `${this.inputId}-menu`;\n        this.preLoad = true;\n        this.preventSubmit = false;\n        this.prevNoOption = false;\n        this.retryButtonClick = false;\n        this.truncateValue = false;\n        this.handleClear = (ev) => {\n            const keyboardEvent = ev;\n            const mouseEvent = ev;\n            if (mouseEvent.type === \"click\" ||\n                keyboardEvent.code === \"Enter\" ||\n                keyboardEvent.code === \"Space\") {\n                this.value = \"\";\n                this.inputEl.value = \"\";\n                this.loading = false;\n                clearTimeout(this.timeoutTimer);\n                this.filteredOptions = this.options;\n                this.el.setFocus();\n                this.icClear.emit();\n                ev.preventDefault();\n                this.preventSubmit = true;\n            }\n        };\n        this.onInput = (ev) => {\n            this.value = ev.target.value;\n            this.icInput.emit({ value: this.value });\n            const noOptions = [\n                { [this.labelField]: this.emptyOptionListText, [this.valueField]: \"\" },\n            ];\n            if (this.options.length > 0) {\n                this.setMenuChange(true);\n                this.preLoad = false;\n                if (this.disableAutoFiltering === false) {\n                    const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, \"anywhere\", this.labelField);\n                    this.filteredOptions =\n                        rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;\n                }\n            }\n            if (!this.showClearButton) {\n                this.handleShowClearButton(true);\n            }\n            this.debounceAriaLiveUpdate();\n        };\n        this.onInputBlur = (ev) => {\n            const value = ev.target.value;\n            const nextFocus = ev.relatedTarget;\n            this.icSearchBarBlur.emit({ value: value, relatedTarget: nextFocus });\n        };\n        this.onInputFocus = (ev) => {\n            const value = ev.target.value;\n            this.icSearchBarFocus.emit({ value: value });\n            this.handleShowClearButton(true);\n        };\n        this.handleClearBlur = (ev) => {\n            const nextFocus = ev.relatedTarget;\n            this.icClearBlur.emit({ relatedTarget: nextFocus });\n            this.clearButtonFocused = false;\n        };\n        this.handleSubmitSearchBlur = (ev) => {\n            const nextFocus = ev.relatedTarget;\n            this.icSubmitSearchBlur.emit({ relatedTarget: nextFocus });\n            this.searchSubmitFocused = false;\n        };\n        this.handleMouseDown = (ev) => {\n            ev.preventDefault();\n        };\n        this.handleSubmitSearchFocus = () => {\n            this.searchSubmitFocused = true;\n        };\n        this.handleSubmitSearch = () => {\n            this.highlightedValue && (this.value = this.highlightedValue);\n            this.highlightedValue = undefined;\n            this.icSubmitSearch.emit({ value: this.value });\n            const form = this.el.closest(\"FORM\");\n            if (this.searchSubmitButton && !!form && !this.preventSubmit) {\n                handleHiddenFormButtonClick(form, this.searchSubmitButton);\n            }\n        };\n        this.handleSubmitSearchKeyDown = (ev) => {\n            if (ev.key === \" \") {\n                ev.preventDefault();\n                this.handleSubmitSearch();\n            }\n        };\n        this.handleRetry = (ev) => {\n            this.retryViaKeyPress = ev.detail.keyPressed === \"Enter\";\n            this.icRetryLoad.emit({ value: ev.detail.value });\n            this.triggerLoading();\n            this.retryButtonClick = true;\n        };\n        this.triggerLoading = () => {\n            const loadingOption = [\n                {\n                    [this.labelField]: this.loadingLabel,\n                    [this.valueField]: \"\",\n                    loading: true,\n                },\n            ];\n            if (this.filteredOptions !== loadingOption)\n                this.filteredOptions = loadingOption;\n            if (this.timeout) {\n                this.timeoutTimer = window.setTimeout(() => {\n                    this.filteredOptions = [\n                        {\n                            [this.labelField]: this.loadingErrorLabel,\n                            [this.valueField]: \"\",\n                            timedOut: true,\n                        },\n                    ];\n                }, this.timeout);\n            }\n        };\n        this.handleOptionSelect = (ev) => {\n            if (ev.detail.label === this.emptyOptionListText) {\n                this.el.setFocus();\n                return;\n            }\n            this.value = ev.detail.value;\n            this.icOptionSelect.emit({ value: this.value });\n        };\n        this.handleMenuOptionHighlight = (ev) => {\n            var _a;\n            const optionValue = (_a = ev.detail.optionId) === null || _a === void 0 ? void 0 : _a.replace(`${this.menuId}-`, \"\");\n            optionValue && (this.highlightedValue = optionValue);\n            if (ev.detail.optionId) {\n                this.ariaActiveDescendant = ev.detail.optionId;\n            }\n            else {\n                this.ariaActiveDescendant = undefined;\n            }\n        };\n        this.handleMenuChange = (ev) => {\n            this.setMenuChange(ev.detail.open);\n            if (!ev.detail.open) {\n                this.menuCloseFromMenuChangeEvent = true;\n            }\n        };\n        this.setMenuChange = (open) => {\n            if (this.open !== open) {\n                this.open = open;\n                this.icMenuChange.emit({ open });\n            }\n        };\n        this.handleHostFocus = () => {\n            if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {\n                this.setMenuChange(true);\n            }\n            this.handleTruncateValue(false);\n            this.icSearchBarFocus.emit();\n        };\n        this.handleHostBlur = (ev) => {\n            var _a;\n            const nextFocus = ev.relatedTarget;\n            if (this.open &&\n                this.options &&\n                nextFocus !== this.menu &&\n                !this.retryViaKeyPress &&\n                !this.retryButtonClick) {\n                this.setMenuChange(false);\n            }\n            if (this.retryButtonClick || this.retryViaKeyPress) {\n                (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n            }\n            this.handleShowClearButton(false);\n            this.menuCloseFromMenuChangeEvent = false;\n            this.handleTruncateValue(true);\n            this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });\n            this.retryViaKeyPress = false;\n            this.retryButtonClick = false;\n        };\n        this.handleShowClearButton = (visible) => {\n            this.showClearButton = visible;\n        };\n        this.handleFocusClearButton = () => {\n            this.clearButtonFocused = true;\n        };\n        this.handleTruncateValue = (truncate) => {\n            this.truncateValue = truncate;\n        };\n        this.renderAssistiveHintEl = () => {\n            var _a;\n            const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.inputId}`);\n            if (input &&\n                Object.keys(input).length > 0 &&\n                this.hasOptionsOrFilterDisabled()) {\n                this.assistiveHintEl = document.createElement(\"span\");\n                this.assistiveHintEl.innerText = this.assistiveHintText;\n                this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;\n                this.assistiveHintEl.style.display = \"none\";\n                if (input.after !== undefined) {\n                    input.after(this.assistiveHintEl);\n                }\n            }\n        };\n        this.updateSearchResultAriaLive = () => {\n            const searchResultsStatusEl = this.el.shadowRoot.querySelector(\".search-results-status\");\n            if (searchResultsStatusEl) {\n                if (!this.open ||\n                    this.value === \"\" ||\n                    this.value.length < this.charactersUntilSuggestion) {\n                    searchResultsStatusEl.innerText = \"\";\n                }\n                else if (this.hasOptionsOrFilterDisabled() &&\n                    this.filteredOptions.length > 0 &&\n                    this.open &&\n                    !this.filteredOptions[0].loading) {\n                    if (this.hadNoOptions()) {\n                        searchResultsStatusEl.innerText = this.emptyOptionListText;\n                    }\n                    else {\n                        searchResultsStatusEl.innerText = `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? \"s\" : \"\"} available`;\n                    }\n                }\n            }\n        };\n        this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || this.disableAutoFiltering;\n        this.hadNoOptions = () => this.filteredOptions.length === 1 &&\n            this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&\n            this.searchMode === \"navigation\";\n        this.isSubmitDisabled = () => {\n            const valueNotSet = this.value === undefined || this.value === null || this.value === \"\";\n            const valueLengthLess = this.value.length < this.charactersUntilSuggestion;\n            return (valueNotSet ||\n                valueLengthLess ||\n                this.disabled ||\n                this.hadNoOptions() ||\n                this.hasTimedOut ||\n                this.loading);\n        };\n        this.highlightFirstOptionAfterNoResults = () => {\n            if (this.prevNoOption && this.menu && !this.hasTimedOut) {\n                this.menu.handleSetFirstOption();\n                this.prevNoOption = false;\n            }\n            const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||\n                filteredOption[this.labelField] === this.loadingErrorLabel ||\n                filteredOption[this.labelField] === this.loadingLabel);\n            if (prevNoOptionsList) {\n                this.prevNoOption = true;\n            }\n        };\n        this.ariaActiveDescendant = undefined;\n        this.clearButtonFocused = false;\n        this.highlightedValue = undefined;\n        this.open = false;\n        this.searchSubmitFocused = false;\n        this.showClearButton = false;\n        this.autocapitalize = \"off\";\n        this.autocomplete = \"off\";\n        this.autocorrect = \"off\";\n        this.autofocus = false;\n        this.charactersUntilSuggestion = 2;\n        this.disabled = false;\n        this.disableAutoFiltering = false;\n        this.debounce = 0;\n        this.emptyOptionListText = \"No results found\";\n        this.focusOnLoad = false;\n        this.fullWidth = false;\n        this.helperText = \"\";\n        this.hideLabel = false;\n        this.assistiveHintText = \"When autocomplete results are available use the up and down arrows to choose and press enter to select\";\n        this.label = undefined;\n        this.labelField = \"label\";\n        this.loading = false;\n        this.loadingErrorLabel = \"Loading Error\";\n        this.loadingLabel = \"Loading...\";\n        this.name = this.inputId;\n        this.placeholder = \"Search\";\n        this.readonly = false;\n        this.required = false;\n        this.searchMode = \"navigation\";\n        this.size = \"medium\";\n        this.spellcheck = false;\n        this.theme = \"inherit\";\n        this.timeout = undefined;\n        this.valueField = \"value\";\n        this.filteredOptions = [];\n        this.options = [];\n        this.value = \"\";\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    debounceChanged() {\n        this.icChange = debounceEvent(this.icChange, this.debounce);\n    }\n    loadingHandler(newValue) {\n        if (newValue && !this.hasTimedOut) {\n            this.preLoad = false;\n            this.triggerLoading();\n        }\n    }\n    filteredOptionsHandler(newOptions) {\n        this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n    }\n    watchOptionsHandler(newOptions) {\n        if (this.disableAutoFiltering && !this.hasTimedOut) {\n            this.loading = false;\n            clearTimeout(this.timeoutTimer);\n            if (newOptions.length > 0) {\n                this.filteredOptions = newOptions;\n            }\n            else {\n                if (this.hadNoOptions()) {\n                    return;\n                }\n                this.setMenuChange(true);\n                !this.preLoad &&\n                    (this.filteredOptions = [\n                        {\n                            [this.labelField]: this.emptyOptionListText,\n                            [this.valueField]: \"\",\n                        },\n                    ]);\n                this.preLoad = true;\n            }\n        }\n        this.debounceAriaLiveUpdate();\n    }\n    watchValueHandler(newValue) {\n        if (this.inputEl &&\n            this.options &&\n            !!getLabelFromValue(newValue, this.options, this.valueField, this.labelField)) {\n            this.inputEl.value = getLabelFromValue(newValue, this.options, this.valueField, this.labelField);\n        }\n        else if (this.inputEl && this.inputEl.value !== newValue) {\n            this.inputEl.value = newValue;\n        }\n        this.icChange.emit({ value: newValue });\n    }\n    connectedCallback() {\n        this.debounceChanged();\n    }\n    disconnectedCallback() {\n        if (this.assistiveHintEl) {\n            this.assistiveHintEl.remove();\n        }\n    }\n    componentWillLoad() {\n        this.watchValueHandler(this.value);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        if (this.focusOnLoad) {\n            this.el.setFocus();\n        }\n        if (this.hasOptionsOrFilterDisabled()) {\n            this.renderAssistiveHintEl();\n            if (this.disableAutoFiltering) {\n                this.filteredOptions = this.options;\n            }\n        }\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Search Bar\");\n    }\n    componentWillRender() {\n        this.highlightFirstOptionAfterNoResults();\n    }\n    handleKeyDown(event) {\n        this.icKeydown.emit({ event });\n        if (this.menu && this.open) {\n            this.menu.handleKeyboardOpen(event);\n        }\n    }\n    handleKeyUp(ev) {\n        if (ev.key === \"Enter\") {\n            if (this.preventSubmit || this.isSubmitDisabled()) {\n                return;\n            }\n            this.handleSubmitSearch();\n            this.setMenuChange(false);\n        }\n        if (ev.key === \"Escape\") {\n            this.setMenuChange(false);\n        }\n        if (this.preventSubmit) {\n            this.preventSubmit = false;\n        }\n    }\n    /**\n     * Sets focus on the native `input`.\n     */\n    async setFocus() {\n        var _a;\n        this.retryViaKeyPress = false;\n        this.retryButtonClick = false;\n        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    debounceAriaLiveUpdate() {\n        clearTimeout(this.debounceAriaLive);\n        this.debounceAriaLive = window.setTimeout(() => {\n            this.updateSearchResultAriaLive();\n        }, 500);\n    }\n    render() {\n        const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, } = this;\n        const disabledMode = readonly || disabled;\n        const describedBy = getInputDescribedByText(inputId, helperText !== \"\", false).trim();\n        let describedById;\n        if (describedBy !== \"\" && this.hasOptionsOrFilterDisabled()) {\n            describedById = `${describedBy} ${this.inputId}-assistive-hint`;\n        }\n        else if (this.hasOptionsOrFilterDisabled()) {\n            describedById = `${this.inputId}-assistive-hint`;\n        }\n        else if (describedBy !== \"\") {\n            describedById = describedBy;\n        }\n        else {\n            describedById = undefined;\n        }\n        const hasSuggestedSearch = !!value && this.hasOptionsOrFilterDisabled();\n        const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;\n        const menuRendered = menuOpen && value.length >= this.charactersUntilSuggestion;\n        const labelValue = getLabelFromValue(value, options, this.valueField, this.labelField);\n        renderHiddenInput(true, this.el, name, value, disabledMode);\n        return (h(Host, { class: {\n                [\"ic-search-bar-search\"]: true,\n                [\"ic-search-bar-full-width\"]: fullWidth,\n                [\"ic-search-bar-disabled\"]: disabled,\n                [\"ic-search-bar-small\"]: size === \"small\",\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h(\"ic-input-container\", { readonly: readonly, disabled: disabledMode }, !hideLabel && (h(\"ic-input-label\", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), h(\"ic-input-component-container\", { ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h(\"input\", { id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {\n                \"no-left-pad\": readonly,\n                readonly,\n                \"truncate-value\": truncateValue,\n            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, \"aria-label\": label, \"aria-activedescendant\": ariaActiveDescendant, \"aria-expanded\": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, \"aria-owns\": menuRendered ? menuId : undefined, \"aria-describedby\": describedById, \"aria-controls\": menuRendered ? menuId : undefined, \"aria-haspopup\": options.length > 0 ? \"listbox\" : undefined, \"aria-autocomplete\": hasSuggestedSearch ? \"list\" : undefined, role: options.length > 0 && menuRendered ? \"combobox\" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: \"search\" }), h(\"div\", { class: {\n                \"clear-button-container\": true,\n                \"clear-button-visible\": value && !disabledMode && this.showClearButton,\n            } }, h(\"ic-button\", { id: \"clear-button\", class: {\n                \"clear-button\": true,\n                \"clear-button-unfocused\": !this.clearButtonFocused,\n            }, \"aria-label\": \"Clear\", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: \"submit\", variant: \"icon\", theme: this.clearButtonFocused ? \"light\" : \"dark\" }), h(\"div\", { class: \"divider\" })), h(\"div\", { class: {\n                \"search-submit-button-container\": true,\n                \"search-submit-button-disabled\": this.isSubmitDisabled(),\n            } }, h(\"ic-button\", { id: \"search-submit-button\", \"aria-label\": \"Search\", ref: (el) => (this.searchSubmitButton = el), class: {\n                [\"search-submit-button\"]: true,\n                [\"search-submit-button-small\"]: size === \"small\",\n                [\"search-submit-button-unfocused\"]: !this.searchSubmitFocused,\n                [\"search-submit-button-disabled\"]: this.isSubmitDisabled(),\n            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: \"submit\", variant: \"icon\", theme: this.searchSubmitFocused ? \"light\" : \"dark\" }))), h(\"div\", { class: {\n                \"menu-container\": true,\n                fullwidth: fullWidth,\n            } }, menuRendered && (h(\"ic-menu\", { class: {\n                \"no-results\": this.hadNoOptions() ||\n                    (filteredOptions.length === 1 &&\n                        (filteredOptions[0][this.labelField] ===\n                            this.loadingLabel ||\n                            filteredOptions[0][this.labelField] ===\n                                this.loadingErrorLabel)),\n            }, activationType: \"manual\", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), h(\"div\", { \"aria-live\": \"polite\", role: \"status\", class: \"search-results-status\" })));\n    }\n    static get is() { return \"ic-search-bar\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-search-bar.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-search-bar.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"autocapitalize\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The automatic capitalisation of the text value as it is entered/edited by the user.\\nAvailable options: \\\"off\\\", \\\"none\\\", \\\"on\\\", \\\"sentences\\\", \\\"words\\\", \\\"characters\\\".\"\n                },\n                \"attribute\": \"autocapitalize\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autocomplete\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAutocompleteTypes\",\n                    \"resolved\": \"\\\"name\\\" | \\\"on\\\" | \\\"off\\\" | \\\"honorific-prefix\\\" | \\\"given-name\\\" | \\\"additional-name\\\" | \\\"family-name\\\" | \\\"honorific-suffix\\\" | \\\"nickname\\\" | \\\"email\\\" | \\\"username\\\" | \\\"new-password\\\" | \\\"current-password\\\" | \\\"one-time-code\\\" | \\\"organization-title\\\" | \\\"organization\\\" | \\\"street-address\\\" | \\\"address-line1\\\" | \\\"address-line2\\\" | \\\"address-line3\\\" | \\\"address-level4\\\" | \\\"address-level3\\\" | \\\"address-level2\\\" | \\\"address-level1\\\" | \\\"country\\\" | \\\"country-name\\\" | \\\"postal-code\\\" | \\\"cc-name\\\" | \\\"cc-given-name\\\" | \\\"cc-additional-name\\\" | \\\"cc-family-name\\\" | \\\"cc-number\\\" | \\\"cc-exp\\\" | \\\"cc-exp-month\\\" | \\\"cc-exp-year\\\" | \\\"cc-csc\\\" | \\\"cc-type\\\" | \\\"transaction-currency\\\" | \\\"transaction-amount\\\" | \\\"language\\\" | \\\"bday\\\" | \\\"bday-day\\\" | \\\"bday-month\\\" | \\\"bday-year\\\" | \\\"sex\\\" | \\\"tel\\\" | \\\"tel-country-code\\\" | \\\"tel-national\\\" | \\\"tel-area-code\\\" | \\\"tel-local\\\" | \\\"tel-extension\\\" | \\\"impp\\\" | \\\"url\\\" | \\\"photo\\\"\",\n                    \"references\": {\n                        \"IcAutocompleteTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAutocompleteTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of autocompletion the browser can apply on the text value.\"\n                },\n                \"attribute\": \"autocomplete\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autocorrect\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAutocorrectStates\",\n                    \"resolved\": \"\\\"off\\\" | \\\"on\\\"\",\n                    \"references\": {\n                        \"IcAutocorrectStates\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAutocorrectStates\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of autocorrection the browser can apply when the user is entering/editing the text value.\"\n                },\n                \"attribute\": \"autocorrect\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autofocus\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the form control will have input focus when the page loads.\"\n                },\n                \"attribute\": \"autofocus\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"charactersUntilSuggestion\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.\"\n                },\n                \"attribute\": \"characters-until-suggestion\",\n                \"reflect\": false,\n                \"defaultValue\": \"2\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableAutoFiltering\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\\nIf `true`, all options provided will be displayed.\"\n                },\n                \"attribute\": \"disable-auto-filtering\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"debounce\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\"\n                },\n                \"attribute\": \"debounce\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"emptyOptionListText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text displayed when there are no options in the option list.\"\n                },\n                \"attribute\": \"empty-option-list-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"No results found\\\"\"\n            },\n            \"focusOnLoad\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the search bar will be focused when component loaded.\"\n                },\n                \"attribute\": \"focus-on-load\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify whether the search bar fills the full width of the container.\\nIf `true`, this overrides the --input-width CSS variable.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"helperText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The helper text that will be displayed for additional field guidance.\"\n                },\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"assistiveHintText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The hint text for the hidden assistive description element.\"\n                },\n                \"attribute\": \"assistive-hint-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"When autocomplete results are available use the up and down arrows to choose and press enter to select\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the search bar.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"labelField\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom name for the label field to correspond with the IcMenuOption type.\"\n                },\n                \"attribute\": \"label-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"label\\\"\"\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Trigger loading state when fetching options asynchronously\"\n                },\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"loadingErrorLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Change the message displayed when external loading times out.\"\n                },\n                \"attribute\": \"loading-error-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Loading Error\\\"\"\n            },\n            \"loadingLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Change the message displayed whilst the options are being loaded externally.\"\n                },\n                \"attribute\": \"loading-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Loading...\\\"\"\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the control, which is submitted with the form data.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false,\n                \"defaultValue\": \"this.inputId\"\n            },\n            \"placeholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The placeholder value to display.\"\n                },\n                \"attribute\": \"placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Search\\\"\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the search bar will require a value.\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSearchBarSearchModes\",\n                    \"resolved\": \"\\\"navigation\\\" | \\\"query\\\"\",\n                    \"references\": {\n                        \"IcSearchBarSearchModes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-search-bar.types\",\n                            \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\"\n                },\n                \"attribute\": \"search-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"navigation\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizesNoLarge\",\n                    \"resolved\": \"\\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizesNoLarge\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the search bar component.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"spellcheck\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the value of the search will have its spelling and grammar checked.\"\n                },\n                \"attribute\": \"spellcheck\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"timeout\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If using external filtering, set a timeout for when loading takes too long.\"\n                },\n                \"attribute\": \"timeout\",\n                \"reflect\": false\n            },\n            \"valueField\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom name for the value field to correspond with the IcMenuOption type.\"\n                },\n                \"attribute\": \"value-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"value\\\"\"\n            },\n            \"options\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcMenuOption[]\",\n                    \"resolved\": \"IcMenuOption[]\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The suggested search options.\"\n                },\n                \"defaultValue\": \"[]\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the search input.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ariaActiveDescendant\": {},\n            \"clearButtonFocused\": {},\n            \"highlightedValue\": {},\n            \"open\": {},\n            \"searchSubmitFocused\": {},\n            \"showClearButton\": {},\n            \"filteredOptions\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value has changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icClear\",\n                \"name\": \"icClear\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when value is cleared with clear button\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icInput\",\n                \"name\": \"icInput\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a keyboard input occurred.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icOptionSelect\",\n                \"name\": \"icOptionSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when option is highlighted within the menu\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcOptionSelectEventDetail\",\n                    \"resolved\": \"IcOptionSelectEventDetail\",\n                    \"references\": {\n                        \"IcOptionSelectEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-menu/ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icMenuChange\",\n                \"name\": \"icMenuChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the state of the menu changes (i.e. open or close)\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuChangeEventDetail\",\n                    \"resolved\": \"IcMenuChangeEventDetail\",\n                    \"references\": {\n                        \"IcMenuChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-menu/ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icClearBlur\",\n                \"name\": \"icClearBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when blur is invoked from clear button\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcBlurEventDetail\",\n                    \"resolved\": \"IcBlurEventDetail\",\n                    \"references\": {\n                        \"IcBlurEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBlurEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icRetryLoad\",\n                \"name\": \"icRetryLoad\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the 'retry loading' button is clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSubmitSearch\",\n                \"name\": \"icSubmitSearch\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the search value has been submitted\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSubmitSearchBlur\",\n                \"name\": \"icSubmitSearchBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when blur is invoked from search submit button\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcBlurEventDetail\",\n                    \"resolved\": \"IcBlurEventDetail\",\n                    \"references\": {\n                        \"IcBlurEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBlurEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSearchBarBlur\",\n                \"name\": \"icSearchBarBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when blur is invoked from ic-search-bar\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcSearchBarBlurEventDetail\",\n                    \"resolved\": \"IcSearchBarBlurEventDetail\",\n                    \"references\": {\n                        \"IcSearchBarBlurEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-search-bar.types\",\n                            \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarBlurEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSearchBarFocus\",\n                \"name\": \"icSearchBarFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when focus is invoked from ic-search-bar\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icKeydown\",\n                \"name\": \"icKeydown\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a keydown event occurred.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ event: KeyboardEvent }\",\n                    \"resolved\": \"{ event: KeyboardEvent; }\",\n                    \"references\": {\n                        \"KeyboardEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::KeyboardEvent\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the native `input`.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"debounce\",\n                \"methodName\": \"debounceChanged\"\n            }, {\n                \"propName\": \"loading\",\n                \"methodName\": \"loadingHandler\"\n            }, {\n                \"propName\": \"filteredOptions\",\n                \"methodName\": \"filteredOptionsHandler\"\n            }, {\n                \"propName\": \"options\",\n                \"methodName\": \"watchOptionsHandler\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"watchValueHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keyup\",\n                \"method\": \"handleKeyUp\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-search-bar.js.map\n"],"mappings":"6tCAAA,MAAMA,EAAiB,s5MCIvB,IAAIC,EAAW,E,MAEFC,EAAS,MAClB,WAAAC,CAAAC,G,0gBACIC,KAAKC,gBAAkB,KACvBD,KAAKE,YAAc,MACnBF,KAAKG,QAAU,uBAAuBP,MACtCI,KAAKI,6BAA+B,MACpCJ,KAAKK,OAAS,GAAGL,KAAKG,eACtBH,KAAKM,QAAU,KACfN,KAAKO,cAAgB,MACrBP,KAAKQ,aAAe,MACpBR,KAAKS,iBAAmB,MACxBT,KAAKU,cAAgB,MACrBV,KAAKW,YAAeC,IAChB,MAAMC,EAAgBD,EACtB,MAAME,EAAaF,EACnB,GAAIE,EAAWC,OAAS,SACpBF,EAAcG,OAAS,SACvBH,EAAcG,OAAS,QAAS,CAChChB,KAAKiB,MAAQ,GACbjB,KAAKkB,QAAQD,MAAQ,GACrBjB,KAAKmB,QAAU,MACfC,aAAapB,KAAKqB,cAClBrB,KAAKsB,gBAAkBtB,KAAKuB,QAC5BvB,KAAKwB,GAAGC,WACRzB,KAAK0B,QAAQC,OACbf,EAAGgB,iBACH5B,KAAKO,cAAgB,I,GAG7BP,KAAK6B,QAAWjB,IACZZ,KAAKiB,MAAQL,EAAGkB,OAAOb,MACvBjB,KAAK+B,QAAQJ,KAAK,CAAEV,MAAOjB,KAAKiB,QAChC,MAAMe,EAAY,CACd,CAAE,CAAChC,KAAKiC,YAAajC,KAAKkC,oBAAqB,CAAClC,KAAKmC,YAAa,KAEtE,GAAInC,KAAKuB,QAAQa,OAAS,EAAG,CACzBpC,KAAKqC,cAAc,MACnBrC,KAAKM,QAAU,MACf,GAAIN,KAAKsC,uBAAyB,MAAO,CACrC,MAAMC,EAAqBC,EAAuBxC,KAAKuB,QAAS,MAAOvB,KAAKiB,MAAO,WAAYjB,KAAKiC,YACpGjC,KAAKsB,gBACDiB,EAAmBH,OAAS,EAAIG,EAAqBP,C,EAGjE,IAAKhC,KAAKyC,gBAAiB,CACvBzC,KAAK0C,sBAAsB,K,CAE/B1C,KAAK2C,wBAAwB,EAEjC3C,KAAK4C,YAAehC,IAChB,MAAMK,EAAQL,EAAGkB,OAAOb,MACxB,MAAM4B,EAAYjC,EAAGkC,cACrB9C,KAAK+C,gBAAgBpB,KAAK,CAAEV,MAAOA,EAAO6B,cAAeD,GAAY,EAEzE7C,KAAKgD,aAAgBpC,IACjB,MAAMK,EAAQL,EAAGkB,OAAOb,MACxBjB,KAAKiD,iBAAiBtB,KAAK,CAAEV,MAAOA,IACpCjB,KAAK0C,sBAAsB,KAAK,EAEpC1C,KAAKkD,gBAAmBtC,IACpB,MAAMiC,EAAYjC,EAAGkC,cACrB9C,KAAKmD,YAAYxB,KAAK,CAAEmB,cAAeD,IACvC7C,KAAKoD,mBAAqB,KAAK,EAEnCpD,KAAKqD,uBAA0BzC,IAC3B,MAAMiC,EAAYjC,EAAGkC,cACrB9C,KAAKsD,mBAAmB3B,KAAK,CAAEmB,cAAeD,IAC9C7C,KAAKuD,oBAAsB,KAAK,EAEpCvD,KAAKwD,gBAAmB5C,IACpBA,EAAGgB,gBAAgB,EAEvB5B,KAAKyD,wBAA0B,KAC3BzD,KAAKuD,oBAAsB,IAAI,EAEnCvD,KAAK0D,mBAAqB,KACtB1D,KAAK2D,mBAAqB3D,KAAKiB,MAAQjB,KAAK2D,kBAC5C3D,KAAK2D,iBAAmBC,UACxB5D,KAAK6D,eAAelC,KAAK,CAAEV,MAAOjB,KAAKiB,QACvC,MAAM6C,EAAO9D,KAAKwB,GAAGuC,QAAQ,QAC7B,GAAI/D,KAAKgE,sBAAwBF,IAAS9D,KAAKO,cAAe,CAC1D0D,EAA4BH,EAAM9D,KAAKgE,mB,GAG/ChE,KAAKkE,0BAA6BtD,IAC9B,GAAIA,EAAGuD,MAAQ,IAAK,CAChBvD,EAAGgB,iBACH5B,KAAK0D,oB,GAGb1D,KAAKoE,YAAexD,IAChBZ,KAAKqE,iBAAmBzD,EAAG0D,OAAOC,aAAe,QACjDvE,KAAKwE,YAAY7C,KAAK,CAAEV,MAAOL,EAAG0D,OAAOrD,QACzCjB,KAAKyE,iBACLzE,KAAKS,iBAAmB,IAAI,EAEhCT,KAAKyE,eAAiB,KAClB,MAAMC,EAAgB,CAClB,CACI,CAAC1E,KAAKiC,YAAajC,KAAK2E,aACxB,CAAC3E,KAAKmC,YAAa,GACnBhB,QAAS,OAGjB,GAAInB,KAAKsB,kBAAoBoD,EACzB1E,KAAKsB,gBAAkBoD,EAC3B,GAAI1E,KAAK4E,QAAS,CACd5E,KAAKqB,aAAewD,OAAOC,YAAW,KAClC9E,KAAKsB,gBAAkB,CACnB,CACI,CAACtB,KAAKiC,YAAajC,KAAK+E,kBACxB,CAAC/E,KAAKmC,YAAa,GACnB6C,SAAU,MAEjB,GACFhF,KAAK4E,Q,GAGhB5E,KAAKiF,mBAAsBrE,IACvB,GAAIA,EAAG0D,OAAOY,QAAUlF,KAAKkC,oBAAqB,CAC9ClC,KAAKwB,GAAGC,WACR,M,CAEJzB,KAAKiB,MAAQL,EAAG0D,OAAOrD,MACvBjB,KAAKmF,eAAexD,KAAK,CAAEV,MAAOjB,KAAKiB,OAAQ,EAEnDjB,KAAKoF,0BAA6BxE,IAC9B,IAAIyE,EACJ,MAAMC,GAAeD,EAAKzE,EAAG0D,OAAOiB,YAAc,MAAQF,SAAY,OAAS,EAAIA,EAAGG,QAAQ,GAAGxF,KAAKK,UAAW,IACjHiF,IAAgBtF,KAAK2D,iBAAmB2B,GACxC,GAAI1E,EAAG0D,OAAOiB,SAAU,CACpBvF,KAAKyF,qBAAuB7E,EAAG0D,OAAOiB,Q,KAErC,CACDvF,KAAKyF,qBAAuB7B,S,GAGpC5D,KAAK0F,iBAAoB9E,IACrBZ,KAAKqC,cAAczB,EAAG0D,OAAOqB,MAC7B,IAAK/E,EAAG0D,OAAOqB,KAAM,CACjB3F,KAAKI,6BAA+B,I,GAG5CJ,KAAKqC,cAAiBsD,IAClB,GAAI3F,KAAK2F,OAASA,EAAM,CACpB3F,KAAK2F,KAAOA,EACZ3F,KAAK4F,aAAajE,KAAK,CAAEgE,Q,GAGjC3F,KAAK6F,gBAAkB,KACnB,GAAI7F,KAAKuB,SAAWvB,KAAKiB,QAAUjB,KAAKI,6BAA8B,CAClEJ,KAAKqC,cAAc,K,CAEvBrC,KAAK8F,oBAAoB,OACzB9F,KAAKiD,iBAAiBtB,MAAM,EAEhC3B,KAAK+F,eAAkBnF,IACnB,IAAIyE,EACJ,MAAMxC,EAAYjC,EAAGkC,cACrB,GAAI9C,KAAK2F,MACL3F,KAAKuB,SACLsB,IAAc7C,KAAKgG,OAClBhG,KAAKqE,mBACLrE,KAAKS,iBAAkB,CACxBT,KAAKqC,cAAc,M,CAEvB,GAAIrC,KAAKS,kBAAoBT,KAAKqE,iBAAkB,EAC/CgB,EAAKrF,KAAKkB,WAAa,MAAQmE,SAAY,OAAS,EAAIA,EAAGY,O,CAEhEjG,KAAK0C,sBAAsB,OAC3B1C,KAAKI,6BAA+B,MACpCJ,KAAK8F,oBAAoB,MACzB9F,KAAK+C,gBAAgBpB,KAAK,CAAEmB,cAAeD,EAAW5B,MAAOjB,KAAKiB,QAClEjB,KAAKqE,iBAAmB,MACxBrE,KAAKS,iBAAmB,KAAK,EAEjCT,KAAK0C,sBAAyBwD,IAC1BlG,KAAKyC,gBAAkByD,CAAO,EAElClG,KAAKmG,uBAAyB,KAC1BnG,KAAKoD,mBAAqB,IAAI,EAElCpD,KAAK8F,oBAAuBM,IACxBpG,KAAKU,cAAgB0F,CAAQ,EAEjCpG,KAAKqG,sBAAwB,KACzB,IAAIhB,EACJ,MAAMiB,GAASjB,EAAKrF,KAAKwB,GAAG+E,cAAgB,MAAQlB,SAAY,OAAS,EAAIA,EAAGmB,cAAc,IAAIxG,KAAKG,WACvG,GAAImG,GACAG,OAAOC,KAAKJ,GAAOlE,OAAS,GAC5BpC,KAAK2G,6BAA8B,CACnC3G,KAAKC,gBAAkB2G,SAASC,cAAc,QAC9C7G,KAAKC,gBAAgB6G,UAAY9G,KAAK+G,kBACtC/G,KAAKC,gBAAgB+G,GAAK,GAAGhH,KAAKG,yBAClCH,KAAKC,gBAAgBgH,MAAMC,QAAU,OACrC,GAAIZ,EAAMa,QAAUvD,UAAW,CAC3B0C,EAAMa,MAAMnH,KAAKC,gB,IAI7BD,KAAKoH,2BAA6B,KAC9B,MAAMC,EAAwBrH,KAAKwB,GAAG+E,WAAWC,cAAc,0BAC/D,GAAIa,EAAuB,CACvB,IAAKrH,KAAK2F,MACN3F,KAAKiB,QAAU,IACfjB,KAAKiB,MAAMmB,OAASpC,KAAKsH,0BAA2B,CACpDD,EAAsBP,UAAY,E,MAEjC,GAAI9G,KAAK2G,8BACV3G,KAAKsB,gBAAgBc,OAAS,GAC9BpC,KAAK2F,OACJ3F,KAAKsB,gBAAgB,GAAGH,QAAS,CAClC,GAAInB,KAAKuH,eAAgB,CACrBF,EAAsBP,UAAY9G,KAAKkC,mB,KAEtC,CACDmF,EAAsBP,UAAY,GAAG9G,KAAKsB,gBAAgBc,gBAAgBpC,KAAKsB,gBAAgBc,OAAS,EAAI,IAAM,c,KAKlIpC,KAAK2G,2BAA6B,IAAM3G,KAAKuB,QAAQa,OAAS,GAAKpC,KAAKsC,qBACxEtC,KAAKuH,aAAe,IAAMvH,KAAKsB,gBAAgBc,SAAW,GACtDpC,KAAKsB,gBAAgB,GAAGtB,KAAKiC,cAAgBjC,KAAKkC,qBAClDlC,KAAKwH,aAAe,aACxBxH,KAAKyH,iBAAmB,KACpB,MAAMC,EAAc1H,KAAKiB,QAAU2C,WAAa5D,KAAKiB,QAAU,MAAQjB,KAAKiB,QAAU,GACtF,MAAM0G,EAAkB3H,KAAKiB,MAAMmB,OAASpC,KAAKsH,0BACjD,OAAQI,GACJC,GACA3H,KAAK4H,UACL5H,KAAKuH,gBACLvH,KAAKE,aACLF,KAAKmB,OAAO,EAEpBnB,KAAK6H,mCAAqC,KACtC,GAAI7H,KAAKQ,cAAgBR,KAAKgG,OAAShG,KAAKE,YAAa,CACrDF,KAAKgG,KAAK8B,uBACV9H,KAAKQ,aAAe,K,CAExB,MAAMuH,EAAoB/H,KAAKsB,gBAAgB0G,MAAMC,GAAmBA,EAAejI,KAAKiC,cAAgBjC,KAAKkC,qBAC7G+F,EAAejI,KAAKiC,cAAgBjC,KAAK+E,mBACzCkD,EAAejI,KAAKiC,cAAgBjC,KAAK2E,eAC7C,GAAIoD,EAAmB,CACnB/H,KAAKQ,aAAe,I,GAG5BR,KAAKyF,qBAAuB7B,UAC5B5D,KAAKoD,mBAAqB,MAC1BpD,KAAK2D,iBAAmBC,UACxB5D,KAAK2F,KAAO,MACZ3F,KAAKuD,oBAAsB,MAC3BvD,KAAKyC,gBAAkB,MACvBzC,KAAKkI,eAAiB,MACtBlI,KAAKmI,aAAe,MACpBnI,KAAKoI,YAAc,MACnBpI,KAAKqI,UAAY,MACjBrI,KAAKsH,0BAA4B,EACjCtH,KAAK4H,SAAW,MAChB5H,KAAKsC,qBAAuB,MAC5BtC,KAAKsI,SAAW,EAChBtI,KAAKkC,oBAAsB,mBAC3BlC,KAAKuI,YAAc,MACnBvI,KAAKwI,UAAY,MACjBxI,KAAKyI,WAAa,GAClBzI,KAAK0I,UAAY,MACjB1I,KAAK+G,kBAAoB,yGACzB/G,KAAKkF,MAAQtB,UACb5D,KAAKiC,WAAa,QAClBjC,KAAKmB,QAAU,MACfnB,KAAK+E,kBAAoB,gBACzB/E,KAAK2E,aAAe,aACpB3E,KAAK2I,KAAO3I,KAAKG,QACjBH,KAAK4I,YAAc,SACnB5I,KAAK6I,SAAW,MAChB7I,KAAK8I,SAAW,MAChB9I,KAAKwH,WAAa,aAClBxH,KAAK+I,KAAO,SACZ/I,KAAKgJ,WAAa,MAClBhJ,KAAKiJ,MAAQ,UACbjJ,KAAK4E,QAAUhB,UACf5D,KAAKmC,WAAa,QAClBnC,KAAKsB,gBAAkB,GACvBtB,KAAKuB,QAAU,GACfvB,KAAKiB,MAAQ,E,CAEjB,oBAAAiI,GACIC,EAAoBnJ,KAAK4H,SAAU5H,KAAKwB,G,CAE5C,eAAA4H,GACIpJ,KAAKqJ,SAAWC,EAActJ,KAAKqJ,SAAUrJ,KAAKsI,S,CAEtD,cAAAiB,CAAeC,GACX,GAAIA,IAAaxJ,KAAKE,YAAa,CAC/BF,KAAKM,QAAU,MACfN,KAAKyE,gB,EAGb,sBAAAgF,CAAuBC,GACnB1J,KAAKE,YAAcwJ,EAAWC,MAAMC,GAAQA,EAAI5E,U,CAEpD,mBAAA6E,CAAoBH,GAChB,GAAI1J,KAAKsC,uBAAyBtC,KAAKE,YAAa,CAChDF,KAAKmB,QAAU,MACfC,aAAapB,KAAKqB,cAClB,GAAIqI,EAAWtH,OAAS,EAAG,CACvBpC,KAAKsB,gBAAkBoI,C,KAEtB,CACD,GAAI1J,KAAKuH,eAAgB,CACrB,M,CAEJvH,KAAKqC,cAAc,OAClBrC,KAAKM,UACDN,KAAKsB,gBAAkB,CACpB,CACI,CAACtB,KAAKiC,YAAajC,KAAKkC,oBACxB,CAAClC,KAAKmC,YAAa,MAG/BnC,KAAKM,QAAU,I,EAGvBN,KAAK2C,wB,CAET,iBAAAmH,CAAkBN,GACd,GAAIxJ,KAAKkB,SACLlB,KAAKuB,WACHwI,EAAkBP,EAAUxJ,KAAKuB,QAASvB,KAAKmC,WAAYnC,KAAKiC,YAAa,CAC/EjC,KAAKkB,QAAQD,MAAQ8I,EAAkBP,EAAUxJ,KAAKuB,QAASvB,KAAKmC,WAAYnC,KAAKiC,W,MAEpF,GAAIjC,KAAKkB,SAAWlB,KAAKkB,QAAQD,QAAUuI,EAAU,CACtDxJ,KAAKkB,QAAQD,MAAQuI,C,CAEzBxJ,KAAKqJ,SAAS1H,KAAK,CAAEV,MAAOuI,G,CAEhC,iBAAAQ,GACIhK,KAAKoJ,iB,CAET,oBAAAa,GACI,GAAIjK,KAAKC,gBAAiB,CACtBD,KAAKC,gBAAgBiK,Q,EAG7B,iBAAAC,GACInK,KAAK8J,kBAAkB9J,KAAKiB,OAC5BkI,EAAoBnJ,KAAK4H,SAAU5H,KAAKwB,G,CAE5C,gBAAA4I,GACI,GAAIpK,KAAKuI,YAAa,CAClBvI,KAAKwB,GAAGC,U,CAEZ,GAAIzB,KAAK2G,6BAA8B,CACnC3G,KAAKqG,wBACL,GAAIrG,KAAKsC,qBAAsB,CAC3BtC,KAAKsB,gBAAkBtB,KAAKuB,O,EAGpC8I,EAAiC,CAAC,CAAEC,KAAMtK,KAAKkF,MAAOqF,SAAU,UAAY,a,CAEhF,mBAAAC,GACIxK,KAAK6H,oC,CAET,aAAA4C,CAAcC,GACV1K,KAAK2K,UAAUhJ,KAAK,CAAE+I,UACtB,GAAI1K,KAAKgG,MAAQhG,KAAK2F,KAAM,CACxB3F,KAAKgG,KAAK4E,mBAAmBF,E,EAGrC,WAAAG,CAAYjK,GACR,GAAIA,EAAGuD,MAAQ,QAAS,CACpB,GAAInE,KAAKO,eAAiBP,KAAKyH,mBAAoB,CAC/C,M,CAEJzH,KAAK0D,qBACL1D,KAAKqC,cAAc,M,CAEvB,GAAIzB,EAAGuD,MAAQ,SAAU,CACrBnE,KAAKqC,cAAc,M,CAEvB,GAAIrC,KAAKO,cAAe,CACpBP,KAAKO,cAAgB,K,EAM7B,cAAMkB,GACF,IAAI4D,EACJrF,KAAKqE,iBAAmB,MACxBrE,KAAKS,iBAAmB,OACvB4E,EAAKrF,KAAKkB,WAAa,MAAQmE,SAAY,OAAS,EAAIA,EAAGY,O,CAEhE,sBAAAtD,GACIvB,aAAapB,KAAK8K,kBAClB9K,KAAK8K,iBAAmBjG,OAAOC,YAAW,KACtC9E,KAAKoH,4BAA4B,GAClC,I,CAEP,MAAA2D,GACI,MAAM5K,QAAEA,EAAOwI,KAAEA,EAAIzD,MAAEA,EAAK4D,SAAEA,EAAQC,KAAEA,EAAIH,YAAEA,EAAWH,WAAEA,EAAUb,SAAEA,EAAQ3G,MAAEA,EAAK4H,SAAEA,EAAQG,WAAEA,EAAUR,UAAEA,EAASjH,QAAEA,EAAOoE,KAAEA,EAAI+C,UAAEA,EAASrI,OAAEA,EAAMoF,qBAAEA,EAAoB/E,cAAEA,EAAa2H,UAAEA,EAASH,eAAEA,EAAcC,aAAEA,EAAY7G,gBAAEA,EAAe2H,MAAEA,GAAWjJ,KACrQ,MAAMgL,EAAenC,GAAYjB,EACjC,MAAMqD,EAAcC,EAAwB/K,EAASsI,IAAe,GAAI,OAAO0C,OAC/E,IAAIC,EACJ,GAAIH,IAAgB,IAAMjL,KAAK2G,6BAA8B,CACzDyE,EAAgB,GAAGH,KAAejL,KAAKG,wB,MAEtC,GAAIH,KAAK2G,6BAA8B,CACxCyE,EAAgB,GAAGpL,KAAKG,wB,MAEvB,GAAI8K,IAAgB,GAAI,CACzBG,EAAgBH,C,KAEf,CACDG,EAAgBxH,S,CAEpB,MAAMyH,IAAuBpK,GAASjB,KAAK2G,6BAC3C,MAAM2E,EAAWD,GAAsB1F,GAAQrE,EAAgBc,OAAS,EACxE,MAAMmJ,EAAeD,GAAYrK,EAAMmB,QAAUpC,KAAKsH,0BACtD,MAAMkE,EAAazB,EAAkB9I,EAAOM,EAASvB,KAAKmC,WAAYnC,KAAKiC,YAC3EwJ,EAAkB,KAAMzL,KAAKwB,GAAImH,EAAM1H,EAAO+J,GAC9C,OAAQU,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,wBAAyB,KAC1B,CAAC,4BAA6BpD,EAC9B,CAAC,0BAA2BZ,EAC5B,CAAC,uBAAwBmB,IAAS,QAClC,CAAC,YAAYE,KAAUA,IAAU,WAClC4C,QAAS7L,KAAK6F,gBAAiBiG,OAAQ9L,KAAK+F,gBAAkB2F,EAAE,qBAAsB,CAAE7C,SAAUA,EAAUjB,SAAUoD,IAAiBtC,GAAcgD,EAAE,iBAAkB,CAAEK,IAAK5L,EAAS+E,MAAOA,EAAOuD,WAAYA,EAAYK,SAAUA,EAAUlB,SAAUoD,IAAiBnC,EAAUA,SAAUA,IAAc6C,EAAE,+BAAgC,CAAEM,IAAMxK,GAAQxB,KAAKiM,SAAWzK,EAAKuH,KAAMA,EAAMnB,SAAUoD,EAAcnC,SAAUA,EAAUL,UAAWA,GAAakD,EAAE,QAAS,CAAE1E,GAAI7G,EAASwI,KAAMA,EAAMqD,IAAMxK,GAAQxB,KAAKkB,QAAUM,EAAKP,MAAOM,KAAaiK,EAAaA,EAAavK,EAAO2K,MAAO,CAC1kB,cAAe/C,EACfA,WACA,iBAAkBnI,GACnBkI,YAAaA,EAAaE,SAAUA,EAAUlB,SAAUoD,EAAcnC,SAAUA,EAAUhH,QAAS7B,KAAK6B,QAASiK,OAAQ9L,KAAK4C,YAAaiJ,QAAS7L,KAAKgD,aAAc,aAAckC,EAAO,wBAAyBO,EAAsB,gBAAiBlE,EAAQa,OAAS,GAAKmJ,EAAe,GAAGD,IAAa1H,UAAW,YAAa2H,EAAelL,EAASuD,UAAW,mBAAoBwH,EAAe,gBAAiBG,EAAelL,EAASuD,UAAW,gBAAiBrC,EAAQa,OAAS,EAAI,UAAYwB,UAAW,oBAAqByH,EAAqB,OAASzH,UAAWsI,KAAM3K,EAAQa,OAAS,GAAKmJ,EAAe,WAAa3H,UAAWuE,aAAcA,EAAcD,eAAgBA,EAAgBiE,UAAW9D,EAAWW,WAAYA,EAAYoD,UAAW,WAAaV,EAAE,MAAO,CAAEE,MAAO,CACpxB,yBAA0B,KAC1B,uBAAwB3K,IAAU+J,GAAgBhL,KAAKyC,kBACtDiJ,EAAE,YAAa,CAAE1E,GAAI,eAAgB4E,MAAO,CAC7C,eAAgB,KAChB,0BAA2B5L,KAAKoD,oBACjC,aAAc,QAASiJ,UAAWC,EAAWC,QAASvM,KAAKW,YAAa6L,YAAaxM,KAAKwD,gBAAiBuF,KAAMA,EAAM8C,QAAS7L,KAAKmG,uBAAwB2F,OAAQ9L,KAAKkD,gBAAiBuJ,UAAWzM,KAAKW,YAAaI,KAAM,SAAU2L,QAAS,OAAQzD,MAAOjJ,KAAKoD,mBAAqB,QAAU,SAAWsI,EAAE,MAAO,CAAEE,MAAO,aAAeF,EAAE,MAAO,CAAEE,MAAO,CACjW,iCAAkC,KAClC,gCAAiC5L,KAAKyH,qBACrCiE,EAAE,YAAa,CAAE1E,GAAI,uBAAwB,aAAc,SAAUgF,IAAMxK,GAAQxB,KAAKgE,mBAAqBxC,EAAKoK,MAAO,CAC1H,CAAC,wBAAyB,KAC1B,CAAC,8BAA+B7C,IAAS,QACzC,CAAC,mCAAoC/I,KAAKuD,oBAC1C,CAAC,iCAAkCvD,KAAKyH,oBACzCG,SAAU5H,KAAKyH,mBAAoB4E,UAAWM,EAAY5D,KAAMA,EAAMwD,QAASvM,KAAK0D,mBAAoB8I,YAAaxM,KAAKwD,gBAAiBsI,OAAQ9L,KAAKqD,uBAAwBwI,QAAS7L,KAAKyD,wBAAyBgJ,UAAWzM,KAAKkE,0BAA2BnD,KAAM,SAAU2L,QAAS,OAAQzD,MAAOjJ,KAAKuD,oBAAsB,QAAU,WAAamI,EAAE,MAAO,CAAEE,MAAO,CAC7W,iBAAkB,KAClBgB,UAAWpE,IACV+C,GAAiBG,EAAE,UAAW,CAAEE,MAAO,CACxC,aAAc5L,KAAKuH,gBACdjG,EAAgBc,SAAW,IACvBd,EAAgB,GAAGtB,KAAKiC,cACrBjC,KAAK2E,cACLrD,EAAgB,GAAGtB,KAAKiC,cACpBjC,KAAK+E,oBACtB8H,eAAgB,SAAUZ,SAAUjM,KAAKiM,SAAUa,oBAAqB,MAAOtF,WAAYxH,KAAKwH,WAAYtG,QAASlB,KAAKkB,QAAS6L,WAAY7H,EAAO8G,IAAMxK,GAAQxB,KAAKgG,KAAOxE,EAAKgH,UAAWA,EAAWnI,OAAQA,EAAQsF,OAAQ4F,EAAchK,QAASD,EAAiB0L,mBAAoBhN,KAAKiF,mBAAoBgI,kBAAmBjN,KAAK0F,iBAAkBwH,eAAgBlN,KAAKoF,0BAA2B+H,qBAAsBnN,KAAKoE,YAAagJ,SAAUpN,KAAKwB,GAAIP,MAAOA,EAAOgB,WAAYjC,KAAKiC,WAAYE,WAAYnC,KAAKmC,eAAkBuJ,EAAE,MAAO,CAAE,YAAa,SAAUQ,KAAM,SAAUN,MAAO,0B,CAI/lB,yBAAWyB,GAAmB,OAAO,IAAK,C"}

package/dist/core/p-4ba91306.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as r,g as a}from"./p-8455d1bb.js";import{c as n}from"./p-e081702e.js";import{a as o,i as s,V as c,I as l}from"./p-70616efa.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host ::slotted(ic-typography){--ic-typography-color:var(--ic-alert-description)}.container{min-height:var(--ic-alert-height);border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n    var(--ic-space-xxs);position:relative;display:flex;align-items:center}.container-neutral{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}.container-info{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}.container-warning{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}.container-error{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}.container-success{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}.alert-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}.divider-neutral{background-color:var(--ic-alert-status-type-neutral)}.divider-info{background-color:var(--ic-alert-status-type-info)}.divider-warning{background-color:var(--ic-alert-status-type-warning)}.divider-error{background-color:var(--ic-alert-status-type-error)}.divider-success{background-color:var(--ic-alert-status-type-success)}.alert-icon{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}.icon-placeholder{margin-left:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host([showdefaulticon="false"]) .icon-neutral{visibility:hidden;width:0;margin-left:0.625rem}.icon-neutral>svg,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}:host([variant="info"]) .alert-icon svg{fill:var(--ic-alert-icon-info)}:host([variant="warning"]) .alert-icon svg{fill:var(--ic-alert-icon-warning)}:host([variant="error"]) .alert-icon svg{fill:var(--ic-alert-icon-error)}:host([variant="success"]) .alert-icon svg{fill:var(--ic-alert-icon-success)}.alert-content{display:flex;align-items:center;margin-left:0.625rem;width:100%}.alert-message{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}.alert-message-title-above{display:inline}.alert-title{margin-right:var(--ic-space-xs);--ic-typography-color:var(--ic-alert-title)}.alert-title-above{white-space:normal}.alert-action-container{margin-right:var(--ic-space-xs);display:flex;align-items:center}.dismiss-icon{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}.dismiss-icon>svg{color:var(--ic-alert-icon-dismissible)}.dismiss-icon:hover{cursor:pointer}@media (max-width: 628px){.alert-content{display:flex;flex-direction:column;align-items:flex-start}.alert-message{display:flex;flex-direction:column;align-items:flex-start}.alert-title{white-space:normal}.alert-action-container{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}';const p=class{constructor(t){e(this,t);this.icDismiss=i(this,"icDismiss",7);this.hostMutationObserver=null;this.dismissAction=()=>{this.icDismiss.emit()};this.alertTitleWrap=false;this.visible=true;this.announced=true;this.dismissible=false;this.heading="";this.message=undefined;this.showDefaultIcon=true;this.theme="inherit";this.titleAbove=false;this.variant="neutral"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentDidLoad(){this.alertTitleShouldWrap();this.hostMutationObserver=new MutationObserver((e=>o(e,"action",this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleClick(){this.visible=!this.visible}alertTitleShouldWrap(){var e;const i=(e=this.el.shadowRoot.querySelector(".alert-title"))===null||e===void 0?void 0:e.clientHeight;if(i>24)this.alertTitleWrap=true}render(){const{variant:e,heading:i,message:a,titleAbove:o,dismissible:d,announced:p,visible:u,showDefaultIcon:b,theme:h}=this;return u&&t(r,{role:p?"alert":null,class:{[l.Dark]:true,[`ic-theme-${h}`]:h!=="inherit"}},t("div",{class:{["container"]:true,[`container-${e}`]:true}},t("div",{class:"alert-icon-container"},t("div",{class:{["divider"]:true,[`divider-${e}`]:true}}),e==="neutral"?s(this.el,"neutral-icon")?t("div",{class:"alert-icon svg-container icon-neutral"},t("slot",{name:"neutral-icon"})):b?t("span",{class:{["alert-icon"]:true,["svg-container"]:true,[`icon-${e}`]:true},innerHTML:c[e].icon}):t("div",{class:"icon-placeholder"}):t("span",{class:{["alert-icon"]:true,["svg-container"]:true,[`icon-${e}`]:true},innerHTML:c[e].icon})),t("div",{class:"alert-content"},t("div",{class:{["alert-message"]:true,["alert-message-title-above"]:o||this.alertTitleWrap}},i&&t("ic-typography",{class:{["alert-title"]:true,["alert-title-above"]:o||this.alertTitleWrap},variant:"subtitle-large"},t("p",null,i)),t("slot",{name:"message"},t("ic-typography",{variant:"body"},a))),s(this.el,"action")&&t("div",{class:"alert-action-container"},t("slot",{name:"action"}))),t("div",{class:"dismiss-icon-container"},d&&t("ic-button",{class:{["svg-container"]:true,["dismiss-icon"]:true},innerHTML:n,onClick:this.dismissAction,variant:"icon",theme:"dark",title:"Dismiss"}))))}get el(){return a(this)}};p.style=d;export{p as ic_alert};
+//# sourceMappingURL=p-4ba91306.entry.js.map

package/dist/core/p-4ba91306.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icAlertCss","Alert","constructor","hostRef","this","hostMutationObserver","dismissAction","icDismiss","emit","alertTitleWrap","visible","announced","dismissible","heading","message","undefined","showDefaultIcon","theme","titleAbove","variant","disconnectedCallback","_a","disconnect","componentDidLoad","alertTitleShouldWrap","MutationObserver","mutationList","renderDynamicChildSlots","observe","el","childList","handleClick","titleHeight","shadowRoot","querySelector","clientHeight","render","h","Host","role","class","IcBrandForegroundEnum","Dark","isSlotUsed","name","innerHTML","VARIANT_ICONS","icon","closeIcon","onClick","title"],"sources":["../web-components/dist/collection/components/ic-alert/ic-alert.css?tag=ic-alert&encapsulation=shadow","../web-components/dist/collection/components/ic-alert/ic-alert.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n}\n\n:host ::slotted(ic-typography) {\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.container {\n  min-height: var(--ic-alert-height);\n  border-radius: var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n    var(--ic-space-xxs);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.container-neutral {\n  background-color: var(--ic-alert-background-neutral);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-neutral);\n}\n\n.container-info {\n  background-color: var(--ic-alert-background-info);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-info);\n}\n\n.container-warning {\n  background-color: var(--ic-alert-background-warning);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-warning);\n}\n\n.container-error {\n  background-color: var(--ic-alert-background-error);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-error);\n}\n\n.container-success {\n  background-color: var(--ic-alert-background-success);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-success);\n}\n\n.alert-icon-container {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.divider {\n  height: 100%;\n  width: var(--ic-space-xs);\n  border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n  position: absolute;\n}\n\n.divider-neutral {\n  background-color: var(--ic-alert-status-type-neutral);\n}\n\n.divider-info {\n  background-color: var(--ic-alert-status-type-info);\n}\n\n.divider-warning {\n  background-color: var(--ic-alert-status-type-warning);\n}\n\n.divider-error {\n  background-color: var(--ic-alert-status-type-error);\n}\n\n.divider-success {\n  background-color: var(--ic-alert-status-type-success);\n}\n\n.alert-icon {\n  height: var(--ic-space-lg);\n  width: 1.375rem;\n  margin-left: 1.125rem;\n}\n\n.icon-placeholder {\n  margin-left: var(--ic-space-xs);\n}\n\n.alert-icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n/* required for Gatsby as prop does not seem to work when set to false */\n:host([showdefaulticon=\"false\"]) .icon-neutral {\n  visibility: hidden;\n  width: 0;\n  margin-left: 0.625rem;\n}\n\n.icon-neutral > svg,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n  fill: var(--ic-alert-icon-neutral);\n}\n\n:host([variant=\"info\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-info);\n}\n\n:host([variant=\"warning\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-warning);\n}\n\n:host([variant=\"error\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-error);\n}\n\n:host([variant=\"success\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-success);\n}\n\n.alert-content {\n  display: flex;\n  align-items: center;\n  margin-left: 0.625rem;\n  width: 100%;\n}\n\n.alert-message {\n  display: flex;\n  align-items: center;\n  padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n  flex: 1;\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.alert-message-title-above {\n  display: inline;\n}\n\n.alert-title {\n  margin-right: var(--ic-space-xs);\n  --ic-typography-color: var(--ic-alert-title);\n}\n\n.alert-title-above {\n  white-space: normal;\n}\n\n.alert-action-container {\n  margin-right: var(--ic-space-xs);\n  display: flex;\n  align-items: center;\n}\n\n.dismiss-icon {\n  margin-right: var(--ic-space-xxxs);\n  margin-left: -0.375rem;\n  padding: 0.375rem;\n  border: none;\n  border-radius: 50%;\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dismiss-icon > svg {\n  color: var(--ic-alert-icon-dismissible);\n}\n\n.dismiss-icon:hover {\n  cursor: pointer;\n}\n\n@media (max-width: 628px) {\n  .alert-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .alert-message {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .alert-title {\n    white-space: normal;\n  }\n\n  .alert-action-container {\n    margin-bottom: var(--ic-space-xs);\n  }\n}\n\n@media (forced-colors: active) {\n  .container {\n    border: var(--ic-border-hc);\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, renderDynamicChildSlots } from \"../../utils/helpers\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\n/**\n * @slot message - Content is placed to the right of the title.\n * @slot action - Content is placed to the right of the message.\n * @slot neutral-icon - A custom neutral icon is placed to the left of the title. This will override the default icon if used.\n */\nexport class Alert {\n    constructor() {\n        this.hostMutationObserver = null;\n        this.dismissAction = () => {\n            this.icDismiss.emit();\n        };\n        this.alertTitleWrap = false;\n        this.visible = true;\n        this.announced = true;\n        this.dismissible = false;\n        this.heading = \"\";\n        this.message = undefined;\n        this.showDefaultIcon = true;\n        this.theme = \"inherit\";\n        this.titleAbove = false;\n        this.variant = \"neutral\";\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentDidLoad() {\n        this.alertTitleShouldWrap();\n        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, \"action\", this));\n        this.hostMutationObserver.observe(this.el, {\n            childList: true,\n        });\n    }\n    handleClick() {\n        this.visible = !this.visible;\n    }\n    alertTitleShouldWrap() {\n        var _a;\n        const titleHeight = (_a = this.el.shadowRoot.querySelector(\".alert-title\")) === null || _a === void 0 ? void 0 : _a.clientHeight;\n        if (titleHeight > 24)\n            this.alertTitleWrap = true;\n    }\n    render() {\n        const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, } = this;\n        return (visible && (h(Host, { role: announced ? \"alert\" : null, class: {\n                [IcBrandForegroundEnum.Dark]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { class: {\n                [\"container\"]: true,\n                [`container-${variant}`]: true,\n            } }, h(\"div\", { class: \"alert-icon-container\" }, h(\"div\", { class: {\n                [\"divider\"]: true,\n                [`divider-${variant}`]: true,\n            } }), variant === \"neutral\" ? (isSlotUsed(this.el, \"neutral-icon\") ? (h(\"div\", { class: \"alert-icon svg-container icon-neutral\" }, h(\"slot\", { name: \"neutral-icon\" }))) : showDefaultIcon ? (h(\"span\", { class: {\n                [\"alert-icon\"]: true,\n                [\"svg-container\"]: true,\n                [`icon-${variant}`]: true,\n            }, innerHTML: VARIANT_ICONS[variant].icon })) : (h(\"div\", { class: \"icon-placeholder\" }))) : (h(\"span\", { class: {\n                [\"alert-icon\"]: true,\n                [\"svg-container\"]: true,\n                [`icon-${variant}`]: true,\n            }, innerHTML: VARIANT_ICONS[variant].icon }))), h(\"div\", { class: \"alert-content\" }, h(\"div\", { class: {\n                [\"alert-message\"]: true,\n                [\"alert-message-title-above\"]: titleAbove || this.alertTitleWrap,\n            } }, heading && (h(\"ic-typography\", { class: {\n                [\"alert-title\"]: true,\n                [\"alert-title-above\"]: titleAbove || this.alertTitleWrap,\n            }, variant: \"subtitle-large\" }, h(\"p\", null, heading))), h(\"slot\", { name: \"message\" }, h(\"ic-typography\", { variant: \"body\" }, message))), isSlotUsed(this.el, \"action\") && (h(\"div\", { class: \"alert-action-container\" }, h(\"slot\", { name: \"action\" })))), h(\"div\", { class: \"dismiss-icon-container\" }, dismissible && (h(\"ic-button\", { class: {\n                [\"svg-container\"]: true,\n                [\"dismiss-icon\"]: true,\n            }, innerHTML: closeIcon, onClick: this.dismissAction, variant: \"icon\", theme: \"dark\", title: \"Dismiss\" })))))));\n    }\n    static get is() { return \"ic-alert\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-alert.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-alert.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"announced\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.\"\n                },\n                \"attribute\": \"announced\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"dismissible\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the alert will have a close icon at the end to dismiss it.\"\n                },\n                \"attribute\": \"dismissible\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The optional title to display at the start of the alert.\"\n                },\n                \"attribute\": \"heading\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"message\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The main body message of the alert.\"\n                },\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"showDefaultIcon\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the default icon for the neutral variant will appear on the left of the alert.\"\n                },\n                \"attribute\": \"show-default-icon\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"titleAbove\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the title and message will appear above and below instead of inline.\"\n                },\n                \"attribute\": \"title-above\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStatusVariants\",\n                    \"resolved\": \"\\\"error\\\" | \\\"info\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcStatusVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcStatusVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the alert which will be rendered.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"neutral\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"alertTitleWrap\": {},\n            \"visible\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icDismiss\",\n                \"name\": \"icDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Is emitted when the user dismisses the alert.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"icDismiss\",\n                \"method\": \"handleClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-alert.js.map\n"],"mappings":"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"}

package/dist/core/p-50e24896.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as e,H as c,g as d}from"./p-8455d1bb.js";import{g as r,d as t,s as a}from"./p-70616efa.js";const l='.ic-divider-horizontal.sc-ic-divider-h{display:flex;width:var(--ic-divider-horizontal-width, 100%);align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs)}hr.sc-ic-divider{padding:0;margin:0;border:none;border-bottom:solid var(--ic-space-1px) var(--ic-divider-background);width:inherit}.ic-divider-horizontal.sc-ic-divider-h::before,.ic-divider-horizontal.sc-ic-divider-h::after{border-left:none !important}.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{content:"";border:none;width:100%}.ic-divider-vertical.sc-ic-divider-h{display:flex;flex-direction:column;height:var(--ic-divider-vertical-height, inherit);width:-moz-max-content;width:max-content;align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs);border:none}.ic-divider-vertical.sc-ic-divider-h div.vertical-divider.sc-ic-divider{display:flex;height:inherit}.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{content:"";height:100%}hr.sc-ic-divider,.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-monochrome.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:var(--ic-divider-background-monochrome)}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-monochrome.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-darken-20)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-divider-very-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-very-thick[label-placement="right"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="left"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xs)}.ic-divider-very-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-very-thick[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="top"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xs)}.ic-divider-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thick[label-placement="right"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="left"].sc-ic-divider-h::after,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxs)}.ic-divider-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thick[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="top"].sc-ic-divider-h::after,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxs)}.ic-divider-medium.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-medium[label-placement="right"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="left"].sc-ic-divider-h::after,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxxs)}.ic-divider-medium.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-medium[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="top"].sc-ic-divider-h::after,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxxs)}.ic-divider-thin.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thin[label-placement="right"].sc-ic-divider-h::before,.ic-divider-thin[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thin[label-placement="left"].sc-ic-divider-h::after,.ic-divider-thin[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-1px)}.ic-divider-thin.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thin[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thin[label-placement="top"].sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-1px)}.ic-divider-dashed.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-dashed[label-placement="right"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="left"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::after{border-bottom-style:dashed}.ic-divider-dashed.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-dashed[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="top"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::after{border-left-style:dashed}.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-wrap:wrap;text-align:left;width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label.sc-ic-divider p.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:100%}.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.sc-ic-divider-s>*,.sc-ic-divider-h .sc-ic-divider-s>*{color:var(--ic-divider-label)}.ic-divider-monochrome.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.ic-divider-monochrome.sc-ic-divider-s>*,.sc-ic-divider-h.ic-divider-monochrome .sc-ic-divider-s>*{color:var(--ic-divider-label-monochrome)}@media (forced-colors: active){hr.sc-ic-divider,.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:transparent}}';const v=class{constructor(e){i(this,e);this.foregroundColor=r();this.borderStyle="solid";this.label=undefined;this.labelPlacement="center";this.monochrome=false;this.orientation="horizontal";this.theme="inherit";this.weight="thin"}brandChangeHandler(i){this.foregroundColor=i.detail.mode}updateMonochromeState(){const i=this.el.parentElement.classList.contains("bottom-side-nav");const e=this.el.parentElement.parentElement.classList.contains("bottom-wrapper");if(this.el.parentElement.tagName==="IC-SIDE-NAVIGATION"||i&&e){this.el.classList.add("ic-side-navigation-keyline");if(this.foregroundColor==="light"){this.theme="dark"}else{this.theme="light"}}}componentWillRender(){this.updateMonochromeState()}render(){const{borderStyle:i,label:d,labelPlacement:r,monochrome:l,orientation:v,weight:n}=this;const{theme:o}=this;const h=i=>{console.error(`${i.charAt(0).toUpperCase()+i.slice(1)} label placement is not applicable for a ${v} ic-divider (web-components) / IcDivider (react)`)};if((r==="left"||r==="right")&&v==="vertical"||(r==="top"||r==="bottom")&&v==="horizontal"){h(r)}const s=i=>{switch(i){case"very-thick":return"h4";case"thick":return"subtitle-large";default:return"label"}};const m=()=>{if(a(this.el,"label")){return e("div",{class:"ic-divider-label-container"},e("slot",{name:"label"}))}else if(t(d)){return e("ic-typography",{class:"ic-divider-label",variant:s(n)},e("p",null,d))}return null};return e(c,Object.assign({class:{[`ic-theme-${o}`]:o!=="inherit",[`ic-divider-monochrome`]:l,[`ic-divider-${v}`]:true,[`ic-divider-${n}`]:true,[`ic-divider-${i}`]:true}},(v==="vertical"||!!m()&&!!t(r))&&{"aria-orientation":v,role:"separator"}),v==="horizontal"&&(!m()||!t(r))&&e("hr",null),!!t(r)&&!!m()&&m(),v==="vertical"&&(!m()||!t(r))&&e("div",{class:"vertical-divider"}))}get el(){return d(this)}};v.style=l;export{v as ic_divider};
+//# sourceMappingURL=p-50e24896.entry.js.map