@ukic/canary-web-components 3.0.0-canary.16 → 3.0.0-canary.18

package/dist/core/p-954959d4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icNavigationItemCss","IcNavigationItemStyle0","NavigationItem","constructor","hostRef","this","isInitialRender","hostMutationObserver","ANIMATION_DURATION","parseInt","getCssProperty","ARIA_LABEL_STRING","deviceSize","DEVICE_SIZES","XL","focusStyle","getBrandForegroundAppearance","inTopNavSideMenu","isSideNavMobile","isTopNavChild","sideNavExpanded","ariaLabel","collapsedIconLabel","displayNavigationTooltip","download","expandable","href","selected","theme","displayDefaultNavigationItem","hreflang","target","rel","referrerpolicy","label","variant","ChevronIconComponent","h","class","svg","innerHTML","chevronIcon","slottedBadgeEl","el","querySelector","BadgeComponent","getAttribute","name","IconComponent","navigationType","referrerPolicy","ref","itemEl","part","OpenInNew","tabindex","topNavResizedHandler","detail","_a","size","parentEl","customMobileBreakpoint","L","sideNavExpandHandler","sideNavMobile","sideNavToggleTooltip","handleBlur","relatedTarget","tagName","childBlur","emit","handleClick","navItemClicked","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","forceUpdate","generateTooltipLabel","navigationSlot","textContent","children","renderNavigationItemContent","showTooltip","tooltip","shadowRoot","collapsedClass","timer","displayTooltip","setTimeout","classList","add","clearTimeout","remove","disconnectedCallback","_b","_c","removeEventListener","disconnect","componentWillLoad","_d","_e","_f","navType","parent","getNavItemParentDetails","getCurrentDeviceSize","contains","addEventListener","parentElement","trim","hasAttribute","componentDidLoad","MutationObserver","observe","attributes","componentDidUpdate","brandChangeHandler","mode","setFocus","focus","render","Host","key","onBlur","onClick","role","placement","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-navigation-item/ic-navigation-item.css?tag=ic-navigation-item&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-item/ic-navigation-item.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-navigation-item: z-index of navigation item\n */\n\n:host {\n  display: block;\n\n  --navigation-link-colour: var(--ic-brand-text-color);\n}\n\n:host(:focus-within) {\n  z-index: var(--ic-z-index-navigation-item);\n}\n\n/* chevron */\nsvg {\n  width: var(--ic-space-xl);\n  fill: var(--ic-brand-text-color);\n}\n\n.svg {\n  margin-left: auto;\n}\n\n.chevron-container svg,\n.chevron-container .svg {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n.chevron-container {\n  flex-grow: 1;\n}\n\n:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a) {\n  padding-right: 0;\n}\n\n:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a) {\n  height: calc(100% - var(--ic-space-xxs));\n  width: -moz-fit-content;\n  width: fit-content;\n  color: var(--navigation-link-colour);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md) var(--ic-space-xxs);\n  text-decoration: none;\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  white-space: nowrap;\n}\n\n:host(.navigation-item) ::slotted(a) {\n  height: 100%;\n  font: var(--ic-font-label) !important;\n  letter-spacing: var(--ic-font-letter-spacing-0pt025) !important;\n  padding: 0 var(--ic-space-md) !important;\n}\n\n:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after {\n  content: \"\";\n  height: 0.25rem;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  background-color: var(--ic-top-navigation-theme);\n}\n\n:host(.navigation-item-selected.navigation-item-page-header)\n  ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after {\n  content: none;\n}\n\n:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active) {\n  box-shadow: none;\n}\n\n:host(.navigation-item) .link:hover:not(:focus) {\n  background-color: var(--ic-brand-hover);\n  cursor: pointer;\n}\n\n:host(.navigation-item:not(.navigation-item-page-header, .navigation-item-side-menu))\n  ::slotted(a:hover:not(:focus)) {\n  background-color: var(--ic-brand-hover) !important;\n}\n\n:host(.navigation-item:not(.navigation-item-top-nav-child, .navigation-item-side-menu, .navigation-item-top-nav-child-selected\n      .navigation-item-side-menu-selected))\n  .focus-indicator:focus-within {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus)) {\n  background-color: var(--ic-brand-active);\n}\n\n:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a) {\n  min-height: 2.5rem;\n  height: auto;\n  width: 100%;\n  box-sizing: border-box;\n  color: var(--ic-top-navigation-nav-item);\n\n  --ic-typography-color: var(--ic-top-navigation-nav-item);\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  text-decoration: none;\n  text-wrap: wrap;\n  white-space: normal;\n  transition: box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(svg),\n:host(.navigation-item-side-menu) ::slotted(svg),\n:host(.navigation-item-page-header) ::slotted(svg) {\n  fill: var(--ic-color-text-primary);\n}\n\n:host(.navigation-item-side-menu) ::slotted(a) {\n  font: var(--ic-font-body) !important;\n  letter-spacing: var(--ic-font-letter-spacing-0pt005) !important;\n  transition: box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);\n}\n\n:host(.navigation-item-side-menu) .link:hover:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-item-hover);\n}\n\n:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)) {\n  background-color: var(--ic-top-navigation-nav-item-hover) !important;\n}\n\n:host(.navigation-item-side-menu) .focus-indicator:focus-within {\n  box-shadow: none;\n}\n\n:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus-inset) !important;\n  width: auto;\n  border-radius: var(--ic-border-radius-inset) !important;\n}\n\n:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a) {\n  transition: box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow);\n}\n\n:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus) {\n  margin-left: var(--ic-space-xs) !important;\n  padding-left: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a) {\n  height: 2.5rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 9.063rem;\n  color: var(--ic-top-navigation-nav-item);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 0 var(--ic-space-md) !important;\n  text-decoration: none;\n  position: relative;\n  transition: box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a) {\n  font: var(--ic-font-body) !important;\n  letter-spacing: var(--ic-font-letter-spacing-0pt005) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link:hover:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-item-hover) !important;\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus) {\n  background-color: var(--ic-top-navigation-nav-item-hover) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus) {\n  z-index: 1;\n  outline: var(--ic-hc-focus-outline);\n  border-radius: var(--ic-border-radius-inset);\n  box-shadow: var(--ic-border-focus-inset);\n  transition: border-radius 0s, box-shadow var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n:host(.navigation-item-side-menu) .link:active:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-item-pressed);\n}\n\n:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus) {\n  outline: var(--ic-hc-focus-outline);\n  background-color: var(--ic-top-navigation-nav-item-pressed);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus) {\n  background-color: var(--ic-top-navigation-nav-item-pressed) !important;\n}\n\n:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active) {\n  font-weight: 700 !important;\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  width: var(--ic-space-xs);\n  height: inherit;\n  min-height: 2.5rem;\n  background-color: var(--ic-top-navigation-nav-item-banner);\n  transition: left 0s;\n}\n\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before {\n  margin-top: var(--ic-space-xxs);\n}\n\n:host(.navigation-item-top-nav-child-selected) .link:focus {\n  margin-left: var(--ic-space-xs);\n  margin-right: calc(-1 * var(--ic-space-xs));\n  padding-left: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-top-nav-child-selected) .link:focus::before {\n  left: calc(-1 * var(--ic-space-xs));\n  z-index: 1;\n}\n\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before {\n  z-index: 1;\n}\n\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before {\n  left: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.navigation-item-side-menu-selected) .link::after {\n  display: none;\n}\n\n:host(.navigation-item-side-nav-collapsed) .link {\n  height: 100%;\n}\n\n:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg) {\n  margin: auto;\n  pointer-events: none;\n}\n\n:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography {\n  align-items: center;\n  padding: 0;\n  margin: auto 0;\n  width: -moz-fit-content;\n  width: fit-content;\n  pointer-events: none;\n}\n\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 100%;\n  text-align: center;\n}\n\n:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a) {\n  display: flex;\n  flex-direction: column;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding: var(--ic-space-xs) !important;\n  gap: var(--ic-space-xxs);\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  height: auto !important;\n  gap: 0;\n  width: auto;\n  padding: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  display: block;\n  text-align: center;\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link\n  ic-typography {\n  opacity: 1;\n  min-width: -moz-min-content;\n  min-width: min-content;\n}\n\n:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg {\n  display: none;\n}\n\n::slotted(svg) {\n  fill: var(--ic-brand-text-color);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-left: var(--ic-space-md);\n}\n\n.icon {\n  height: 1.5rem;\n  width: var(--ic-space-xxl);\n  margin-left: calc(-1 * var(--ic-space-md));\n  flex: 0 1 0%;\n  position: relative;\n}\n\n.icon > ::slotted(*) {\n  margin-left: var(--ic-space-md) !important;\n  margin-right: var(--ic-space-xs);\n}\n\n.inline-badge {\n  margin-left: var(--ic-space-xs);\n}\n\n.badge {\n  margin-left: 0;\n}\n\n:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*) {\n  margin: auto !important;\n}\n\n:host(.navigation-item-side-nav) .icon > ::slotted(*) {\n  margin-right: 0;\n}\n\n:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a) {\n  height: var(--navigation-item-height, 4rem);\n  min-height: var(--navigation-item-min-height);\n  width: var(--navigation-item-width, auto);\n  justify-content: var(--navigation-item-justify-content);\n  display: flex;\n  gap: var(--ic-space-xs);\n  box-sizing: border-box;\n  color: var(--navigation-item-child-color) !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  padding: 0 var(--ic-space-md);\n  text-wrap: wrap;\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a) {\n  height: var(--navigation-item-child-height);\n  width: var(--navigation-group-width);\n  color: var(--navigation-item-child-color) !important;\n  display: flex;\n  gap: 0.625rem;\n  box-sizing: border-box;\n  min-width: 0;\n  transition: box-shadow var(--ic-easing-transition-fast);\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus-dark);\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active {\n  background-color: var(--navigation-item-child-active);\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:active) {\n  background-color: var(--navigation-item-child-active);\n}\n\n:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  a.link\n  ic-typography,\n:host(.navigation-item-side-nav) div.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  div.link\n  ic-typography,\n.navigation-item-side-nav-slotted-text {\n  opacity: var(--navigation-item-label-opacity);\n  transition: opacity var(--ic-easing-transition-slow);\n  white-space: wrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active) {\n  box-shadow: inset 0.313rem 0 0 var(--ic-brand-text-color);\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  inset: 0 0 0 0.313rem;\n  border-radius: 0.688rem !important;\n  transition: var(--ic-easing-transition-slow);\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before {\n  box-shadow: var(--ic-border-focus-inset);\n}\n\n:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link {\n  opacity: var(--navigation-item-label-opacity);\n  height: auto;\n}\n\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n  .link,\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  min-width: var(--navigation-group-item-min-width);\n  padding: var(--ic-space-xs) !important;\n  height: auto;\n  gap: 0;\n}\n\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  display: block;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after {\n  display: none;\n}\n\n:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background-color: transparent;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus) {\n  margin: 0 auto;\n  box-shadow: inset 0.313rem 0 0 var(--ic-brand-text-color);\n  border-radius: 0;\n}\n\n:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus) {\n  background-color: var(--ic-brand-hover) !important;\n}\n\n:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a) {\n  height: 2.5rem !important;\n  color: var(--ic-color-text-primary) !important;\n  transition: all var(--ic-easing-transition-fast) !important;\n  box-shadow: rgba(23 89 188 / 0%) !important;\n}\n\n:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after {\n  content: \" \" !important;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: var(--ic-space-xxs);\n  background-color: var(--ic-action-default) !important;\n}\n\n:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus) {\n  background-color: var(--ic-action-default-bg-hover) !important;\n  cursor: pointer;\n}\n\n:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus);\n}\n\n:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active) {\n  background-color: var(--ic-action-default-bg-pressed) !important;\n}\n\n:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after {\n  border-bottom-left-radius: var(--ic-border-radius);\n  border-bottom-right-radius: var(--ic-border-radius);\n}\n\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  ::slotted(a.active) {\n  transition: all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n  .link:focus::before {\n  display: none;\n}\n\n.open-in-new-icon {\n  flex: 1;\n}\n\n.open-in-new-icon svg {\n  margin-top: var(--ic-space-xxs);\n  padding-left: var(--ic-space-xs);\n}\n\n:host(.navigation-item-side-nav) .open-in-new-icon {\n  margin-left: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg {\n  height: 0.875rem;\n  width: 0.875rem;\n}\n\n:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg {\n  fill: var(--ic-color-text-primary);\n}\n\n@media (forced-colors: active) {\n  .open-in-new-icon svg {\n    fill: currentcolor;\n  }\n}\n","import { forceUpdate, h, Host, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getCssProperty, getCurrentDeviceSize, getBrandForegroundAppearance, getNavItemParentDetails, } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\n/**\n * @part link - The `<a>` within ic-navigation-item\n * @slot badge - Badge component overlaying the top right of the icon.\n * @slot icon - Content will be displayed to the left of the label for expanded navigation items, and in replacement of the label for collapsed navigation items.\n */\nexport class NavigationItem {\n    constructor() {\n        this.isInitialRender = true;\n        this.hostMutationObserver = null;\n        this.ANIMATION_DURATION = parseInt(getCssProperty(\"--ic-transition-duration-slow\")) || 0;\n        this.ARIA_LABEL_STRING = \"aria-label\";\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.focusStyle = getBrandForegroundAppearance();\n        this.inTopNavSideMenu = false;\n        this.isSideNavMobile = false;\n        this.isTopNavChild = false;\n        this.sideNavExpanded = false;\n        this.ariaLabel = \"\";\n        /**\n         * @internal If `true`, the icon and label will be displayed when side navigation is collapsed.\n         */\n        this.collapsedIconLabel = false;\n        /**\n         * @internal If `true`, the navigation item will be displayed within a tooltip.\n         */\n        this.displayNavigationTooltip = false;\n        /**\n         * If `true`, the user can save the linked URL instead of navigating to it.\n         */\n        this.download = false;\n        /**\n         *  @internal If `true`, the navigation item will be expandable.\n         */\n        this.expandable = false;\n        /**\n         * The destination of the navigation item.\n         */\n        this.href = \"\";\n        /**\n         *  If `true`, the navigation item will be set in a selected state.\n         */\n        this.selected = false;\n        /**\n         * 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        this.theme = \"inherit\";\n        this.displayDefaultNavigationItem = (href, hreflang, target, rel, referrerpolicy, download, label) => {\n            const variant = this.isTopNavChild || this.inTopNavSideMenu ? \"body\" : \"label\";\n            const ChevronIconComponent = this.expandable && (h(\"div\", { class: { svg: true }, innerHTML: chevronIcon }));\n            const slottedBadgeEl = this.el.querySelector('[slot=\"badge\"]');\n            const BadgeComponent = slottedBadgeEl && (h(\"div\", { class: slottedBadgeEl.getAttribute(\"position\") === \"inline\" ||\n                    this.inTopNavSideMenu\n                    ? \"inline-badge\"\n                    : \"badge\" }, h(\"slot\", { name: \"badge\" })));\n            const IconComponent = this.el.querySelector('[slot=\"icon\"]') && (h(\"div\", { class: \"icon\" }, h(\"slot\", { name: \"icon\" }), this.navigationType === \"side\" && BadgeComponent));\n            if (href !== \"\") {\n                return (h(\"a\", { href: href, target: target, rel: rel, hreflang: hreflang, referrerPolicy: referrerpolicy, download: download !== false ? download : null, class: \"link\", ref: (el) => (this.itemEl = el), part: \"link\", \"aria-label\": this.ariaLabel ? this.ariaLabel : null }, IconComponent, h(\"ic-typography\", { variant: variant }, label), target === \"_blank\" && (h(\"span\", { class: \"open-in-new-icon\", innerHTML: OpenInNew })), BadgeComponent, h(\"div\", { class: \"chevron-container\" }, ChevronIconComponent)));\n            }\n            return (h(\"div\", { tabindex: \"0\", class: \"link\", ref: (el) => (this.itemEl = el) }, IconComponent, h(\"ic-typography\", { variant: variant }, label), ChevronIconComponent, BadgeComponent));\n        };\n        this.topNavResizedHandler = ({ detail, }) => {\n            var _a;\n            const { size } = detail;\n            if (size !== this.deviceSize) {\n                this.deviceSize = size;\n                this.inTopNavSideMenu =\n                    size <=\n                        (((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.customMobileBreakpoint) || DEVICE_SIZES.L);\n            }\n        };\n        this.sideNavExpandHandler = ({ detail, }) => {\n            const { sideNavExpanded, sideNavMobile } = detail;\n            this.sideNavExpanded = sideNavExpanded;\n            this.isSideNavMobile = sideNavMobile;\n            this.sideNavToggleTooltip(!(sideNavExpanded || sideNavMobile));\n        };\n        this.handleBlur = ({ relatedTarget }) => {\n            if (relatedTarget === null ||\n                relatedTarget.tagName !== \"IC-NAVIGATION-ITEM\") {\n                this.childBlur.emit();\n            }\n        };\n        this.handleClick = () => {\n            this.navItemClicked.emit();\n        };\n        // triggered when attributes of host element change\n        this.hostMutationCallback = (mutationList) => {\n            let forceComponentUpdate = false;\n            mutationList.forEach(({ attributeName }) => {\n                if (attributeName) {\n                    const attribute = this.el.getAttribute(attributeName);\n                    if (attribute && attributeName === this.ARIA_LABEL_STRING) {\n                        this.ariaLabel = attribute;\n                        forceComponentUpdate = true;\n                    }\n                }\n            });\n            if (forceComponentUpdate) {\n                forceUpdate(this);\n            }\n        };\n        this.generateTooltipLabel = () => {\n            if (this.label) {\n                return this.label;\n            }\n            if (this.navigationSlot) {\n                return this.navigationSlot.textContent;\n            }\n            if (this.el.children[0]) {\n                return this.el.children[0].textContent;\n            }\n            return \"\";\n        };\n        this.renderNavigationItemContent = () => {\n            if (this.label) {\n                return this.displayDefaultNavigationItem(this.href, this.hreflang, this.target, this.rel, this.referrerpolicy, this.download, this.label);\n            }\n            if (this.navigationSlot) {\n                return h(\"slot\", { name: \"navigation-item\" });\n            }\n            return h(\"slot\", null);\n        };\n        // Displays tooltip only once the collapsing animation is finished\n        this.sideNavToggleTooltip = (showTooltip) => {\n            var _a;\n            const tooltip = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-tooltip\");\n            const collapsedClass = \"tooltip-navigation-item-side-nav-collapsed\";\n            let timer;\n            if (tooltip) {\n                if (showTooltip) {\n                    tooltip.displayTooltip(false); // Hides tooltip for when mouse is hovering over icon\n                    timer = setTimeout(() => {\n                        tooltip.classList.add(collapsedClass);\n                    }, this.ANIMATION_DURATION);\n                }\n                else {\n                    clearTimeout(timer);\n                    tooltip.classList.remove(collapsedClass);\n                }\n            }\n        };\n    }\n    disconnectedCallback() {\n        var _a, _b, _c;\n        if (this.navigationType === \"side\") {\n            (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n        }\n        else if (this.navigationType === \"top\") {\n            (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n        }\n        (_c = this.hostMutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();\n    }\n    componentWillLoad() {\n        var _a, _b, _c, _d, _e, _f;\n        const { navType, parent } = getNavItemParentDetails(this.el);\n        this.navigationType = navType;\n        this.parentEl = parent;\n        this.deviceSize = getCurrentDeviceSize();\n        this.sideNavExpanded =\n            ((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.classList.contains(\"sm-expanded\")) ||\n                ((_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.classList.contains(\"xs-menu-open\")) ||\n                false;\n        if (this.navigationType === \"side\") {\n            (_c = this.parentEl) === null || _c === void 0 ? void 0 : _c.addEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n        }\n        else if (this.navigationType === \"top\") {\n            (_d = this.parentEl) === null || _d === void 0 ? void 0 : _d.addEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n            if (((_e = this.el.parentElement) === null || _e === void 0 ? void 0 : _e.tagName) === \"IC-NAVIGATION-GROUP\")\n                this.isTopNavChild = true;\n            if (this.deviceSize <=\n                this.parentEl.customMobileBreakpoint)\n                this.inTopNavSideMenu = true;\n        }\n        this.navigationSlot = this.el.querySelector('[slot=\"navigation-item\"]');\n        if (this.navigationSlot) {\n            this.navigationSlot.ariaLabel =\n                ((_f = this.navigationSlot.textContent) === null || _f === void 0 ? void 0 : _f.trim()) || null;\n        }\n        if (this.el.hasAttribute(this.ARIA_LABEL_STRING)) {\n            this.ariaLabel = this.el.getAttribute(this.ARIA_LABEL_STRING) || \"\";\n        }\n    }\n    componentDidLoad() {\n        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n        this.hostMutationObserver.observe(this.el, {\n            attributes: true,\n        });\n    }\n    componentDidUpdate() {\n        this.isInitialRender = false;\n    }\n    brandChangeHandler({ detail }) {\n        this.focusStyle = detail.mode;\n    }\n    /**\n     * Sets focus on the nav item.\n     */\n    async setFocus() {\n        var _a;\n        this.itemEl ? this.itemEl.focus() : (_a = this.el.querySelector(\"a\")) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { inTopNavSideMenu, isTopNavChild, selected } = this;\n        return (h(Host, { key: 'f20ee76495a75e8794e451e27b92f5545d06212c', class: {\n                [\"navigation-item\"]: true,\n                [\"navigation-item-top-nav\"]: !inTopNavSideMenu && this.navigationType === \"top\",\n                [\"navigation-item-top-nav-child-selected\"]: isTopNavChild && !inTopNavSideMenu && !!selected,\n                [this.focusStyle]: (!inTopNavSideMenu && !isTopNavChild) ||\n                    (this.navigationType === \"side\" && isTopNavChild),\n                [\"navigation-item-selected\"]: !isTopNavChild && !!selected,\n                [\"navigation-item-side-menu\"]: inTopNavSideMenu,\n                [\"navigation-item-side-menu-selected\"]: inTopNavSideMenu && !!selected,\n                [\"navigation-item-top-nav-child\"]: isTopNavChild && !inTopNavSideMenu,\n                [\"navigation-item-page-header\"]: this.navigationType === \"page-header\",\n                [\"with-transition\"]: !this.isInitialRender,\n                [\"navigation-item-side-nav\"]: this.navigationType === \"side\",\n                [\"navigation-item-side-nav-collapsed\"]: (!this.sideNavExpanded || !!this.displayNavigationTooltip) &&\n                    this.navigationType === \"side\",\n                [\"navigation-item-side-nav-collapsed-with-label\"]: !this.sideNavExpanded &&\n                    this.navigationType === \"side\" &&\n                    !!this.collapsedIconLabel &&\n                    !this.isSideNavMobile,\n                [\"expandable\"]: !!this.expandable,\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            }, onBlur: isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null, onClick: this.handleClick, \"aria-current\": selected ? \"page\" : null, role: \"listitem\" }, h(\"ic-tooltip\", { key: '6b1e5e2b20aa01cfea5dde82a27e93bf1c19cd3a', label: this.generateTooltipLabel() || \"\", target: \"navigation-item\", placement: \"right\", class: {\n                [\"tooltip-navigation-item\"]: true,\n                [\"tooltip-navigation-item-side-nav-collapsed\"]: !!this.displayNavigationTooltip && this.navigationType === \"side\",\n                [\"tooltip-long-label-navigation-item-side-nav-expanded\"]: this.el.hasAttribute(\"[display-navigation-tooltip = 'true']\"),\n            } }, this.renderNavigationItemContent())));\n    }\n    static get is() { return \"ic-navigation-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-navigation-item.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-navigation-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"collapsedIconLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the icon and label will be displayed when side navigation is collapsed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"collapsed-icon-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"displayNavigationTooltip\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the navigation item will be displayed within a tooltip.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"display-navigation-tooltip\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"download\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | boolean\",\n                    \"resolved\": \"boolean | string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user can save the linked URL instead of navigating to it.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"download\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"expandable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the navigation item will be expandable.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"expandable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The destination of the navigation item.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hreflang\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The human language of the linked URL.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hreflang\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label of the navigation item.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The relationship of the linked URL as space-separated link types.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"referrerpolicy\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ReferrerPolicy\",\n                    \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\" | undefined\",\n                    \"references\": {\n                        \"ReferrerPolicy\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::ReferrerPolicy\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How much of the referrer to send when following the link.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"referrerpolicy\",\n                \"reflect\": false\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the navigation item will be set in a selected state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"selected\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"focusStyle\": {},\n            \"inTopNavSideMenu\": {},\n            \"isSideNavMobile\": {},\n            \"isTopNavChild\": {},\n            \"navigationType\": {},\n            \"parentEl\": {},\n            \"sideNavExpanded\": {},\n            \"ariaLabel\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"childBlur\",\n                \"name\": \"childBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when item loses focus.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"navItemClicked\",\n                \"name\": \"navItemClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when navigation item clicked.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\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 nav item.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"brandChange\",\n                \"method\": \"brandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-navigation-item.js.map\n"],"mappings":"+MAAA,MAAMA,EAAsB,qvmBAC5B,MAAAC,EAAeD,E,MCQFE,EAAc,MACvB,WAAAC,CAAAC,G,8FACIC,KAAKC,gBAAkB,KACvBD,KAAKE,qBAAuB,KAC5BF,KAAKG,mBAAqBC,SAASC,EAAe,mCAAqC,EACvFL,KAAKM,kBAAoB,aACzBN,KAAKO,WAAaC,EAAaC,GAC/BT,KAAKU,WAAaC,IAClBX,KAAKY,iBAAmB,MACxBZ,KAAKa,gBAAkB,MACvBb,KAAKc,cAAgB,MACrBd,KAAKe,gBAAkB,MACvBf,KAAKgB,UAAY,GAIjBhB,KAAKiB,mBAAqB,MAI1BjB,KAAKkB,yBAA2B,MAIhClB,KAAKmB,SAAW,MAIhBnB,KAAKoB,WAAa,MAIlBpB,KAAKqB,KAAO,GAIZrB,KAAKsB,SAAW,MAIhBtB,KAAKuB,MAAQ,UACbvB,KAAKwB,6BAA+B,CAACH,EAAMI,EAAUC,EAAQC,EAAKC,EAAgBT,EAAUU,KACxF,MAAMC,EAAU9B,KAAKc,eAAiBd,KAAKY,iBAAmB,OAAS,QACvE,MAAMmB,EAAuB/B,KAAKoB,YAAeY,EAAE,MAAO,CAAEC,MAAO,CAAEC,IAAK,MAAQC,UAAWC,IAC7F,MAAMC,EAAiBrC,KAAKsC,GAAGC,cAAc,kBAC7C,MAAMC,EAAiBH,GAAmBL,EAAE,MAAO,CAAEC,MAAOI,EAAeI,aAAa,cAAgB,UAChGzC,KAAKY,iBACH,eACA,SAAWoB,EAAE,OAAQ,CAAEU,KAAM,WACvC,MAAMC,EAAgB3C,KAAKsC,GAAGC,cAAc,kBAAqBP,EAAE,MAAO,CAAEC,MAAO,QAAUD,EAAE,OAAQ,CAAEU,KAAM,SAAW1C,KAAK4C,iBAAmB,QAAUJ,GAC5J,GAAInB,IAAS,GAAI,CACb,OAAQW,EAAE,IAAK,CAAEX,KAAMA,EAAMK,OAAQA,EAAQC,IAAKA,EAAKF,SAAUA,EAAUoB,eAAgBjB,EAAgBT,SAAUA,IAAa,MAAQA,EAAW,KAAMc,MAAO,OAAQa,IAAMR,GAAQtC,KAAK+C,OAAST,EAAKU,KAAM,OAAQ,aAAchD,KAAKgB,UAAYhB,KAAKgB,UAAY,MAAQ2B,EAAeX,EAAE,gBAAiB,CAAEF,QAASA,GAAWD,GAAQH,IAAW,UAAaM,EAAE,OAAQ,CAAEC,MAAO,mBAAoBE,UAAWc,IAAeT,EAAgBR,EAAE,MAAO,CAAEC,MAAO,qBAAuBF,G,CAEve,OAAQC,EAAE,MAAO,CAAEkB,SAAU,IAAKjB,MAAO,OAAQa,IAAMR,GAAQtC,KAAK+C,OAAST,GAAOK,EAAeX,EAAE,gBAAiB,CAAEF,QAASA,GAAWD,GAAQE,EAAsBS,EAAe,EAE7LxC,KAAKmD,qBAAuB,EAAGC,aAC3B,IAAIC,EACJ,MAAMC,KAAEA,GAASF,EACjB,GAAIE,IAAStD,KAAKO,WAAY,CAC1BP,KAAKO,WAAa+C,EAClBtD,KAAKY,iBACD0C,MACOD,EAAKrD,KAAKuD,YAAc,MAAQF,SAAY,OAAS,EAAIA,EAAGG,yBAA2BhD,EAAaiD,E,GAGvHzD,KAAK0D,qBAAuB,EAAGN,aAC3B,MAAMrC,gBAAEA,EAAe4C,cAAEA,GAAkBP,EAC3CpD,KAAKe,gBAAkBA,EACvBf,KAAKa,gBAAkB8C,EACvB3D,KAAK4D,uBAAuB7C,GAAmB4C,GAAe,EAElE3D,KAAK6D,WAAa,EAAGC,oBACjB,GAAIA,IAAkB,MAClBA,EAAcC,UAAY,qBAAsB,CAChD/D,KAAKgE,UAAUC,M,GAGvBjE,KAAKkE,YAAc,KACflE,KAAKmE,eAAeF,MAAM,EAG9BjE,KAAKoE,qBAAwBC,IACzB,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACpB,GAAIA,EAAe,CACf,MAAMC,EAAYzE,KAAKsC,GAAGG,aAAa+B,GACvC,GAAIC,GAAaD,IAAkBxE,KAAKM,kBAAmB,CACvDN,KAAKgB,UAAYyD,EACjBH,EAAuB,I,MAInC,GAAIA,EAAsB,CACtBI,EAAY1E,K,GAGpBA,KAAK2E,qBAAuB,KACxB,GAAI3E,KAAK6B,MAAO,CACZ,OAAO7B,KAAK6B,K,CAEhB,GAAI7B,KAAK4E,eAAgB,CACrB,OAAO5E,KAAK4E,eAAeC,W,CAE/B,GAAI7E,KAAKsC,GAAGwC,SAAS,GAAI,CACrB,OAAO9E,KAAKsC,GAAGwC,SAAS,GAAGD,W,CAE/B,MAAO,EAAE,EAEb7E,KAAK+E,4BAA8B,KAC/B,GAAI/E,KAAK6B,MAAO,CACZ,OAAO7B,KAAKwB,6BAA6BxB,KAAKqB,KAAMrB,KAAKyB,SAAUzB,KAAK0B,OAAQ1B,KAAK2B,IAAK3B,KAAK4B,eAAgB5B,KAAKmB,SAAUnB,KAAK6B,M,CAEvI,GAAI7B,KAAK4E,eAAgB,CACrB,OAAO5C,EAAE,OAAQ,CAAEU,KAAM,mB,CAE7B,OAAOV,EAAE,OAAQ,KAAK,EAG1BhC,KAAK4D,qBAAwBoB,IACzB,IAAI3B,EACJ,MAAM4B,GAAW5B,EAAKrD,KAAKsC,GAAG4C,cAAgB,MAAQ7B,SAAY,OAAS,EAAIA,EAAGd,cAAc,cAChG,MAAM4C,EAAiB,6CACvB,IAAIC,EACJ,GAAIH,EAAS,CACT,GAAID,EAAa,CACbC,EAAQI,eAAe,OACvBD,EAAQE,YAAW,KACfL,EAAQM,UAAUC,IAAIL,EAAe,GACtCnF,KAAKG,mB,KAEP,CACDsF,aAAaL,GACbH,EAAQM,UAAUG,OAAOP,E,IAKzC,oBAAAQ,GACI,IAAItC,EAAIuC,EAAIC,EACZ,GAAI7F,KAAK4C,iBAAmB,OAAQ,EAC/BS,EAAKrD,KAAKuD,YAAc,MAAQF,SAAY,OAAS,EAAIA,EAAGyC,oBAAoB,oBAAqB9F,KAAK0D,qB,MAE1G,GAAI1D,KAAK4C,iBAAmB,MAAO,EACnCgD,EAAK5F,KAAKuD,YAAc,MAAQqC,SAAY,OAAS,EAAIA,EAAGE,oBAAoB,kBAAmB9F,KAAKmD,qB,EAE5G0C,EAAK7F,KAAKE,wBAA0B,MAAQ2F,SAAY,OAAS,EAAIA,EAAGE,Y,CAE7E,iBAAAC,GACI,IAAI3C,EAAIuC,EAAIC,EAAII,EAAIC,EAAIC,EACxB,MAAMC,QAAEA,EAAOC,OAAEA,GAAWC,EAAwBtG,KAAKsC,IACzDtC,KAAK4C,eAAiBwD,EACtBpG,KAAKuD,SAAW8C,EAChBrG,KAAKO,WAAagG,IAClBvG,KAAKe,kBACCsC,EAAKrD,KAAKuD,YAAc,MAAQF,SAAY,OAAS,EAAIA,EAAGkC,UAAUiB,SAAS,mBAC3EZ,EAAK5F,KAAKuD,YAAc,MAAQqC,SAAY,OAAS,EAAIA,EAAGL,UAAUiB,SAAS,kBACjF,MACR,GAAIxG,KAAK4C,iBAAmB,OAAQ,EAC/BiD,EAAK7F,KAAKuD,YAAc,MAAQsC,SAAY,OAAS,EAAIA,EAAGY,iBAAiB,oBAAqBzG,KAAK0D,qB,MAEvG,GAAI1D,KAAK4C,iBAAmB,MAAO,EACnCqD,EAAKjG,KAAKuD,YAAc,MAAQ0C,SAAY,OAAS,EAAIA,EAAGQ,iBAAiB,kBAAmBzG,KAAKmD,sBACtG,KAAM+C,EAAKlG,KAAKsC,GAAGoE,iBAAmB,MAAQR,SAAY,OAAS,EAAIA,EAAGnC,WAAa,sBACnF/D,KAAKc,cAAgB,KACzB,GAAId,KAAKO,YACLP,KAAKuD,SAASC,uBACdxD,KAAKY,iBAAmB,I,CAEhCZ,KAAK4E,eAAiB5E,KAAKsC,GAAGC,cAAc,4BAC5C,GAAIvC,KAAK4E,eAAgB,CACrB5E,KAAK4E,eAAe5D,YACdmF,EAAKnG,KAAK4E,eAAeC,eAAiB,MAAQsB,SAAY,OAAS,EAAIA,EAAGQ,SAAW,I,CAEnG,GAAI3G,KAAKsC,GAAGsE,aAAa5G,KAAKM,mBAAoB,CAC9CN,KAAKgB,UAAYhB,KAAKsC,GAAGG,aAAazC,KAAKM,oBAAsB,E,EAGzE,gBAAAuG,GACI7G,KAAKE,qBAAuB,IAAI4G,iBAAiB9G,KAAKoE,sBACtDpE,KAAKE,qBAAqB6G,QAAQ/G,KAAKsC,GAAI,CACvC0E,WAAY,M,CAGpB,kBAAAC,GACIjH,KAAKC,gBAAkB,K,CAE3B,kBAAAiH,EAAmB9D,OAAEA,IACjBpD,KAAKU,WAAa0C,EAAO+D,I,CAK7B,cAAMC,GACF,IAAI/D,EACJrD,KAAK+C,OAAS/C,KAAK+C,OAAOsE,SAAWhE,EAAKrD,KAAKsC,GAAGC,cAAc,QAAU,MAAQc,SAAY,OAAS,EAAIA,EAAGgE,O,CAElH,MAAAC,GACI,MAAM1G,iBAAEA,EAAgBE,cAAEA,EAAaQ,SAAEA,GAAatB,KACtD,OAAQgC,EAAEuF,EAAM,CAAEC,IAAK,2CAA4CvF,MAAO,CAClE,CAAC,mBAAoB,KACrB,CAAC,4BAA6BrB,GAAoBZ,KAAK4C,iBAAmB,MAC1E,CAAC,0CAA2C9B,IAAkBF,KAAsBU,EACpF,CAACtB,KAAKU,aAAeE,IAAqBE,GACrCd,KAAK4C,iBAAmB,QAAU9B,EACvC,CAAC,6BAA8BA,KAAmBQ,EAClD,CAAC,6BAA8BV,EAC/B,CAAC,sCAAuCA,KAAsBU,EAC9D,CAAC,iCAAkCR,IAAkBF,EACrD,CAAC,+BAAgCZ,KAAK4C,iBAAmB,cACzD,CAAC,oBAAqB5C,KAAKC,gBAC3B,CAAC,4BAA6BD,KAAK4C,iBAAmB,OACtD,CAAC,wCAAyC5C,KAAKe,mBAAqBf,KAAKkB,2BACrElB,KAAK4C,iBAAmB,OAC5B,CAAC,kDAAmD5C,KAAKe,iBACrDf,KAAK4C,iBAAmB,UACtB5C,KAAKiB,qBACNjB,KAAKa,gBACV,CAAC,gBAAiBb,KAAKoB,WACvB,CAAC,YAAYpB,KAAKuB,SAAUvB,KAAKuB,QAAU,WAC5CkG,OAAQ3G,IAAkBF,EAAmBZ,KAAK6D,WAAa,KAAM6D,QAAS1H,KAAKkE,YAAa,eAAgB5C,EAAW,OAAS,KAAMqG,KAAM,YAAc3F,EAAE,aAAc,CAAEwF,IAAK,2CAA4C3F,MAAO7B,KAAK2E,wBAA0B,GAAIjD,OAAQ,kBAAmBkG,UAAW,QAAS3F,MAAO,CAChU,CAAC,2BAA4B,KAC7B,CAAC,gDAAiDjC,KAAKkB,0BAA4BlB,KAAK4C,iBAAmB,OAC3G,CAAC,wDAAyD5C,KAAKsC,GAAGsE,aAAa,2CAC9E5G,KAAK+E,+B,CAIlB,yBAAW8C,GAAmB,OAAO,IAAK,C","ignoreList":[]}

package/dist/core/{p-7b13ccd0.entry.js → p-95868542.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as t,H as e,g as s,c as n,F as c}from"./p-8e4e97b4.js";import{r as o,a as r,s as a,R as h,U as l,X as u,b as d,P as p}from"./p-b9e73154.js";import{C as m}from"./p-0aa9ce8b.js";import{c as f}from"./p-aae38bee.js";const b="ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;min-height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly{height:auto;background:transparent}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl);min-height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl);min-height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-monochrome-hover-dark)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}";const v=b;const g=class{constructor(t){i(this,t);this.disabled=false;this.fullWidth=false;this.multiLine=false;this.readonly=false;this.size="medium";this.validationInline=false;this.validationStatus=""}watchDisabledHandler(){o(this.disabled,this.el)}componentWillLoad(){o(this.disabled,this.el)}componentDidLoad(){this.hostMutationObserver=new MutationObserver((i=>r(i,"left-icon",this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{size:i,validationStatus:s,disabled:n,readonly:c,multiLine:o,fullWidth:r,validationInline:u}=this;return t(e,{key:"bda1921fbfbb0d1fabf871e360aaabfbc1e6d2c5",class:{[`ic-input-component-container-${i}`]:true,[`ic-input-component-container-${s}`]:s!==""&&!n&&!c,"ic-input-component-container-disabled":!!n,"ic-input-component-container-readonly":!!c,"ic-input-component-container-multiline":!!o,"ic-input-component-container-full-width":!!r},"aria-disabled":n?"true":null},t("div",{key:"6a7712e2529a513c00f9da17a55523520231d006",class:"focus-indicator"},a(this.el,"left-icon")&&t("div",{key:"aeb5d95413df5982199725cecf2b43db73c92152",class:"icon-container"},t("slot",{key:"3aab6c1ac278d1c16b60a14a14aa09876d236c4b",name:"left-icon"})),t("slot",{key:"f7bf8859b60a36b4a3e5cb6b601ceec41a9915a7"}),u&&s===h.Success&&t("span",{key:"96e20884d38b475f5ae810ce3b557cd670e702e4",class:"inline-success",innerHTML:l})))}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};g.style=v;const x="ic-input-container .component-container{display:flex;flex-direction:column}";const y=x;const w=class{constructor(t){i(this,t);this.disabled=false;this.readonly=false}render(){return t(e,{key:"0bc0baafaedce6b4aa3cdcb02c12a9a2287ed9aa"},t("div",{key:"16d0909afb78eaf2709d62542af57024e99f162e",class:{["component-container"]:true,["disabled"]:!!this.disabled,["readonly"]:!!this.readonly}},t("slot",{key:"8c1e04687c0566467282e7b72a65468419bbfa15"})))}};w.style=y;const k='html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type="button"].sc-ic-menu,[type="reset"].sc-ic-menu,[type="submit"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type="button"].sc-ic-menu::-moz-focus-inner,[type="reset"].sc-ic-menu::-moz-focus-inner,[type="submit"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type="button"].sc-ic-menu:-moz-focusring,[type="reset"].sc-ic-menu:-moz-focusring,[type="submit"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type="checkbox"].sc-ic-menu,[type="radio"].sc-ic-menu{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu::-webkit-inner-spin-button,[type="number"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}';const z=k;const L=class{constructor(e){i(this,e);this.icClear=n(this,"icClear",7);this.menuKeyPress=n(this,"menuKeyPress",7);this.menuOptionId=n(this,"menuOptionId",7);this.menuOptionSelect=n(this,"menuOptionSelect",7);this.menuOptionSelectAll=n(this,"menuOptionSelectAll",7);this.menuStateChange=n(this,"menuStateChange",7);this.retryButtonClicked=n(this,"retryButtonClicked",7);this.timeoutBlur=n(this,"timeoutBlur",7);this.ungroupedOptionsSet=n(this,"ungroupedOptionsSet",7);this.ACTIVE_DESCENDANT="aria-activedescendant";this.CLEAR_BUTTON_ID="clear-button";this.SEARCH_BAR_TAG="IC-SEARCH-BAR";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isMultiSelect=false;this.isSearchBar=false;this.isSearchableSelect=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.preventIncorrectTabOrder=false;this.activationType="automatic";this.autofocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.labelField="label";this.searchMode="navigation";this.selectOnEnter=false;this.size="medium";this.valueField="value";this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){this.inputEl.focus();this.preventClickOpen=false}if(this.isMultiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName===this.SEARCH_BAR_TAG){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"){if(i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}else if(i.getAttribute("multiple")!==null&&i.getAttribute("multiple")!==undefined){this.isMultiSelect=true}}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const e=this.isSearchBar||this.isSearchableSelect||this.open;if(e){if(t>=0){if(i[t]!==undefined){if(this.isSearchBar&&i[t].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(t)}}}else{this.setInputValue(t)}}else{this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const e=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));e.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();const e=i.shiftKey||i.metaKey||i.ctrlKey;const s=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const c=i=>{var t;return(t=Array.from(this.host.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.isMultiSelect){this.handleOptionSelect(i,s)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,s,t);if(s<t.length-1){this.setHighlightedOption(s+1);this.menuOptionId.emit({optionId:c(s+1)});this.handleSingleShiftSelect(i,s+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:c(0)});this.handleSingleShiftSelect(i,0,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([s,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,s,t);if(s<=0||s>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:c(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(s-1);this.menuOptionId.emit({optionId:c(s-1)});this.handleSingleShiftSelect(i,s-1,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([s,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:c(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const e=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:c(e)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(!e){this.keyboardNav=false}if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();if(!e){this.keyboardNav=false}this.handleOptionSelect(i,s);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(u()&&i.metaKey||!u()&&i.ctrlKey){this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.isSearchBar){this.keyboardNav=true}if(this.isMultiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;default:if(!e){this.keyboardNav=false}this.focusOnSearchOrSelectInput(t,s)}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:e}=i.target.dataset;if(this.isMultiSelect){const e=this.getMenuOptions();const s=e.findIndex((i=>i.value===t));this.handleOptionSelect(i,s,true);this.multiOptionClicked=t||null}else{this.menuOptionSelect.emit({value:t,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{var t,e,s,n;if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){(t=this.menu)===null||t===void 0?void 0:t.removeAttribute(this.ACTIVE_DESCENDANT)}if(!(((e=this.menu)===null||e===void 0?void 0:e.contains(i.relatedTarget))||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);(s=this.menu)===null||s===void 0?void 0:s.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;(n=this.menu)===null||n===void 0?void 0:n.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{var i;this.keyboardNav=false;(i=this.menu)===null||i===void 0?void 0:i.focus();this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{var t;this.host.classList.remove("ic-select-select-all-focused");if(!((t=this.menu)===null||t===void 0?void 0:t.contains(i.relatedTarget))){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.host.classList.add("ic-select-select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,e)=>{if(this.isMultiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(e,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,e=null)=>{this.shiftPressed=false;const s=e===null?this.getFirstOptionInSelection(t):e;if(s!==null){const t=[];if(s<i){for(let e=s;e<i+1;e++){t.push(e)}}else{for(let e=s;e>i-1;e--){t.push(e)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,e=false)=>{const s=this.getMenuOptions();const n=this.getFirstOptionInSelection(e);if(i.shiftKey&&n!==null){this.handleMultipleShiftSelect(t,e,n)}else{this.selectHighlightedOption(s,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAllEvents=()=>{var i,t;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)});if(((t=this.value)===null||t===void 0?void 0:t.length)===this.ungroupedOptions.length){this.icClear.emit()}};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const e=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(t);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(t);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(e){this.inputEl.focus()}break;case"Shift":break;default:if(e&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let e=i[this.labelField];if(i.description){e=`${e}, ${i.description}`}if(i.element){e=`${e}, ${i.element.ariaLabel}`}if(t){return`${e}, ${t[this.labelField]} group`}else{return e}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{var t;const e=this.selectOnEnter?this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(e){const s=e.offsetTop+e.offsetHeight;if(s>i.scrollTop+i.offsetHeight||s<i.scrollTop+i.offsetHeight){i.scrollTop=e.offsetTop}(t=this.menu)===null||t===void 0?void 0:t.setAttribute(this.ACTIVE_DESCENDANT,e.id);e.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{var i;let t=0;this.host.querySelectorAll(".option").forEach((i=>t+=i.clientHeight));if(t>=320){(i=this.menu)===null||i===void 0?void 0:i.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,e)=>{var s;const n=!!i[this.valueField]&&!!this.value&&e&&((s=this.parentEl)===null||s===void 0?void 0:s.tagName)!==this.SEARCH_BAR_TAG;return t(c,null,i.loading&&t("ic-loading-indicator",{size:"icon"}),t("div",{class:{"option-text-container":true,"show-check-icon":n}},t("div",{class:"option-label"},i.icon&&t("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),t("ic-typography",{variant:"body","aria-hidden":"true"},i[this.labelField])),i.description&&t("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},t("p",null,i.description)),i.element&&t("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),n&&t("span",{class:"check-icon",innerHTML:m}))};this.displayOption=(i,e,s,n)=>{const{open:o,keyboardNav:r,isManualMode:a,initialOptionsListRender:h,optionHighlighted:l,options:u}=this;return t("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":a?(r||h)&&i[this.valueField]===l:r&&e,"last-recommended-option":!!(i.recommended&&u[s+1]&&!u[s+1].recommended),"disabled-option":!!i.disabled,"loading-option":!!i.loading,timeout:!!i.timedOut},role:"option",tabindex:o&&(e||i[this.valueField]===l)&&r?"0":"-1","aria-label":this.getOptionAriaLabel(i,n),"aria-selected":e?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading?this.handleOptionClick:undefined,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?t(c,null,t("div",{class:"loading-error-info"},t("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},t("title",{id:"error-title"},"Error"),t("g",{id:"close-octagon"},t("path",{id:"Vector",d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),t("ic-typography",{variant:"label"},i[this.labelField])),t("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,e))}}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){this.parentEl&&this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){var i,t;if(this.popperInstance){this.popperInstance.destroy()}(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icClear",this.handleClearListener);(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t,e,s;this.loadUngroupedOptions();(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icClear",this.handleClearListener);(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(e=this.options)===null||e===void 0?void 0:e.some((i=>i.timedOut));this.isLoading=(s=this.options)===null||s===void 0?void 0:s.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableAutoFiltering){this.focusFromSearchKeypress=true}d([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));if(this.menu&&this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autofocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(this.selectOnEnter){this.menu.focus()}else if(!!this.optionHighlighted&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.ACTIVE_DESCENDANT,i.id);i.focus()}}else if(this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.menu&&this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=f(i,this.host,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]})}focusOnSearchOrSelectInput(i,t){if(!i[t])return;if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true}render(){const{inputLabel:i,options:s,menuId:n,value:c,fullWidth:o,hasTimedOut:r,isLoading:a,size:h,open:l,inputEl:u,keyboardNav:d,parentEl:m,SEARCH_BAR_TAG:f}=this;const b=`${(c===null||c===void 0?void 0:c.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const v=this.host.classList.contains("no-results");return t(e,{key:"da6a6114d695c99a303ddae835ebbdb81c4bf0e8",class:{"ic-menu-full-width":!!o,"ic-menu-no-focus":(u===null||u===void 0?void 0:u.tagName)==="INPUT"&&(m===null||m===void 0?void 0:m.tagName)!==f||r||a,[`ic-menu-${h}`]:true,"ic-menu-open":l&&s.length!==0,"ic-menu-multiple":this.isMultiSelect}},s.length!==0&&t("ul",{key:"8a6b17763235c84e94621e2f83c3a02302f5a8bc",id:n,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":this.isMultiSelect?"true":"false",tabindex:l&&!d&&((u===null||u===void 0?void 0:u.tagName)!=="INPUT"||(m===null||m===void 0?void 0:m.tagName)===f)?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(s).map(((i,e)=>{if(i.children){if(i.children.length>0){return t("div",null,t("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},t("p",null,i[this.labelField])),i.children.map((t=>t.label&&this.displayOption(t,this.isMultiSelect?c===null||c===void 0?void 0:c.includes(t[this.valueField]):t[this.valueField]===c,e,i))))}else{return null}}else{return i.label&&this.displayOption(i,this.isMultiSelect?c===null||c===void 0?void 0:c.includes(i[this.valueField]):i[this.valueField]===c,e)}}))),s.length!==0&&this.isMultiSelect&&!a&&!r&&!v&&t("div",{key:"453d9a11e3933a48aa85f39f686bdf98a6ba0953",class:"option-bar"},t("ic-typography",{key:"8ca77bff0d3fbbc4264e83ff815f2de5ff98670c"},t("p",{key:"6262a580c6071c81146e082f2e839a06efd90461"},`${c?c.length:0}/${p(this.options)} selected`)),t("ic-button",{key:"192c92dec9525bc2bf3fe386414b292483d25d72",class:"select-all-button","aria-label":`${b} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:h==="small"?"small":"medium"},b)))}get host(){return s(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};L.style=z;export{g as ic_input_component_container,w as ic_input_container,L as ic_menu};
-//# sourceMappingURL=p-7b13ccd0.entry.js.map
+import{r as i,h as t,H as e,g as s,c as n,F as c}from"./p-8e4e97b4.js";import{r as o,a as r,s as a,R as h,U as l,X as u,b as d,P as p}from"./p-eca2fea1.js";import{C as m}from"./p-0aa9ce8b.js";import{c as f}from"./p-aae38bee.js";const b="ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;min-height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly{height:auto;background:transparent}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl);min-height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl);min-height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-monochrome-hover-dark)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}";const v=b;const g=class{constructor(t){i(this,t);this.disabled=false;this.fullWidth=false;this.multiLine=false;this.readonly=false;this.size="medium";this.validationInline=false;this.validationStatus=""}watchDisabledHandler(){o(this.disabled,this.el)}componentWillLoad(){o(this.disabled,this.el)}componentDidLoad(){this.hostMutationObserver=new MutationObserver((i=>r(i,"left-icon",this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{size:i,validationStatus:s,disabled:n,readonly:c,multiLine:o,fullWidth:r,validationInline:u}=this;return t(e,{key:"86271007106caa930e823cd2a9b9242670a1d2c1",class:{[`ic-input-component-container-${i}`]:true,[`ic-input-component-container-${s}`]:s!==""&&!n&&!c,"ic-input-component-container-disabled":!!n,"ic-input-component-container-readonly":!!c,"ic-input-component-container-multiline":!!o,"ic-input-component-container-full-width":!!r},"aria-disabled":n?"true":null},t("div",{key:"2b8e64e7cc2d78b34b816b080f7e5856b4aef254",class:"focus-indicator"},a(this.el,"left-icon")&&t("div",{key:"738e1d776664a7971bd97f36a68b8193849178ae",class:"icon-container"},t("slot",{key:"c6d5fa181367e1988b3e454b06c01345afa393ff",name:"left-icon"})),t("slot",{key:"970ccdc08abd4dbf84248cc5708ab09ecbcbc0ae"}),u&&s===h.Success&&t("span",{key:"6c7cbd9c69c11a8688972039ba519829805d3ab7",class:"inline-success",innerHTML:l})))}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};g.style=v;const x="ic-input-container .component-container{display:flex;flex-direction:column}";const y=x;const w=class{constructor(t){i(this,t);this.disabled=false;this.readonly=false}render(){return t(e,{key:"ffa7ae6f683f172205085d3ade5af4ed2b665f5e"},t("div",{key:"e010e17e975c12a26c9ae66cb604ca561882901b",class:{["component-container"]:true,["disabled"]:!!this.disabled,["readonly"]:!!this.readonly}},t("slot",{key:"202931f1bc8d2ab341753c23464e266fd899a15d"})))}};w.style=y;const k='html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type="button"].sc-ic-menu,[type="reset"].sc-ic-menu,[type="submit"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type="button"].sc-ic-menu::-moz-focus-inner,[type="reset"].sc-ic-menu::-moz-focus-inner,[type="submit"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type="button"].sc-ic-menu:-moz-focusring,[type="reset"].sc-ic-menu:-moz-focusring,[type="submit"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type="checkbox"].sc-ic-menu,[type="radio"].sc-ic-menu{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu::-webkit-inner-spin-button,[type="number"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}';const z=k;const L=class{constructor(e){i(this,e);this.icClear=n(this,"icClear",7);this.menuKeyPress=n(this,"menuKeyPress",7);this.menuOptionId=n(this,"menuOptionId",7);this.menuOptionSelect=n(this,"menuOptionSelect",7);this.menuOptionSelectAll=n(this,"menuOptionSelectAll",7);this.menuStateChange=n(this,"menuStateChange",7);this.retryButtonClicked=n(this,"retryButtonClicked",7);this.timeoutBlur=n(this,"timeoutBlur",7);this.ungroupedOptionsSet=n(this,"ungroupedOptionsSet",7);this.ACTIVE_DESCENDANT="aria-activedescendant";this.CLEAR_BUTTON_ID="clear-button";this.SEARCH_BAR_TAG="IC-SEARCH-BAR";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isMultiSelect=false;this.isSearchBar=false;this.isSearchableSelect=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.preventIncorrectTabOrder=false;this.activationType="automatic";this.autofocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.labelField="label";this.searchMode="navigation";this.selectOnEnter=false;this.size="medium";this.valueField="value";this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){this.inputEl.focus();this.preventClickOpen=false}if(this.isMultiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName===this.SEARCH_BAR_TAG){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"){if(i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}else if(i.getAttribute("multiple")!==null&&i.getAttribute("multiple")!==undefined){this.isMultiSelect=true}}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const e=this.isSearchBar||this.isSearchableSelect||this.open;if(e){if(t>=0){if(i[t]!==undefined){if(this.isSearchBar&&i[t].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(t)}}}else{this.setInputValue(t)}}else{this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const e=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));e.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();const e=i.shiftKey||i.metaKey||i.ctrlKey;const s=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const c=i=>{var t;return(t=Array.from(this.host.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.isMultiSelect){this.handleOptionSelect(i,s)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,s,t);if(s<t.length-1){this.setHighlightedOption(s+1);this.menuOptionId.emit({optionId:c(s+1)});this.handleSingleShiftSelect(i,s+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:c(0)});this.handleSingleShiftSelect(i,0,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([s,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,s,t);if(s<=0||s>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:c(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(s-1);this.menuOptionId.emit({optionId:c(s-1)});this.handleSingleShiftSelect(i,s-1,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([s,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:c(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const e=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:c(e)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(!e){this.keyboardNav=false}if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();if(!e){this.keyboardNav=false}this.handleOptionSelect(i,s);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(u()&&i.metaKey||!u()&&i.ctrlKey){this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.isSearchBar){this.keyboardNav=true}if(this.isMultiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;default:if(!e){this.keyboardNav=false}this.focusOnSearchOrSelectInput(t,s)}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:e}=i.target.dataset;if(this.isMultiSelect){const e=this.getMenuOptions();const s=e.findIndex((i=>i.value===t));this.handleOptionSelect(i,s,true);this.multiOptionClicked=t||null}else{this.menuOptionSelect.emit({value:t,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{var t,e,s,n;if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){(t=this.menu)===null||t===void 0?void 0:t.removeAttribute(this.ACTIVE_DESCENDANT)}if(!(((e=this.menu)===null||e===void 0?void 0:e.contains(i.relatedTarget))||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);(s=this.menu)===null||s===void 0?void 0:s.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;(n=this.menu)===null||n===void 0?void 0:n.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{var i;this.keyboardNav=false;(i=this.menu)===null||i===void 0?void 0:i.focus();this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{var t;this.host.classList.remove("ic-select-select-all-focused");if(!((t=this.menu)===null||t===void 0?void 0:t.contains(i.relatedTarget))){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.host.classList.add("ic-select-select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,e)=>{if(this.isMultiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(e,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,e=null)=>{this.shiftPressed=false;const s=e===null?this.getFirstOptionInSelection(t):e;if(s!==null){const t=[];if(s<i){for(let e=s;e<i+1;e++){t.push(e)}}else{for(let e=s;e>i-1;e--){t.push(e)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,e=false)=>{const s=this.getMenuOptions();const n=this.getFirstOptionInSelection(e);if(i.shiftKey&&n!==null){this.handleMultipleShiftSelect(t,e,n)}else{this.selectHighlightedOption(s,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAllEvents=()=>{var i,t;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)});if(((t=this.value)===null||t===void 0?void 0:t.length)===this.ungroupedOptions.length){this.icClear.emit()}};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const e=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(t);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(t);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(e){this.inputEl.focus()}break;case"Shift":break;default:if(e&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let e=i[this.labelField];if(i.description){e=`${e}, ${i.description}`}if(i.element){e=`${e}, ${i.element.ariaLabel}`}if(t){return`${e}, ${t[this.labelField]} group`}else{return e}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{var t;const e=this.selectOnEnter?this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(e){const s=e.offsetTop+e.offsetHeight;if(s>i.scrollTop+i.offsetHeight||s<i.scrollTop+i.offsetHeight){i.scrollTop=e.offsetTop}(t=this.menu)===null||t===void 0?void 0:t.setAttribute(this.ACTIVE_DESCENDANT,e.id);e.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{var i;let t=0;this.host.querySelectorAll(".option").forEach((i=>t+=i.clientHeight));if(t>=320){(i=this.menu)===null||i===void 0?void 0:i.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,e)=>{var s;const n=!!i[this.valueField]&&!!this.value&&e&&((s=this.parentEl)===null||s===void 0?void 0:s.tagName)!==this.SEARCH_BAR_TAG;return t(c,null,i.loading&&t("ic-loading-indicator",{size:"icon"}),t("div",{class:{"option-text-container":true,"show-check-icon":n}},t("div",{class:"option-label"},i.icon&&t("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),t("ic-typography",{variant:"body","aria-hidden":"true"},i[this.labelField])),i.description&&t("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},t("p",null,i.description)),i.element&&t("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),n&&t("span",{class:"check-icon",innerHTML:m}))};this.displayOption=(i,e,s,n)=>{const{open:o,keyboardNav:r,isManualMode:a,initialOptionsListRender:h,optionHighlighted:l,options:u}=this;return t("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":a?(r||h)&&i[this.valueField]===l:r&&e,"last-recommended-option":!!(i.recommended&&u[s+1]&&!u[s+1].recommended),"disabled-option":!!i.disabled,"loading-option":!!i.loading,timeout:!!i.timedOut},role:"option",tabindex:o&&(e||i[this.valueField]===l)&&r?"0":"-1","aria-label":this.getOptionAriaLabel(i,n),"aria-selected":e?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading?this.handleOptionClick:undefined,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?t(c,null,t("div",{class:"loading-error-info"},t("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},t("title",{id:"error-title"},"Error"),t("g",{id:"close-octagon"},t("path",{id:"Vector",d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),t("ic-typography",{variant:"label"},i[this.labelField])),t("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,e))}}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){this.parentEl&&this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){var i,t;if(this.popperInstance){this.popperInstance.destroy()}(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icClear",this.handleClearListener);(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t,e,s;this.loadUngroupedOptions();(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icClear",this.handleClearListener);(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(e=this.options)===null||e===void 0?void 0:e.some((i=>i.timedOut));this.isLoading=(s=this.options)===null||s===void 0?void 0:s.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableAutoFiltering){this.focusFromSearchKeypress=true}d([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));if(this.menu&&this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autofocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(this.selectOnEnter){this.menu.focus()}else if(!!this.optionHighlighted&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.ACTIVE_DESCENDANT,i.id);i.focus()}}else if(this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.menu&&this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=f(i,this.host,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]})}focusOnSearchOrSelectInput(i,t){if(!i[t])return;if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true}render(){const{inputLabel:i,options:s,menuId:n,value:c,fullWidth:o,hasTimedOut:r,isLoading:a,size:h,open:l,inputEl:u,keyboardNav:d,parentEl:m,SEARCH_BAR_TAG:f}=this;const b=`${(c===null||c===void 0?void 0:c.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const v=this.host.classList.contains("no-results");return t(e,{key:"d0c5f5c23b4f20260852cefb5fedea21302e9d96",class:{"ic-menu-full-width":!!o,"ic-menu-no-focus":(u===null||u===void 0?void 0:u.tagName)==="INPUT"&&(m===null||m===void 0?void 0:m.tagName)!==f||r||a,[`ic-menu-${h}`]:true,"ic-menu-open":l&&s.length!==0,"ic-menu-multiple":this.isMultiSelect}},s.length!==0&&t("ul",{key:"83a3eb54200af022e6868732e5a7b36d81be36a2",id:n,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":this.isMultiSelect?"true":"false",tabindex:l&&!d&&((u===null||u===void 0?void 0:u.tagName)!=="INPUT"||(m===null||m===void 0?void 0:m.tagName)===f)?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(s).map(((i,e)=>{if(i.children){if(i.children.length>0){return t("div",null,t("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},t("p",null,i[this.labelField])),i.children.map((t=>t.label&&this.displayOption(t,this.isMultiSelect?c===null||c===void 0?void 0:c.includes(t[this.valueField]):t[this.valueField]===c,e,i))))}else{return null}}else{return i.label&&this.displayOption(i,this.isMultiSelect?c===null||c===void 0?void 0:c.includes(i[this.valueField]):i[this.valueField]===c,e)}}))),s.length!==0&&this.isMultiSelect&&!a&&!r&&!v&&t("div",{key:"0273a92b2489cf7c2e78c19925016f9fa1c7f8ce",class:"option-bar"},t("ic-typography",{key:"12fb3d62eff3d6d2545004d73f2de8726c4ee9e8"},t("p",{key:"661d0a4ca79cda7f6fa5d1e229baa0ed301599b9"},`${c?c.length:0}/${p(this.options)} selected`)),t("ic-button",{key:"7b28845efcd6e7819d591e5811448db384ab9138",class:"select-all-button","aria-label":`${b} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:h==="small"?"small":"medium"},b)))}get host(){return s(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};L.style=z;export{g as ic_input_component_container,w as ic_input_container,L as ic_menu};
+//# sourceMappingURL=p-95868542.entry.js.map