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

package/dist/core/p-c0687222.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icSideNavigationCss","IcSideNavigationStyle0","SideNavigation","constructor","hostRef","this","ANIMATION_DURATION","parseInt","getCssProperty","IC_NAVIGATION_ITEM","resizeObserver","COLLAPSED_ICON_LABELS_END","COLLAPSED_ICON_LABELS_START","deviceSize","getCurrentDeviceSize","deviceSizeAppTitle","DEVICE_SIZES","S","foregroundColor","getBrandForegroundAppearance","hasSecondaryNavigation","menuExpanded","menuOpen","collapsedIconLabels","disableAutoParentStyling","disableTopBarBehaviour","expanded","href","inline","shortAppTitle","static","emitSideNavigationExpanded","objDetails","icSideNavExpanded","emit","sideNavExpanded","sideNavMobile","toggleMenu","setMobileMenuAriaAttributes","arrangeSlottedNavigationItem","setToggleMenuFlyoutMenuVisibility","_a","sideNav","el","shadowRoot","querySelector","sideNavInner","bottomWrapper","menuVisibilityVisible","classList","add","setTimeout","remove","menuButton","setAttribute","setAndRemoveNoWrapAfterMenuExpanded","appTitle","toggleMenuExpanded","_b","_c","_d","style","setProperty","addEventListener","e","propertyName","displayTooltipWithExpandedLongLabel","animateCollapsedIconLabels","setExpandedButtonHeight","navItems","querySelectorAll","forEach","navItem","isNamedSlot","isSlotUsed","isUnnamedSlot","children","getAttribute","navItemSlot","iconWrapper","document","createElement","icon","badge","label","textContent","trim","icTypography","position","height","append","styleSlottedCollapsedIconLabels","styleSlottedIconLabels","marginTop","whiteSpace","overflow","textOverflow","appStatusWrapper","offsetHeight","opacity","visibility","transition","transitionHandler","type","primaryNavigationWrapper","secondaryNavigationWrapper","classToRemove","classToAdd","transitionEndHandler","paddingIconWidth","navItemLink","navItemSVG","navStyles","gap","window","getComputedStyle","iconWidth","width","paddingLeft","Object","values","reduce","prev","curr","timer","sideNavWidth","clientWidth","navigationItems","Array","from","paddingIconDelta","length","navigationItem","icTypographyScrollWidth","scrollWidth","clearTimeout","setMenuExpanded","setParentPaddingTop","value","parentElement","setParentPaddingLeft","renderAppTitle","isAppNameSubtitleVariant","displayShortAppTitle","isEmptyString","h","variant","undefined","resizeObserverCallback","currSize","isSmallAndDisableTopBar","topBarHeight","scrollHeight","L","M","runResizeObserver","ResizeObserver","observe","body","box","setCollapsedIconLabels","styleSlottedCollapsedIconLabel","dynamicSlottedIcTypographyComps","contains","renderTopBar","isSDevice","hasTitle","isPropDefined","Component","attrs","class","id","size","theme","monochrome","onClick","ariaOwnsId","ref","slot","innerHTML","closeIcon","menuIcon","assign","name","watchExpandedHandler","componentWillLoad","componentDidLoad","checkResizeObserver","onComponentRequiredPropUndefined","prop","propName","disconnectedCallback","disconnect","removeEventListener","brandChangeHandler","detail","mode","render","status","version","isMdDevice","isLgDevice","displayExpandBtn","topBarProps","Host","key","IcBrandForegroundEnum","Dark","hasClassificationBanner","chevronIcon"],"sources":["../web-components/dist/collection/components/ic-side-navigation/ic-side-navigation.css?tag=ic-side-navigation&encapsulation=shadow","../web-components/dist/collection/components/ic-side-navigation/ic-side-navigation.js"],"sourcesContent":["/**\n * @prop --ic-z-index-side-navigation: z-index of side navigation panel\n */\n\n:host {\n  display: block;\n\n  --ic-typography-color: currentcolor;\n  --side-navigation-position: fixed;\n  --side-navigation-position-left: 0;\n  --side-navigation-position-top: var(--ic-space-xxl);\n  --side-navigation-height: var(--ic-space-xxl);\n  --sm-side-navigation-top-bar-height: 3.5rem;\n  --sm-side-navigation-collapsed-labels-width: 6rem;\n  --sm-side-navigation-expand-transition-duration: var(\n    --ic-transition-duration-slow\n  );\n  --side-navigation-width: 20rem;\n  --sm-side-navigation-bottom-bar-height: 3.5rem;\n  --keyline-lighten: var(--ic-space-1px) solid var(--ic-side-navigation-keyline);\n  --keyline-darken: var(--ic-space-1px) solid var(--ic-state-layer-darken-20);\n\n  --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);\n  --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);\n  z-index: var(--ic-z-index-side-navigation);\n}\n\n:host > * {\n  box-sizing: border-box;\n}\n\n.side-navigation {\n  display: flex;\n  flex-direction: column;\n  width: var(--side-navigation-width);\n  color: var(--ic-side-navigation-text);\n  position: var(--side-navigation-position);\n  top: var(--side-navigation-position-top);\n  left: calc(var(--side-navigation-width) * -1);\n  bottom: 0;\n  background-color: var(--ic-side-navigation-background);\n  z-index: var(--ic-z-index-side-navigation);\n}\n\n:host(.ic-side-navigation-inline) .side-navigation {\n  position: absolute;\n  height: 100%;\n}\n\n:host(.anchor-right) .side-navigation {\n  right: calc(var(--side-navigation-width) * -1);\n}\n\n.classification-spacing {\n  margin-bottom: var(--ic-space-lg);\n}\n\n.navigation-list {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.side-navigation-inner {\n  background-color: var(--ic-side-navigation-background);\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 0;\n  overflow: auto;\n}\n\n:host(.ic-side-navigation-inline) .side-navigation-inner {\n  flex: 1;\n}\n\n:host(.xs-menu-open) .side-navigation {\n  transition: left var(--ic-easing-transition-slow);\n  left: 0;\n}\n\n:host(:has(.xs-menu-open, .xs-menu-close)) ::slotted(ic-navigation-item) {\n  --navigation-item-side-nav-right: var(--ic-space-xl);\n}\n\n:host(.xs-menu-close) .side-navigation {\n  left: calc(var(--side-navigation-width) * -1);\n  transition: left var(--ic-easing-transition-slow);\n}\n\n:host(.xs-menu-close) .side-navigation > * {\n  visibility: hidden;\n}\n\n:host(.anchor-right.xs-menu-open) .side-navigation {\n  right: 0;\n  left: auto;\n}\n\n:host(.anchor-right.xs-menu-close) .side-navigation {\n  right: calc(var(--side-navigation-width) * -1);\n  left: auto;\n  transition: right var(--ic-easing-transition-slow);\n}\n\n.bottom-wrapper {\n  border-top: var(--keyline-lighten);\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n  background-color: var(--ic-side-navigation-background);\n  display: flex;\n  flex-direction: column;\n}\n\n:host(.ic-side-navigation-inline) .bottom-wrapper {\n  position: sticky;\n}\n\n:host(.ic-side-navigation-dark) .bottom-wrapper {\n  border-top: var(--keyline-darken);\n}\n\n/* Mobile Top Bar */\n\n.top-bar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  min-height: var(--side-navigation-height);\n  padding: var(--ic-space-xs);\n  box-sizing: border-box;\n  background-color: var(--ic-side-navigation-background);\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  border-bottom: var(--keyline-lighten);\n  box-shadow: var(--ic-elevation-overlay);\n  z-index: 2;\n  overflow: hidden;\n  visibility: visible;\n}\n\n:host(.ic-side-navigation-inline) .top-bar {\n  position: absolute;\n}\n\n:host(.ic-side-navigation-dark) .top-bar {\n  border-bottom: var(--keyline-darken);\n}\n\n.top-bar.dark a:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n.app-title-wrapper {\n  display: flex;\n  margin-left: var(--ic-space-xs);\n  border-left: var(--keyline-lighten);\n  padding-left: var(--ic-space-xxs);\n  color: var(--ic-side-navigation-text);\n  align-items: center;\n}\n\n:host(.ic-side-navigation-dark) .app-title-wrapper {\n  border-left: var(--keyline-darken);\n}\n\n.app-title-wrapper ic-typography h1 {\n  margin: 0;\n}\n\n@media screen and (min-width: 340px) {\n  .app-title-wrapper ic-typography {\n    margin-left: var(--ic-space-xs);\n  }\n}\n\n:host .title-link {\n  display: flex;\n  align-items: center;\n  transition: box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);\n  text-decoration: none;\n  padding: var(--ic-space-xxs);\n  color: var(--ic-side-navigation-text);\n}\n\n:host .title-link:visited,\n:host .title-link:active {\n  color: var(--ic-side-navigation-text);\n}\n\nslot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a) {\n  color: var(--ic-side-navigation-text);\n  outline: none;\n  text-decoration: none;\n  display: flex;\n}\n\nslot[name=\"app-title\"]::slotted(ic-typography),\nslot[name=\"app-title\"]::slotted(a) {\n  margin-left: var(--ic-space-xs) !important;\n}\n\nslot[name=\"app-title\"]::slotted(a) {\n  font: var(--ic-font-subtitle-small);\n}\n\n@media screen and (min-width: 577px) {\n  :host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),\n  :host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a) {\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n    transition: opacity var(--ic-easing-transition-slow);\n  }\n\n  :host(.sm-expanded) slot[name=\"app-title\"]::slotted(a) {\n    font: var(--ic-font-h3) !important;\n    font-weight: var(--ic-font-weight-semibold) !important;\n    margin-left: var(--ic-space-xs) !important;\n  }\n}\n\n:host .title-link:hover {\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-side-navigation-hover);\n}\n\n:host .title-link:active {\n  background-color: var(--ic-side-navigation-pressed);\n}\n\n:host .title-link:focus,\n:host .title-link:focus-within {\n  border-radius: var(--ic-border-radius);\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  background-color: transparent;\n}\n\n:host .title-link ic-typography {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.app-title-wrapper ::slotted(svg) {\n  fill: var(--ic-side-navigation-text);\n}\n\n.app-icon-container {\n  display: none;\n}\n\n.button-label {\n  display: flex;\n  align-items: center;\n}\n\n.mobile-top-bar-menu-icon {\n  display: flex;\n}\n\n.menu-button {\n  width: 6.5rem;\n}\n\n.app-status-wrapper {\n  inset: 0 var(--ic-space-sm) 0 3.5rem;\n  width: auto;\n  display: flex;\n  gap: var(--ic-space-xs);\n  padding: var(--ic-space-sm) 0;\n  justify-content: flex-end;\n  align-items: flex-end;\n  pointer-events: none;\n  height: -moz-fit-content;\n  height: fit-content;\n  margin: 0 var(--ic-space-xs);\n}\n\n.app-status-wrapper .app-version {\n  display: flex;\n  overflow-wrap: break-word;\n  padding-bottom: var(--ic-space-xxs);\n}\n\n.app-status-wrapper .app-status {\n  display: flex;\n  border-radius: 1rem;\n  background-color: var(--ic-side-navigation-text);\n  color: var(--ic-side-navigation-status-tag-text);\n  padding: var(--ic-space-xxs) var(--ic-space-lg);\n  min-width: 1rem;\n}\n\n.app-status-wrapper .app-status-text {\n  overflow-wrap: break-word;\n}\n\n:host(.ic-side-navigation-dark) .app-status-wrapper .app-status {\n  --ic-typography-color: var(--ic-architectural-white);\n}\n\n.navigation-landmark-title {\n  position: absolute;\n  width: var(--ic-space-1px);\n  height: var(--ic-space-1px);\n  padding: 0;\n  margin: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n}\n\n/* Navigation Group */\n\n::slotted(ic-navigation-group) {\n  --navigation-group-height: 2.75rem;\n  --navigation-group-width: 100%;\n  --navigation-group-justify-content: space-between;\n  --navigation-group-hover: var(--ic-side-navigation-hover);\n  --navigation-group-text-hover: var(--ic-side-navigation-text);\n  --navigation-item-child-height: 3.5rem;\n  --navigation-item-child-active: var(--ic-action-dark-bg-pressed);\n  --navigation-item-child-color: var(--ic-side-navigation-text);\n  --navigation-group-expand-toggle-padding: 0.25rem;\n}\n\n/* Navigation Items */\n\n::slotted(ic-navigation-item),\n::slotted(ic-navigation-group) {\n  --navigation-item-justify-content: flex-start;\n  --navigation-item-min-height: 56px;\n  --navigation-item-height: auto;\n}\n\n/* Toggle Chevron */\n\n.bottom-side-nav {\n  position: relative;\n  align-content: flex-end;\n  min-height: var(--sm-side-navigation-top-bar-height);\n}\n\n.bottom-side-nav ic-divider {\n  position: absolute;\n  top: 0;\n}\n\n.primary-navigation {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n\n  /* Hide scrollbar when required but keep functionality */\n  scrollbar-width: none;\n}\n\n.primary-navigation::-webkit-scrollbar {\n  display: none;\n}\n\n.primary-navigation,\n.secondary-navigation {\n  overflow-x: hidden;\n}\n\n.bottom-side-nav .menu-expand-button {\n  position: absolute;\n  display: none;\n}\n\n.menu-visibility-visible {\n  visibility: visible;\n  width: 100%;\n}\n\n.app-title-show {\n  min-width: 15.5rem;\n}\n\n:host(.side-display) {\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  position: var(--side-navigation-position);\n  left: 0;\n  top: 0;\n  bottom: 0;\n}\n\n:host(.side-display) .app-icon-container {\n  height: 40px;\n  display: flex;\n  align-items: center;\n}\n\n:host(.side-display) .top-bar {\n  --side-navigation-height: var(--sm-side-navigation-top-bar-height);\n\n  position: relative;\n  padding: 0;\n  box-shadow: none;\n}\n\n:host(.ic-side-navigation-inline.side-display) .top-bar {\n  position: sticky;\n}\n\n:host(.anchor-right.side-display) .top-bar {\n  box-shadow: 0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%);\n}\n\n:host(.anchor-right.side-display) .bottom-wrapper {\n  box-shadow: 0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);\n}\n\n:host(.side-display) .side-navigation,\n:host(.side-display) .top-bar {\n  width: var(--sm-side-navigation-top-bar-height);\n}\n\n:host(.sm-collapsed.side-display) {\n  width: var(--sm-side-navigation-top-bar-height);\n  transition: width var(--ic-easing-transition-slow);\n}\n\n:host(.sm-collapsed.collapsed-labels.side-display) {\n  width: var(--sm-side-navigation-collapsed-labels-width);\n}\n\n:host(.sm-expanded.side-display) {\n  width: var(--side-navigation-width);\n  transition: width var(--ic-easing-transition-slow);\n  box-shadow: var(--ic-elevation-overlay);\n}\n\n:host(.side-display) .side-navigation {\n  --side-navigation-position-top: 0;\n\n  flex: 1;\n  position: relative;\n  top: auto;\n  left: auto;\n  bottom: auto;\n}\n\n:host(.ic-side-navigation-inline.side-display) .side-navigation {\n  position: relative;\n}\n\n:host(.anchor-right.side-display) .side-navigation {\n  left: auto;\n  right: 0;\n}\n\n:host(.side-display) .app-title-wrapper {\n  margin-left: 0;\n  border-left: none;\n  padding: var(--ic-space-xs) var(--ic-space-sm);\n}\n\n:host(.side-display) .app-title-wrapper ::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host(.side-display) .app-title-wrapper ic-typography {\n  font-weight: var(--ic-font-weight-semibold);\n}\n\n:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography {\n  position: absolute;\n  left: -9999px;\n  opacity: 0;\n  transition: opacity var(--ic-easing-transition-slow);\n}\n\n:host(.sm-expanded.side-display) ic-typography {\n  position: relative;\n  left: 0;\n}\n\n:host(.sm-expanded.side-display) :is(.side-navigation, .top-bar) {\n  width: var(--side-navigation-width);\n  transition: width var(--ic-easing-transition-slow);\n}\n\n:host(.sm-collapsed.side-display) :is(.side-navigation, .top-bar) {\n  width: var(--sm-side-navigation-top-bar-height);\n  transition: width var(--ic-easing-transition-slow);\n}\n\n:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation, .top-bar) {\n  left: auto;\n  right: 0;\n}\n\n:host(.side-display) .app-status-wrapper,\n:host(.sm-collapsed.side-display) .app-status-wrapper {\n  display: none;\n  margin-left: 0;\n}\n\n:host(.sm-expanded.side-display) .app-status-wrapper {\n  display: flex;\n  max-width: 16rem;\n  margin-right: calc(var(--ic-space-xxxs) + var(--ic-space-xs));\n}\n\n:host(.side-display) .bottom-side-nav {\n  justify-items: flex-end;\n  align-items: flex-end;\n  justify-content: flex-end;\n  display: flex;\n  outline: none;\n}\n\n:host(.side-display) .bottom-side-nav .menu-expand-button {\n  padding-left: var(--ic-space-md);\n  height: var(--sm-side-navigation-top-bar-height);\n  width: 100%;\n  color: var(--ic-side-navigation-text);\n  background-color: transparent;\n  outline: var(--ic-hc-focus-outline);\n  border: none;\n  cursor: pointer;\n  display: flex;\n  transition: var(--ic-easing-transition-fast);\n}\n\n:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button {\n  height: 100%;\n}\n\n:host(.side-display) .bottom-side-nav .menu-expand-button svg {\n  justify-items: flex-start;\n  align-self: center;\n  display: inline-block;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host(.side-display) .bottom-side-nav .menu-expand-button:hover {\n  background-color: var(--ic-side-navigation-hover);\n}\n\n:host(.side-display) .bottom-side-nav .menu-expand-button: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(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg {\n  transform: scaleX(1);\n  transition: transform var(--ic-easing-transition-slow);\n}\n\n:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg {\n  transform: scaleX(-1);\n  transition: transform var(--ic-easing-transition-slow);\n  align-self: flex-end;\n  margin-bottom: 0.875rem;\n}\n\n:host(.anchor-right.sm-collapsed.side-display)\n  .bottom-side-nav\n  .menu-expand-button\n  svg {\n  transform: scaleX(-1);\n}\n\n:host(.anchor-right.sm-expanded.side-display)\n  .bottom-side-nav\n  .menu-expand-button\n  svg {\n  transform: scaleX(1);\n}\n\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item) {\n  --navigation-item-label-opacity: 1;\n}\n\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group) {\n  --navigation-item-label-opacity: 0;\n  --navigation-item-min-height: 3.5rem;\n  --navigation-item-height: 3.5rem;\n}\n\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-group) {\n  --navigation-item-label-opacity: 1;\n  --navigation-item-height: auto;\n  --navigation-item-min-height: 3.5rem;\n  --navigation-item-width: 20rem;\n  --navigation-item-side-nav-right: var(--ic-space-xl);\n}\n\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group) {\n  --navigation-group-title-position: absolute;\n  --navigation-group-title-position-left: -9999px;\n  --navigation-group-title-opacity: none;\n}\n\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-group) {\n  --navigation-group-title-position: relative;\n  --navigation-group-title-position-left: 0;\n  --navigation-group-expand-toggle-padding: 0.25rem;\n  --navigation-group-title-opacity: flex;\n}\n\n:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,\n:host(.sm-collapsed.collapsed-labels.side-display) .top-bar {\n  width: var(--sm-side-navigation-collapsed-labels-width);\n}\n\n:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button {\n  padding: 0;\n}\n\n:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper {\n  width: 100%;\n  justify-content: center;\n}\n\n:host(.sm-collapsed.collapsed-labels.side-display)\n  ::slotted(ic-navigation-group) {\n  --navigation-group-justify-content: center;\n  --navigation-item-label-opacity: 1;\n  --navigation-group-item-min-width: 100%;\n  --navigation-group-expand-toggle-padding: 1rem;\n}\n\n:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button {\n  justify-content: center;\n}\n\n:host(.side-display) .collapsed-icon-labels-start {\n  visibility: hidden;\n  opacity: 0;\n}\n\n:host(.side-display) .collapsed-icon-labels-end {\n  visibility: visible;\n  opacity: 1;\n  transition: visibility 0s, opacity var(--ic-easing-transition-slow);\n}\n\n/* Media Queries */\n\n@media screen and (max-width: 419px) {\n  .top-bar {\n    height: var(--side-navigation-height);\n  }\n  .side-navigation {\n    width: 100%;\n  }\n}\n\n@media screen and (min-width: 340px) {\n  .app-icon-container {\n    display: flex;\n  }\n}\n\n@media screen and (min-width: 993px) {\n  :host(.side-display) {\n    position: sticky;\n    left: auto;\n    top: 0;\n    bottom: 0;\n  }\n\n  :host(.sm-expanded.side-display) {\n    box-shadow: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .side-navigation,\n  .top-bar {\n    border-right: var(--ic-border-hc);\n  }\n\n  .menu-expand-button {\n    color: Highlight !important;\n  }\n\n  slot[name=\"app-icon\"]::slotted(svg) {\n    fill: currentcolor;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport menuIcon from \"../../assets/hamburger-menu-icon.svg\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nimport { getCurrentDeviceSize, DEVICE_SIZES, checkResizeObserver, isSlotUsed, getBrandForegroundAppearance, getCssProperty, hasClassificationBanner, onComponentRequiredPropUndefined, isEmptyString, isPropDefined, } from \"../../utils/helpers\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\n/**\n * @slot app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation.\n * @slot app-title - Handle routing by nesting a route in the app title.\n * @slot primary-navigation - Content will be rendered at the top of the side navigation.\n * @slot secondary-navigation - Content will be rendered at the bottom of the side navigation.\n */\nexport class SideNavigation {\n    constructor() {\n        this.ANIMATION_DURATION = parseInt(getCssProperty(\"--ic-transition-duration-slow\")) || 0;\n        this.IC_NAVIGATION_ITEM = \"ic-navigation-item\";\n        this.resizeObserver = null;\n        this.COLLAPSED_ICON_LABELS_END = \"collapsed-icon-labels-end\";\n        this.COLLAPSED_ICON_LABELS_START = \"collapsed-icon-labels-start\";\n        this.deviceSize = getCurrentDeviceSize();\n        this.deviceSizeAppTitle = DEVICE_SIZES.S;\n        this.foregroundColor = getBrandForegroundAppearance();\n        this.hasSecondaryNavigation = false;\n        this.menuExpanded = false;\n        this.menuOpen = false;\n        /**\n         * If `true`, the icon and label will appear when side navigation is collapsed.\n         */\n        this.collapsedIconLabels = false;\n        /**\n         * If `true`, automatic parent wrapper styling will be disabled.\n         */\n        this.disableAutoParentStyling = false;\n        /**\n         * If `true`, the side navigation will not display as a top bar on small devices.\n         */\n        this.disableTopBarBehaviour = false;\n        /**\n         * If `true`, the side navigation will display in an expanded state.\n         */\n        this.expanded = false;\n        /**\n         * The URL that the app title link points to.\n         */\n        this.href = \"/\";\n        /**\n         * @internal If `true`, side navigation will be contained by its parent element.\n         */\n        this.inline = false;\n        /**\n         * The short title of the app to be displayed at small screen sizes in place of the app title.\n         */\n        this.shortAppTitle = \"\";\n        /**\n         * If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above).\n         */\n        this.static = false;\n        this.emitSideNavigationExpanded = (objDetails) => {\n            this.icSideNavExpanded.emit({\n                sideNavExpanded: objDetails.sideNavExpanded,\n                sideNavMobile: !!objDetails.sideNavMobile,\n            });\n        };\n        this.toggleMenu = () => {\n            this.menuOpen = !this.menuOpen;\n            this.setMobileMenuAriaAttributes(this.menuOpen);\n            this.arrangeSlottedNavigationItem(this.menuOpen);\n            this.setToggleMenuFlyoutMenuVisibility(this.menuOpen);\n            this.emitSideNavigationExpanded({\n                sideNavExpanded: this.menuOpen,\n                sideNavMobile: true,\n            });\n        };\n        this.setToggleMenuFlyoutMenuVisibility = (menuOpen) => {\n            var _a;\n            const sideNav = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"#side-navigation\");\n            const sideNavInner = sideNav.querySelector(\".side-navigation-inner\");\n            const bottomWrapper = sideNav.querySelector(\".bottom-wrapper\");\n            const menuVisibilityVisible = \"menu-visibility-visible\";\n            if (menuOpen) {\n                bottomWrapper.classList.add(menuVisibilityVisible);\n                sideNavInner.classList.add(menuVisibilityVisible);\n            }\n            else {\n                setTimeout(() => {\n                    sideNavInner.classList.remove(menuVisibilityVisible);\n                    bottomWrapper.classList.remove(menuVisibilityVisible);\n                }, this.ANIMATION_DURATION);\n            }\n        };\n        this.setMobileMenuAriaAttributes = (menuOpen) => {\n            if (this.menuButton) {\n                this.menuButton.setAttribute(\"aria-expanded\", `${menuOpen}`);\n                this.menuButton.setAttribute(\"aria-label\", `${menuOpen ? \"Close\" : \"Open\"} navigation menu`);\n            }\n        };\n        this.setAndRemoveNoWrapAfterMenuExpanded = () => {\n            var _a;\n            const appTitle = ((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".title-link ic-typography\")) ||\n                this.el.querySelector(\"[slot='app-title']\");\n            appTitle === null || appTitle === void 0 ? void 0 : appTitle.classList.add(\"ic-typography-no-wrap\");\n            setTimeout(() => {\n                appTitle === null || appTitle === void 0 ? void 0 : appTitle.classList.remove(\"ic-typography-no-wrap\");\n            }, this.ANIMATION_DURATION);\n        };\n        this.toggleMenuExpanded = (expanded) => {\n            var _a, _b, _c, _d;\n            if (this.deviceSize > DEVICE_SIZES.S) {\n                this.menuExpanded = expanded;\n            }\n            if (this.menuExpanded) {\n                this.setAndRemoveNoWrapAfterMenuExpanded();\n                (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".app-title-inner-wrapper\")) === null || _b === void 0 ? void 0 : _b.classList.add(\"app-title-show\");\n            }\n            else {\n                this.el.style.setProperty(\"--navigation-item-width\", \"320px\");\n                (_d = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\".app-title-inner-wrapper\")) === null || _d === void 0 ? void 0 : _d.classList.remove(\"app-title-show\");\n                this.el.addEventListener(\"transitionend\", (e) => {\n                    if (e.propertyName === \"width\") {\n                        this.el.style.setProperty(\"--navigation-item-width\", null);\n                    }\n                });\n            }\n            this.arrangeSlottedNavigationItem(this.menuExpanded);\n            this.displayTooltipWithExpandedLongLabel(this.menuExpanded);\n            if (this.collapsedIconLabels) {\n                this.animateCollapsedIconLabels();\n            }\n            this.setExpandedButtonHeight();\n            this.emitSideNavigationExpanded({ sideNavExpanded: this.menuExpanded });\n        };\n        /**\n         * In order to style nested slotted elements (e.g. using React Router components), this method\n         * rearranges the a tag and labels and adds inline styling expand/collapsed animations as external CSS classes are not\n         * do not take affect.\n         * @param menuExpanded boolean - true or false depending on side navigation state\n         */\n        this.arrangeSlottedNavigationItem = (menuExpanded) => {\n            const navItems = this.el.querySelectorAll(\"ic-navigation-item\");\n            navItems.forEach((navItem) => {\n                var _a;\n                const isNamedSlot = isSlotUsed(navItem, \"navigation-item\");\n                const isUnnamedSlot = navItem.children[0] && !navItem.children[0].getAttribute(\"slot\");\n                if (isNamedSlot || isUnnamedSlot) {\n                    let navItemSlot;\n                    if (isNamedSlot) {\n                        navItemSlot = navItem.querySelector(\"[slot='navigation-item']\");\n                    }\n                    else {\n                        navItemSlot = navItem.children[0];\n                    }\n                    const iconWrapper = document.createElement(\"div\");\n                    const icon = navItemSlot === null || navItemSlot === void 0 ? void 0 : navItemSlot.querySelector(\"svg\");\n                    const badge = navItemSlot === null || navItemSlot === void 0 ? void 0 : navItemSlot.querySelector(\"ic-badge\");\n                    const label = (_a = navItem.textContent) === null || _a === void 0 ? void 0 : _a.trim();\n                    const icTypography = document.createElement(\"ic-typography\");\n                    icTypography.classList.add(\"ic-typography-label\", \"hydrated\", \"navigation-item-side-nav-slotted-text\");\n                    iconWrapper.style.position = \"relative\";\n                    iconWrapper.style.height = \"var(--ic-space-lg)\";\n                    icon && iconWrapper.append(icon);\n                    badge && iconWrapper.append(badge);\n                    if (label) {\n                        icTypography.textContent = label;\n                    }\n                    if (navItemSlot) {\n                        navItemSlot.textContent = \"\";\n                        navItemSlot.append(iconWrapper);\n                        navItemSlot.append(icTypography);\n                    }\n                    if (this.collapsedIconLabels) {\n                        this.styleSlottedCollapsedIconLabels(!!menuExpanded, icTypography);\n                    }\n                    else {\n                        this.styleSlottedIconLabels(!!menuExpanded, icTypography);\n                    }\n                }\n            });\n        };\n        this.styleSlottedCollapsedIconLabels = (menuExpanded, icTypography) => {\n            if (menuExpanded) {\n                icTypography.style.marginTop = \"0\";\n                icTypography.style.whiteSpace = \"nowrap\";\n                icTypography.style.overflow = \"hidden\";\n                icTypography.style.textOverflow = \"ellipsis\";\n            }\n            else {\n                icTypography.style.marginTop = \"10px\";\n                icTypography.style.whiteSpace = \"nowrap\";\n                icTypography.style.overflow = \"hidden\";\n                icTypography.style.textOverflow = \"ellipsis\";\n            }\n        };\n        this.setExpandedButtonHeight = () => {\n            var _a;\n            const appStatusWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper\");\n            if (appStatusWrapper.offsetHeight !== 0) {\n                this.el.style.setProperty(\"--sm-side-navigation-bottom-bar-height\", `${appStatusWrapper.offsetHeight}px`);\n            }\n        };\n        this.styleSlottedIconLabels = (menuExpanded, icTypography) => {\n            if (menuExpanded) {\n                icTypography.style.opacity = \"1\";\n                icTypography.style.visibility = \"visible\";\n                icTypography.style.transition =\n                    \"visibility 0s, opacity var(--ic-easing-transition-slow)\";\n            }\n            else {\n                icTypography.style.opacity = \"0\";\n                icTypography.style.visibility = \"hidden\";\n                icTypography.style.transition =\n                    \"visibility 0s, opacity var(--ic-easing-transition-slow)\";\n            }\n        };\n        this.transitionHandler = (type) => {\n            var _a, _b;\n            const primaryNavigationWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".primary-navigation\");\n            const secondaryNavigationWrapper = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(\".bottom-wrapper > .secondary-navigation\");\n            const classToRemove = type === \"start\"\n                ? this.COLLAPSED_ICON_LABELS_END\n                : this.COLLAPSED_ICON_LABELS_START;\n            const classToAdd = type === \"start\"\n                ? this.COLLAPSED_ICON_LABELS_START\n                : this.COLLAPSED_ICON_LABELS_END;\n            if (primaryNavigationWrapper) {\n                primaryNavigationWrapper.classList.remove(classToRemove);\n                primaryNavigationWrapper.classList.add(classToAdd);\n            }\n            if (secondaryNavigationWrapper) {\n                secondaryNavigationWrapper.classList.remove(classToRemove);\n                secondaryNavigationWrapper.classList.add(classToAdd);\n            }\n        };\n        this.transitionEndHandler = () => {\n            this.transitionHandler(\"end\");\n        };\n        this.animateCollapsedIconLabels = () => {\n            this.transitionHandler(\"start\");\n            this.transitionEndHandler();\n            this.el.addEventListener(\"transitionend\", this.transitionEndHandler);\n        };\n        this.paddingIconWidth = (navItems) => {\n            const navItemLink = (navItems[0].shadowRoot &&\n                (navItems[0].shadowRoot.querySelector(\"ic-tooltip a\") ||\n                    navItems[0].shadowRoot.querySelector(\"ic-tooltip div\"))) ||\n                navItems[0].querySelector(\"a\") ||\n                navItems[0].querySelector(\"div\");\n            const navItemSVG = navItems[0].querySelector(\"svg\");\n            if (navItemLink && navItemSVG) {\n                const navStyles = {\n                    gap: window.getComputedStyle(navItemLink).gap,\n                    iconWidth: window.getComputedStyle(navItemSVG).width,\n                    paddingLeft: window.getComputedStyle(navItemLink).paddingLeft,\n                };\n                return Object.values(navStyles).reduce((prev, curr) => {\n                    return (prev += parseInt(curr));\n                }, 0);\n            }\n            return 0;\n        };\n        this.displayTooltipWithExpandedLongLabel = (menuExpanded) => {\n            let timer;\n            if (menuExpanded) {\n                timer = setTimeout(() => {\n                    const sideNavWidth = this.el.clientWidth;\n                    const navigationItems = Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));\n                    const paddingIconDelta = navigationItems.length\n                        ? this.paddingIconWidth(navigationItems)\n                        : 0;\n                    navigationItems.forEach((navigationItem) => {\n                        var _a, _b;\n                        const icTypographyScrollWidth = ((_a = (navigationItem.shadowRoot &&\n                            navigationItem.shadowRoot.querySelector(\"ic-tooltip .link ic-typography.ic-typography-label\"))) === null || _a === void 0 ? void 0 : _a.scrollWidth) ||\n                            ((_b = navigationItem.querySelector(\"ic-typography.ic-typography-label\")) === null || _b === void 0 ? void 0 : _b.scrollWidth);\n                        if (icTypographyScrollWidth &&\n                            icTypographyScrollWidth > sideNavWidth - paddingIconDelta) {\n                            navigationItem.setAttribute(\"display-navigation-tooltip\", \"true\");\n                        }\n                    });\n                }, this.ANIMATION_DURATION);\n            }\n            else {\n                clearTimeout(timer);\n                const navigationItems = Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));\n                navigationItems.forEach((navigationItem) => {\n                    navigationItem.setAttribute(\"display-navigation-tooltip\", \"false\");\n                });\n            }\n        };\n        this.setMenuExpanded = (expanded) => {\n            this.menuExpanded = expanded;\n        };\n        /**\n         * As the mobile top bar is fixed, a padding top is required\n         * to push main content down the height of the mobile top bar\n         * @param value - padding-top css value\n         */\n        this.setParentPaddingTop = (value) => {\n            var _a;\n            (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.style.setProperty(\"padding-top\", value);\n        };\n        this.setParentPaddingLeft = (value) => {\n            var _a;\n            (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.style.setProperty(\"padding-left\", value);\n        };\n        this.renderAppTitle = (isAppNameSubtitleVariant) => {\n            const displayShortAppTitle = this.deviceSize <= DEVICE_SIZES.S && !isEmptyString(this.shortAppTitle);\n            return (h(\"ic-typography\", { variant: displayShortAppTitle || isAppNameSubtitleVariant\n                    ? \"subtitle-small\"\n                    : \"h3\", \"aria-label\": displayShortAppTitle\n                    ? `${this.appTitle} (${this.shortAppTitle})`\n                    : undefined }, h(\"h1\", null, displayShortAppTitle ? this.shortAppTitle : this.appTitle)));\n        };\n        this.resizeObserverCallback = (currSize) => {\n            var _a, _b, _c, _d;\n            this.deviceSize = currSize;\n            const isSmallAndDisableTopBar = currSize === DEVICE_SIZES.S && !this.disableTopBarBehaviour;\n            if (!this.disableAutoParentStyling) {\n                const topBarHeight = (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".top-bar\")) === null || _b === void 0 ? void 0 : _b.scrollHeight;\n                this.setParentPaddingTop(isSmallAndDisableTopBar ? `${topBarHeight}px` : \"0\");\n                if (isSmallAndDisableTopBar)\n                    this.setParentPaddingLeft(\"0\");\n                if (isSmallAndDisableTopBar && this.inline) {\n                    (_c = this.el.parentElement) === null || _c === void 0 ? void 0 : _c.style.setProperty(\"height\", `calc(100% - ${topBarHeight}px)`);\n                }\n                else if (!isSmallAndDisableTopBar) {\n                    (_d = this.el.parentElement) === null || _d === void 0 ? void 0 : _d.style.setProperty(\"height\", \"100%\");\n                }\n            }\n            if (!this.disableAutoParentStyling) {\n                const paddingLeft = `calc(var(--ic-space-xxl) ${this.collapsedIconLabels ? \"* 2\" : \"+ var(--ic-space-xs)\"})`;\n                if (currSize > DEVICE_SIZES.L) {\n                    this.setParentPaddingTop(\"0\");\n                    this.setParentPaddingLeft(\"0\");\n                }\n                else if ((currSize > DEVICE_SIZES.S || this.disableTopBarBehaviour) &&\n                    currSize <= DEVICE_SIZES.M &&\n                    this.static) {\n                    this.setParentPaddingLeft(paddingLeft);\n                }\n                else if ((currSize > DEVICE_SIZES.S || this.disableTopBarBehaviour) &&\n                    currSize <= DEVICE_SIZES.L) {\n                    this.setParentPaddingLeft(this.static && this.menuExpanded\n                        ? \"calc(var(--ic-space-xl) * 10)\"\n                        : paddingLeft);\n                }\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                const currSize = getCurrentDeviceSize();\n                this.deviceSizeAppTitle = currSize;\n                this.resizeObserverCallback(currSize);\n            });\n            this.resizeObserver.observe(document.body, { box: \"content-box\" });\n        };\n        this.setCollapsedIconLabels = () => {\n            const navigationItems = Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));\n            navigationItems.forEach((navigationItem) => {\n                navigationItem.setAttribute(\"collapsed-icon-label\", \"true\");\n            });\n        };\n        this.styleSlottedCollapsedIconLabel = () => {\n            const dynamicSlottedIcTypographyComps = Array.from(this.el.querySelectorAll(\".navigation-item-side-nav-slotted-text\"));\n            dynamicSlottedIcTypographyComps.forEach((icTypography) => {\n                var _a, _b;\n                if ((_b = (_a = icTypography.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains(\"navigation-item-side-nav-collapsed-with-label\")) {\n                    icTypography.style.whiteSpace = \"nowrap\";\n                    icTypography.style.overflow = \"hidden\";\n                    icTypography.style.textOverflow = \"ellipsis\";\n                    icTypography.style.marginTop = \"10px\";\n                }\n            });\n        };\n        this.renderTopBar = ({ isSDevice, foregroundColor, menuOpen, href, isAppNameSubtitleVariant, }) => {\n            const hasTitle = this.appTitle !== \"\" && isPropDefined(this.appTitle);\n            const Component = isSlotUsed(this.el, \"app-title\") ? \"div\" : \"a\";\n            const attrs = Component == \"a\" && {\n                href: href,\n            };\n            return (h(\"div\", { class: {\n                    \"top-bar\": true,\n                    [this.foregroundColor]: true,\n                } }, isSDevice && (h(\"nav\", { \"aria-labelledby\": \"menu-navigation-toggle-button-landmark\", \"aria-hidden\": \"false\" }, h(\"ic-button\", { \"aria-label\": \"Open navigation menu\", class: \"menu-button\", id: \"menu-button\", variant: \"secondary\", size: \"small\", \"full-width\": \"true\", theme: foregroundColor == \"default\" || foregroundColor == \"light\"\n                    ? \"light\"\n                    : \"dark\", monochrome: true, onClick: this.toggleMenu, ariaOwnsId: \"side-navigation\", \"aria-haspopup\": \"true\", \"aria-expanded\": \"false\", ref: (el) => (this.menuButton = el) }, h(\"span\", { class: \"mobile-top-bar-menu-icon\", slot: \"left-icon\", innerHTML: menuOpen ? closeIcon : menuIcon }), menuOpen ? \"Close\" : \"Menu\"), h(\"span\", { id: \"menu-navigation-toggle-button-landmark\", class: \"navigation-landmark-title\", \"aria-hidden\": \"true\" }, \"Navigation menu toggle button\"))), h(\"div\", { class: \"app-title-wrapper\" }, (hasTitle || isSlotUsed(this.el, \"app-title\")) && (h(Component, Object.assign({}, attrs, { class: \"title-link\" }), h(\"div\", { class: \"app-icon-container\", \"aria-hidden\": \"true\" }, h(\"slot\", { name: \"app-icon\" })), h(\"div\", { class: \"app-title-inner-wrapper\" }, isSlotUsed(this.el, \"app-title\") ? (h(\"slot\", { name: \"app-title\" })) : (this.renderAppTitle(isAppNameSubtitleVariant))))))));\n        };\n    }\n    watchExpandedHandler() {\n        this.toggleMenuExpanded(this.expanded);\n    }\n    componentWillLoad() {\n        this.setMenuExpanded(this.expanded);\n        if (this.collapsedIconLabels) {\n            this.setCollapsedIconLabels();\n        }\n        this.hasSecondaryNavigation = isSlotUsed(this.el, \"secondary-navigation\");\n    }\n    componentDidLoad() {\n        this.emitSideNavigationExpanded({\n            sideNavExpanded: this.menuExpanded,\n            sideNavMobile: this.deviceSize === DEVICE_SIZES.S && !this.disableTopBarBehaviour,\n        });\n        checkResizeObserver(this.runResizeObserver);\n        this.styleSlottedCollapsedIconLabel();\n        this.arrangeSlottedNavigationItem(this.menuExpanded);\n        this.displayTooltipWithExpandedLongLabel(this.menuExpanded);\n        this.setExpandedButtonHeight();\n        !isSlotUsed(this.el, \"app-title\") &&\n            onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: \"app-title\" }], \"Side Navigation\");\n    }\n    disconnectedCallback() {\n        var _a;\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n        (_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"transitionend\", this.transitionEndHandler);\n    }\n    brandChangeHandler({ detail }) {\n        this.foregroundColor = detail.mode;\n    }\n    render() {\n        const { appTitle, menuOpen, foregroundColor, menuExpanded, href, status, version, collapsedIconLabels, inline, } = this;\n        const isSDevice = !this.disableTopBarBehaviour && this.deviceSize === DEVICE_SIZES.S;\n        const isMdDevice = this.deviceSize === DEVICE_SIZES.M;\n        const isLgDevice = this.deviceSize >= DEVICE_SIZES.L;\n        const isAppNameSubtitleVariant = this.deviceSizeAppTitle === DEVICE_SIZES.S;\n        const displayExpandBtn = isMdDevice || this.disableTopBarBehaviour || (isLgDevice && !this.static);\n        const topBarProps = {\n            isSDevice,\n            foregroundColor,\n            menuOpen,\n            href: href,\n            isAppNameSubtitleVariant,\n            appTitle: appTitle || \"\",\n        };\n        return (h(Host, { key: 'da621f79cc6d0e721b46d89689623ab603869c5c', class: {\n                \"xs-menu-open\": menuOpen && isSDevice,\n                \"xs-menu-close\": !menuOpen && isSDevice,\n                \"sm-collapsed\": !isSDevice && !menuExpanded,\n                \"sm-expanded\": !isSDevice && menuExpanded,\n                \"side-display\": this.deviceSize > DEVICE_SIZES.S || !!this.disableTopBarBehaviour,\n                [`ic-side-navigation-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,\n                [\"collapsed-labels\"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,\n                [\"ic-side-navigation-inline\"]: !!inline,\n            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h(\"div\", { key: 'e1a1746cf0b72f95df40c4de8c5b24142e42958c', class: \"side-navigation\", id: \"side-navigation\" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h(\"div\", { key: 'fb4d44f6de1f637c1f913c7bc1979d261b138961', class: \"side-navigation-inner\" }, isSlotUsed(this.el, \"primary-navigation\") && (h(\"nav\", { key: 'd242bf8b7266a913ddf15cd6d3c710b67998478b', class: \"primary-navigation\", \"aria-labelledby\": \"primary-navigation-landmark\" }, h(\"span\", { key: '5496dfe55e4ea5b5a86ff9cbf49d3a1948580c38', \"aria-hidden\": \"true\", class: \"navigation-landmark-title\", id: \"primary-navigation-landmark\" }, \"Primary\"), h(\"ul\", { key: '5c963c5a63930a85c8d56a8acf9f402b11cb5717', class: \"navigation-list\" }, h(\"slot\", { key: '6e9893f2302d72b8a8dd8c91efc69324e28b7845', name: \"primary-navigation\" }))))), h(\"div\", { key: '3a5a9c6510d4e70389ff271e089d46732b7ff35a', class: {\n                [\"bottom-wrapper\"]: true,\n                [\"classification-spacing\"]: hasClassificationBanner(),\n            } }, isSlotUsed(this.el, \"secondary-navigation\") && (h(\"nav\", { key: 'a325206b9aaab5d2c68e0854b6d88f6c0754a2f7', class: \"secondary-navigation\", \"aria-labelledby\": \"secondary-navigation-landmark\" }, h(\"span\", { key: 'cce653a875b1768a5c5960d2c86a55e42e104456', \"aria-hidden\": \"true\", class: \"navigation-landmark-title\", id: \"secondary-navigation-landmark\" }, \"Secondary\"), h(\"ul\", { key: 'd61e1b6969d597bdb48ba59be75e50f95c3327e9', class: \"navigation-list\" }, h(\"slot\", { key: '75d0ddba3f9b6663f0888e579d60dfdf77455944', name: \"secondary-navigation\" })))), h(\"div\", { key: 'a5e646f3027491a5e3288bafb03a49699ad7fe16', class: \"bottom-side-nav\" }, this.hasSecondaryNavigation && h(\"ic-divider\", { key: '709a1cd78355adb93d7d5e0636252ba8b53cc3dc' }), displayExpandBtn && (h(\"button\", { key: '2f61bbc7a06cbd5f1d90a126507a6fce4d329545', class: \"menu-expand-button\", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), \"aria-label\": `${menuExpanded ? \"Collapse\" : \"Expand\"} side navigation` })), h(\"div\", { key: '8c21e3ecb652850205f4fbe785be95acd7d8120b', class: \"app-status-wrapper\" }, status !== \"\" && (h(\"div\", { key: '96b2fe13baecbb436c6f90d69bc1eba2447ef37d', class: {\n                [\"app-status\"]: true,\n            } }, h(\"ic-typography\", { key: '017292fb3f29859ee96b6af1f12e787a95300a3d', \"aria-label\": \"app tag\", variant: \"label-uppercase\", class: \"app-status-text\" }, status))), version !== \"\" && (h(\"ic-typography\", { key: 'ded1fc5cf16022ec9c2eea424910cbc0c88132a8', variant: \"label\", class: \"app-version\", \"aria-label\": \"app version\" }, version))))))));\n    }\n    static get is() { return \"ic-side-navigation\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-side-navigation.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-side-navigation.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"appTitle\": {\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 app title to be displayed. This is required, unless a slotted app title link is used.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"app-title\",\n                \"reflect\": false\n            },\n            \"collapsedIconLabels\": {\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 icon and label will appear when side navigation is collapsed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"collapsed-icon-labels\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableAutoParentStyling\": {\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`, automatic parent wrapper styling will be disabled.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disable-auto-parent-styling\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableTopBarBehaviour\": {\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 side navigation will not display as a top bar on small devices.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disable-top-bar-behaviour\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"expanded\": {\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 side navigation will display in an expanded state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"expanded\",\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 URL that the app title link points to.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"/\\\"\"\n            },\n            \"inline\": {\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`, side navigation will be contained by its parent element.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"shortAppTitle\": {\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 short title of the app to be displayed at small screen sizes in place of the app title.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"short-app-title\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"static\": {\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 menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above).\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"static\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"status\": {\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 status of the app to be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false\n            },\n            \"version\": {\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 version of the app to be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"version\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"deviceSizeAppTitle\": {},\n            \"foregroundColor\": {},\n            \"hasSecondaryNavigation\": {},\n            \"menuExpanded\": {},\n            \"menuOpen\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icSideNavExpanded\",\n                \"name\": \"icSideNavExpanded\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the side navigation is collapsed and expanded.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcExpandedDetail\",\n                    \"resolved\": \"IcExpandedDetail\",\n                    \"references\": {\n                        \"IcExpandedDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-side-navigation.types\",\n                            \"id\": \"src/components/ic-side-navigation/ic-side-navigation.types.ts::IcExpandedDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"expanded\",\n                \"methodName\": \"watchExpandedHandler\"\n            }];\n    }\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-side-navigation.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-c2aef5cc.entry.js

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

package/dist/core/p-c2aef5cc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icSearchBarCss","IcSearchBarStyle0","inputIds","SearchBar","constructor","hostRef","this","assistiveHintEl","hasTimedOut","inputId","menuCloseFromMenuChangeEvent","menuId","preLoad","preventSubmit","prevNoOption","retryButtonClick","truncateValue","clearButtonFocused","open","searchSubmitFocused","showClearButton","autocapitalize","autocomplete","autocorrect","autofocus","charactersUntilSuggestion","disabled","disableAutoFiltering","debounce","emptyOptionListText","focusOnLoad","fullWidth","helperText","hideLabel","assistiveHintText","labelField","loading","loadingErrorLabel","loadingLabel","name","placeholder","readonly","required","searchMode","size","spellcheck","theme","valueField","filteredOptions","options","value","handleClear","ev","_a","keyboardEvent","mouseEvent","type","code","inputEl","setAttribute","clearTimeout","timeoutTimer","el","setFocus","icClear","emit","preventDefault","onInput","target","icInput","noOptions","length","setMenuChange","rawFilteredOptions","getFilteredMenuOptions","handleShowClearButton","debounceAriaLiveUpdate","onInputBlur","nextFocus","relatedTarget","icSearchBarBlur","onInputFocus","icSearchBarFocus","handleClearBlur","icClearBlur","handleSubmitSearchBlur","icSubmitSearchBlur","handleMouseDown","handleSubmitSearchFocus","handleSubmitSearch","highlightedValue","undefined","icSubmitSearch","form","closest","searchSubmitButton","handleHiddenFormButtonClick","handleSubmitSearchKeyDown","key","handleRetry","retryViaKeyPress","detail","keyPressed","icRetryLoad","triggerLoading","loadingOption","timeout","window","setTimeout","timedOut","handleOptionSelect","label","icOptionSelect","handleMenuOptionHighlight","optionValue","optionId","replace","ariaActiveDescendant","handleMenuChange","icMenuChange","handleHostFocus","handleTruncateValue","handleHostBlur","menu","focus","visible","handleFocusClearButton","truncate","renderAssistiveHintEl","input","shadowRoot","querySelector","Object","keys","hasOptionsOrFilterDisabled","document","createElement","innerText","id","style","display","after","updateSearchResultAriaLive","searchResultsStatusEl","hadNoOptions","isSubmitDisabled","valueNotSet","valueLengthLess","highlightFirstOptionAfterNoResults","handleSetFirstOption","prevNoOptionsList","find","filteredOption","watchDisabledHandler","removeDisabledFalse","debounceChanged","icChange","debounceEvent","loadingHandler","newValue","filteredOptionsHandler","newOptions","some","opt","watchOptionsHandler","watchValueHandler","getLabelFromValue","connectedCallback","disconnectedCallback","remove","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","handleKeyDown","event","icKeydown","handleKeyboardOpen","handleKeyUp","debounceAriaLive","render","disabledMode","describedBy","getInputDescribedByText","trim","describedById","hasSuggestedSearch","menuOpen","menuRendered","labelValue","renderHiddenInput","h","Host","class","onFocus","onBlur","for","ref","anchorEl","role","autoFocus","inputmode","innerHTML","clearIcon","onClick","onMouseDown","onKeyDown","variant","searchIcon","fullwidth","activationType","autofocusOnSelected","inputLabel","onMenuOptionSelect","onMenuStateChange","onMenuOptionId","onRetryButtonClicked","parentEl","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-search-bar/ic-search-bar.css?tag=ic-search-bar&encapsulation=shadow","../web-components/dist/collection/components/ic-search-bar/ic-search-bar.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-menu: z-index of search bar menu\n */\n\n:host(.ic-search-bar-search) {\n  display: block;\n\n  --divider-height: 1.5rem;\n  --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n  --border-color: var(--ic-search-bar-outline);\n  --input-bg-color: var(--ic-search-bar-background);\n  --border-color-disabled: var(--ic-search-bar-outline-disabled);\n  --menu-item-text-color: var(--ic-search-bar-dropdown-option-text);\n  --menu-item-desc-text-color: var(--ic-search-bar-dropdown-option-description);\n  --menu-bg-color: var(--ic-search-bar-dropdown-background);\n  --menu-border-color: var(--ic-search-bar-dropdown-outline);\n}\n\n:host(.ic-search-bar-disabled) {\n  --ic-input-label-text-color: var(--ic-search-bar-label-disabled);\n  --ic-input-label-helper-text-color: var(--ic-search-bar-subtitle-disabled);\n}\n\n:host(.ic-search-bar-search:hover) {\n  --border-color: var(--ic-search-bar-outline-hover);\n}\n\n:host(.ic-search-bar-search:active) {\n  --border-color: var(--ic-search-bar-outline-pressed);\n}\n\n:host(.ic-search-bar-search.ic-search-bar-small) {\n  --divider-height: 1rem;\n}\n\n:host(.ic-search-bar-full-width) {\n  width: 100%;\n}\n\n:host(.ic-search-bar-search) .ic-button-disabled:hover {\n  border-color: var(--ic-architectural-200);\n}\n\n:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg {\n  color: var(--ic-architectural-200);\n}\n\n:host(.ic-search-bar-search) .ic-button-disabled svg {\n  color: var(--ic-architectural-400);\n}\n\n/* Custom Input */\n\n::-moz-placeholder {\n  color: var(--ic-search-bar-placeholder-text);\n  opacity: 1;\n}\n\n::placeholder {\n  color: var(--ic-search-bar-placeholder-text);\n  opacity: 1;\n}\n\ninput {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  color: var(--ic-search-bar-filled-text);\n  background-color: var(--input-bg-color);\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  padding-right: var(--ic-space-xs);\n  padding-left: var(--ic-space-xs);\n  caret-color: var(--ic-search-bar-filled-text-cursor);\n}\n\ninput:focus {\n  border: 0;\n  outline: 0;\n}\n\ninput:disabled {\n  color: var(--ic-search-bar-disabled-text);\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.no-left-pad {\n  padding-left: 0;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n/* CLEAR */\n\n.clear-button-container {\n  align-items: center;\n  margin-right: var(--ic-space-1px);\n  display: none;\n  visibility: hidden;\n}\n\n.clear-button {\n  border-radius: var(--ic-border-radius);\n  transition: box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);\n}\n\n.clear-button:focus,\n.clear-button:active {\n  background-color: var(--ic-color-focus-inner);\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer);\n  border-radius: 0.25rem;\n}\n\n.clear-button-unfocused * {\n  fill: var(--ic-search-bar-clear-button);\n}\n\n.clear-button:focus,\n.clear-button:active * {\n  fill: var(--ic-atoms-input-clear-button-focus);\n}\n\n.clear-button-visible {\n  visibility: visible;\n  display: flex;\n}\n\n.search-submit-button-container {\n  display: flex;\n  align-items: center;\n}\n\n.search-submit-button-unfocused * {\n  fill: var(--ic-search-bar-filled-icon);\n}\n\n.search-submit-button-disabled * {\n  fill: var(--ic-search-bar-icon-disabled);\n}\n\n.search-submit-button-disabled .ic-tooltip-container {\n  display: none !important;\n}\n\n.search-submit-button:focus,\n.search-submit-button:active {\n  background-color: var(--ic-color-focus-inner) !important;\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;\n  border-radius: var(--ic-space-xxs);\n}\n\n.search-submit-button:focus,\n.search-submit-button:active * {\n  fill: white;\n}\n\n.divider {\n  width: var(--ic-border-width);\n  background-color: var(--ic-search-bar-dropdown-divider);\n  height: var(--divider-height);\n}\n\n.menu-container {\n  width: var(--input-width, 20rem);\n  position: relative;\n  top: var(--ic-space-xxxs);\n}\n\n.menu-container.fullwidth {\n  width: 100%;\n}\n\n.no-results {\n  cursor: not-allowed;\n}\n\n.search-results-status {\n  border: 0;\n  clip: rect(0, 0, 0, 0, 0);\n  height: var(--ic-space-1px);\n  margin-bottom: calc(-1 * var(--ic-space-1px));\n  margin-right: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: var(--ic-space-1px);\n}\n\n@media (forced-colors: active) {\n  .search-submit-button-unfocused * {\n    fill: canvastext;\n  }\n\n  .search-submit-button-disabled * {\n    fill: GrayText;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getInputDescribedByText, renderHiddenInput, handleHiddenFormButtonClick, getLabelFromValue, onComponentRequiredPropUndefined, getFilteredMenuOptions, removeDisabledFalse, debounceEvent, } from \"../../utils/helpers\";\nimport clearIcon from \"../../assets/clear-icon.svg\";\nimport searchIcon from \"../../assets/search-icon.svg\";\nlet inputIds = 0;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class SearchBar {\n    constructor() {\n        this.assistiveHintEl = null;\n        this.hasTimedOut = false;\n        this.inputId = `ic-search-bar-input-${inputIds++}`;\n        this.menuCloseFromMenuChangeEvent = false;\n        this.menuId = `${this.inputId}-menu`;\n        this.preLoad = true;\n        this.preventSubmit = false;\n        this.prevNoOption = false;\n        this.retryButtonClick = false;\n        this.truncateValue = false;\n        this.clearButtonFocused = false;\n        this.open = false;\n        this.searchSubmitFocused = false;\n        this.showClearButton = false;\n        /**\n         * The automatic capitalisation of the text value as it is entered/edited by the user.\n         * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n         */\n        this.autocapitalize = \"off\";\n        /**\n         * The state of autocompletion the browser can apply on the text value.\n         */\n        this.autocomplete = \"off\";\n        /**\n         * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n         */\n        this.autocorrect = \"off\";\n        /**\n         * If `true`, the form control will have input focus when the page loads.\n         */\n        this.autofocus = false;\n        /**\n         * The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.\n         */\n        this.charactersUntilSuggestion = 2;\n        /**\n         * If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\n         * If `true`, all options provided will be displayed.\n         */\n        this.disableAutoFiltering = false;\n        /**\n         * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n         */\n        this.debounce = 0;\n        /**\n         * The text displayed when there are no options in the option list.\n         */\n        this.emptyOptionListText = \"No results found\";\n        /**\n         * If `true`, the search bar will be focused when component loaded.\n         */\n        this.focusOnLoad = false;\n        /**\n         * Specify whether the search bar fills the full width of the container.\n         * If `true`, this overrides the --input-width CSS variable.\n         */\n        this.fullWidth = false;\n        /**\n         * The helper text that will be displayed for additional field guidance.\n         */\n        this.helperText = \"\";\n        /**\n         * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n         */\n        this.hideLabel = false;\n        /**\n         * The hint text for the hidden assistive description element.\n         */\n        this.assistiveHintText = \"When autocomplete results are available use the up and down arrows to choose and press enter to select\";\n        /**\n         * The custom name for the label field to correspond with the IcMenuOption type.\n         */\n        this.labelField = \"label\";\n        /**\n         * Trigger loading state when fetching options asynchronously\n         */\n        this.loading = false;\n        /**\n         * Change the message displayed when external loading times out.\n         */\n        this.loadingErrorLabel = \"Loading Error\";\n        /**\n         * Change the message displayed whilst the options are being loaded externally.\n         */\n        this.loadingLabel = \"Loading...\";\n        /**\n         * The name of the control, which is submitted with the form data.\n         */\n        this.name = this.inputId;\n        /**\n         * The placeholder value to display.\n         */\n        this.placeholder = \"Search\";\n        /**\n         * If `true`, the readonly state will be set.\n         */\n        this.readonly = false;\n        /**\n         * If `true`, the search bar will require a value.\n         */\n        this.required = false;\n        /**\n         * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\n         */\n        this.searchMode = \"navigation\";\n        /**\n         * The size of the search bar component.\n         */\n        this.size = \"medium\";\n        /**\n         * If `true`, the value of the search will have its spelling and grammar checked.\n         */\n        this.spellcheck = 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        /**\n         * The custom name for the value field to correspond with the IcMenuOption type.\n         */\n        this.valueField = \"value\";\n        this.filteredOptions = [];\n        /**\n         * The suggested search options.\n         */\n        this.options = [];\n        /**\n         * The value of the search input.\n         */\n        this.value = \"\";\n        this.handleClear = (ev) => {\n            var _a;\n            const keyboardEvent = ev;\n            const mouseEvent = ev;\n            if (mouseEvent.type === \"click\" ||\n                keyboardEvent.code === \"Enter\" ||\n                keyboardEvent.code === \"Space\") {\n                this.value = \"\";\n                (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.setAttribute(\"value\", \"\");\n                this.loading = false;\n                clearTimeout(this.timeoutTimer);\n                this.filteredOptions = this.options;\n                this.el.setFocus();\n                this.icClear.emit();\n                ev.preventDefault();\n                this.preventSubmit = true;\n            }\n        };\n        this.onInput = (ev) => {\n            this.value = ev.target.value;\n            this.icInput.emit({ value: this.value });\n            const noOptions = [\n                { [this.labelField]: this.emptyOptionListText, [this.valueField]: \"\" },\n            ];\n            if (this.options.length > 0) {\n                this.setMenuChange(true);\n                this.preLoad = false;\n                if (this.disableAutoFiltering === false) {\n                    const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, \"anywhere\", this.labelField);\n                    this.filteredOptions =\n                        rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;\n                }\n            }\n            if (!this.showClearButton) {\n                this.handleShowClearButton(true);\n            }\n            this.debounceAriaLiveUpdate();\n        };\n        this.onInputBlur = (ev) => {\n            const value = ev.target.value;\n            const nextFocus = ev.relatedTarget;\n            this.icSearchBarBlur.emit({ value: value, relatedTarget: nextFocus });\n        };\n        this.onInputFocus = (ev) => {\n            const value = ev.target.value;\n            this.icSearchBarFocus.emit({ value: value });\n            this.handleShowClearButton(true);\n        };\n        this.handleClearBlur = (ev) => {\n            const nextFocus = ev.relatedTarget;\n            this.icClearBlur.emit({ relatedTarget: nextFocus });\n            this.clearButtonFocused = false;\n        };\n        this.handleSubmitSearchBlur = (ev) => {\n            const nextFocus = ev.relatedTarget;\n            this.icSubmitSearchBlur.emit({ relatedTarget: nextFocus });\n            this.searchSubmitFocused = false;\n        };\n        this.handleMouseDown = (ev) => {\n            ev.preventDefault();\n        };\n        this.handleSubmitSearchFocus = () => {\n            this.searchSubmitFocused = true;\n        };\n        this.handleSubmitSearch = () => {\n            this.highlightedValue && (this.value = this.highlightedValue);\n            this.highlightedValue = undefined;\n            this.icSubmitSearch.emit({ value: this.value });\n            const form = this.el.closest(\"FORM\");\n            if (this.searchSubmitButton && !!form && !this.preventSubmit) {\n                handleHiddenFormButtonClick(form, this.searchSubmitButton);\n            }\n        };\n        this.handleSubmitSearchKeyDown = (ev) => {\n            if (ev.key === \" \") {\n                ev.preventDefault();\n                this.handleSubmitSearch();\n            }\n        };\n        this.handleRetry = (ev) => {\n            this.retryViaKeyPress = ev.detail.keyPressed === \"Enter\";\n            this.icRetryLoad.emit({ value: ev.detail.value });\n            this.triggerLoading();\n            this.retryButtonClick = true;\n        };\n        this.triggerLoading = () => {\n            const loadingOption = [\n                {\n                    [this.labelField]: this.loadingLabel,\n                    [this.valueField]: \"\",\n                    loading: true,\n                },\n            ];\n            if (this.filteredOptions !== loadingOption)\n                this.filteredOptions = loadingOption;\n            if (this.timeout) {\n                this.timeoutTimer = window.setTimeout(() => {\n                    this.filteredOptions = [\n                        {\n                            [this.labelField]: this.loadingErrorLabel,\n                            [this.valueField]: \"\",\n                            timedOut: true,\n                        },\n                    ];\n                }, this.timeout);\n            }\n        };\n        this.handleOptionSelect = (ev) => {\n            if (ev.detail.label === this.emptyOptionListText) {\n                this.el.setFocus();\n                return;\n            }\n            this.value = ev.detail.value;\n            this.icOptionSelect.emit({ value: this.value });\n        };\n        this.handleMenuOptionHighlight = (ev) => {\n            var _a;\n            const optionValue = (_a = ev.detail.optionId) === null || _a === void 0 ? void 0 : _a.replace(`${this.menuId}-`, \"\");\n            optionValue && (this.highlightedValue = optionValue);\n            if (ev.detail.optionId) {\n                this.ariaActiveDescendant = ev.detail.optionId;\n            }\n            else {\n                this.ariaActiveDescendant = \"\";\n            }\n        };\n        this.handleMenuChange = (ev) => {\n            this.setMenuChange(ev.detail.open);\n            if (!ev.detail.open) {\n                this.menuCloseFromMenuChangeEvent = true;\n            }\n        };\n        this.setMenuChange = (open) => {\n            if (this.open !== open) {\n                this.open = open;\n                this.icMenuChange.emit({ open });\n            }\n        };\n        this.handleHostFocus = () => {\n            if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {\n                this.setMenuChange(true);\n            }\n            this.handleTruncateValue(false);\n            this.icSearchBarFocus.emit();\n        };\n        this.handleHostBlur = (ev) => {\n            var _a;\n            const nextFocus = ev.relatedTarget;\n            if (this.open &&\n                this.options &&\n                nextFocus !== this.menu &&\n                !this.retryViaKeyPress &&\n                !this.retryButtonClick) {\n                this.setMenuChange(false);\n            }\n            if (this.retryButtonClick || this.retryViaKeyPress) {\n                (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n            }\n            this.handleShowClearButton(false);\n            this.menuCloseFromMenuChangeEvent = false;\n            this.handleTruncateValue(true);\n            this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });\n            this.retryViaKeyPress = false;\n            this.retryButtonClick = false;\n        };\n        this.handleShowClearButton = (visible) => {\n            this.showClearButton = visible;\n        };\n        this.handleFocusClearButton = () => {\n            this.clearButtonFocused = true;\n        };\n        this.handleTruncateValue = (truncate) => {\n            this.truncateValue = truncate;\n        };\n        this.renderAssistiveHintEl = () => {\n            var _a;\n            const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.inputId}`);\n            if (input &&\n                Object.keys(input).length > 0 &&\n                this.hasOptionsOrFilterDisabled()) {\n                this.assistiveHintEl = document.createElement(\"span\");\n                this.assistiveHintEl.innerText = this.assistiveHintText || \"\";\n                this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;\n                this.assistiveHintEl.style.display = \"none\";\n                if (input.after !== undefined) {\n                    input.after(this.assistiveHintEl);\n                }\n            }\n        };\n        this.updateSearchResultAriaLive = () => {\n            var _a;\n            const searchResultsStatusEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".search-results-status\");\n            if (searchResultsStatusEl) {\n                if (!this.open ||\n                    this.value === \"\" ||\n                    this.value.length < this.charactersUntilSuggestion) {\n                    searchResultsStatusEl.innerText = \"\";\n                }\n                else if (this.hasOptionsOrFilterDisabled() &&\n                    this.filteredOptions.length > 0 &&\n                    this.open &&\n                    !this.filteredOptions[0].loading) {\n                    if (this.hadNoOptions()) {\n                        searchResultsStatusEl.innerText = this.emptyOptionListText;\n                    }\n                    else {\n                        searchResultsStatusEl.innerText = `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? \"s\" : \"\"} available`;\n                    }\n                }\n            }\n        };\n        this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || !!this.disableAutoFiltering;\n        this.hadNoOptions = () => this.filteredOptions.length === 1 &&\n            this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&\n            this.searchMode === \"navigation\";\n        this.isSubmitDisabled = () => {\n            const valueNotSet = this.value === undefined || this.value === null || this.value === \"\";\n            const valueLengthLess = this.value.length < this.charactersUntilSuggestion;\n            return (valueNotSet ||\n                valueLengthLess ||\n                this.disabled ||\n                this.hadNoOptions() ||\n                this.hasTimedOut ||\n                !!this.loading);\n        };\n        this.highlightFirstOptionAfterNoResults = () => {\n            if (this.prevNoOption && this.menu && !this.hasTimedOut) {\n                this.menu.handleSetFirstOption();\n                this.prevNoOption = false;\n            }\n            const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||\n                filteredOption[this.labelField] === this.loadingErrorLabel ||\n                filteredOption[this.labelField] === this.loadingLabel);\n            if (prevNoOptionsList) {\n                this.prevNoOption = true;\n            }\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    debounceChanged() {\n        this.icChange = debounceEvent(this.icChange, this.debounce);\n    }\n    loadingHandler(newValue) {\n        if (newValue && !this.hasTimedOut) {\n            this.preLoad = false;\n            this.triggerLoading();\n        }\n    }\n    filteredOptionsHandler(newOptions) {\n        this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n    }\n    watchOptionsHandler(newOptions) {\n        if (this.disableAutoFiltering && !this.hasTimedOut) {\n            this.loading = false;\n            clearTimeout(this.timeoutTimer);\n            if (newOptions.length > 0) {\n                this.filteredOptions = newOptions;\n            }\n            else {\n                if (this.hadNoOptions()) {\n                    return;\n                }\n                this.setMenuChange(true);\n                !this.preLoad &&\n                    (this.filteredOptions = [\n                        {\n                            [this.labelField]: this.emptyOptionListText,\n                            [this.valueField]: \"\",\n                        },\n                    ]);\n                this.preLoad = true;\n            }\n        }\n        this.debounceAriaLiveUpdate();\n    }\n    watchValueHandler(newValue) {\n        if (this.inputEl &&\n            this.options &&\n            !!getLabelFromValue(newValue, this.options, this.valueField, this.labelField)) {\n            this.inputEl.value =\n                getLabelFromValue(newValue, this.options, this.valueField, this.labelField) || \"\";\n        }\n        else if (this.inputEl && this.inputEl.value !== newValue) {\n            this.inputEl.value = newValue;\n        }\n        this.icChange.emit({ value: newValue });\n    }\n    connectedCallback() {\n        this.debounceChanged();\n    }\n    disconnectedCallback() {\n        if (this.assistiveHintEl) {\n            this.assistiveHintEl.remove();\n        }\n    }\n    componentWillLoad() {\n        this.watchValueHandler(this.value);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        if (this.focusOnLoad) {\n            this.el.setFocus();\n        }\n        if (this.hasOptionsOrFilterDisabled()) {\n            this.renderAssistiveHintEl();\n            if (this.disableAutoFiltering) {\n                this.filteredOptions = this.options;\n            }\n        }\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Search Bar\");\n    }\n    componentWillRender() {\n        this.highlightFirstOptionAfterNoResults();\n    }\n    handleKeyDown(event) {\n        this.icKeydown.emit({ event });\n        if (this.menu && this.open) {\n            this.menu.handleKeyboardOpen(event);\n        }\n    }\n    handleKeyUp(ev) {\n        if (ev.key === \"Enter\") {\n            if (this.preventSubmit || this.isSubmitDisabled()) {\n                return;\n            }\n            this.handleSubmitSearch();\n            this.setMenuChange(false);\n        }\n        if (ev.key === \"Escape\") {\n            this.setMenuChange(false);\n        }\n        if (this.preventSubmit) {\n            this.preventSubmit = false;\n        }\n    }\n    /**\n     * Sets focus on the native `input`.\n     */\n    async setFocus() {\n        var _a;\n        this.retryViaKeyPress = false;\n        this.retryButtonClick = false;\n        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    debounceAriaLiveUpdate() {\n        clearTimeout(this.debounceAriaLive);\n        this.debounceAriaLive = window.setTimeout(() => {\n            this.updateSearchResultAriaLive();\n        }, 500);\n    }\n    render() {\n        const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, } = this;\n        const disabledMode = readonly || disabled;\n        const describedBy = getInputDescribedByText(inputId, helperText !== \"\", false).trim();\n        let describedById;\n        if (describedBy !== \"\" && this.hasOptionsOrFilterDisabled()) {\n            describedById = `${describedBy} ${this.inputId}-assistive-hint`;\n        }\n        else if (this.hasOptionsOrFilterDisabled()) {\n            describedById = `${this.inputId}-assistive-hint`;\n        }\n        else if (describedBy !== \"\") {\n            describedById = describedBy;\n        }\n        else {\n            describedById = undefined;\n        }\n        const hasSuggestedSearch = !!value && this.hasOptionsOrFilterDisabled();\n        const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;\n        const menuRendered = menuOpen && value.length >= this.charactersUntilSuggestion;\n        const labelValue = getLabelFromValue(value, options, this.valueField, this.labelField);\n        renderHiddenInput(true, this.el, name, value, disabledMode);\n        return (h(Host, { key: 'a1e560e97f324268abb887ac3b8188acc1c6d42f', class: {\n                [\"ic-search-bar-search\"]: true,\n                [\"ic-search-bar-full-width\"]: !!fullWidth,\n                [\"ic-search-bar-disabled\"]: !!disabled,\n                [\"ic-search-bar-small\"]: size === \"small\",\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h(\"ic-input-container\", { key: '327a761189705de2cd7b4f4163f494701a34276c', readonly: readonly, disabled: disabledMode }, !hideLabel && (h(\"ic-input-label\", { key: '80f4bb67acb9232b36014d34f320471bedcc1ad3', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), h(\"ic-input-component-container\", { key: '0fb2a97aad0bd1f185ed3fc456c589dbcb7ce99d', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h(\"input\", { key: '3af78e40aa89ce0bad6693f6371015486c1cd103', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {\n                \"no-left-pad\": !!readonly,\n                readonly: !!readonly,\n                \"truncate-value\": truncateValue,\n            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, \"aria-label\": label, \"aria-activedescendant\": ariaActiveDescendant, \"aria-expanded\": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, \"aria-owns\": menuRendered ? menuId : undefined, \"aria-describedby\": describedById, \"aria-controls\": menuRendered ? menuId : undefined, \"aria-haspopup\": options.length > 0 ? \"listbox\" : undefined, \"aria-autocomplete\": hasSuggestedSearch ? \"list\" : undefined, role: options.length > 0 && menuRendered ? \"combobox\" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: \"search\" }), h(\"div\", { key: '23d4349d4b0f905bbf90bf1826a3a90559c62b9d', class: {\n                \"clear-button-container\": true,\n                \"clear-button-visible\": !!value && !disabledMode && this.showClearButton,\n            } }, h(\"ic-button\", { key: '90cd4ab4601fabfca86d92d9c6cb7d5751d43758', id: \"clear-button\", class: {\n                \"clear-button\": true,\n                \"clear-button-unfocused\": !this.clearButtonFocused,\n            }, \"aria-label\": \"Clear\", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: \"submit\", variant: \"icon\", theme: this.clearButtonFocused ? \"light\" : \"dark\" }), h(\"div\", { key: '79c1bb38267e6ebef413f7f9a6ba0ac8a28b5f12', class: \"divider\" })), h(\"div\", { key: '91b16ca2d959cf2d36cbbe75eb210fd254cff723', class: {\n                \"search-submit-button-container\": true,\n                \"search-submit-button-disabled\": this.isSubmitDisabled(),\n            } }, h(\"ic-button\", { key: '3b2aac9b7ae9ba4e78979d5ecc64a8aa2035e23a', id: \"search-submit-button\", \"aria-label\": \"Search\", ref: (el) => (this.searchSubmitButton = el), class: {\n                [\"search-submit-button\"]: true,\n                [\"search-submit-button-small\"]: size === \"small\",\n                [\"search-submit-button-unfocused\"]: !this.searchSubmitFocused,\n                [\"search-submit-button-disabled\"]: this.isSubmitDisabled(),\n            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: \"submit\", variant: \"icon\", theme: this.searchSubmitFocused ? \"light\" : \"dark\" }))), h(\"div\", { key: '548b4ee1e050efd6a8d50d7640e3cad32ac3002c', class: {\n                \"menu-container\": true,\n                fullwidth: !!fullWidth,\n            } }, menuRendered && (h(\"ic-menu\", { key: '3d495b2ee381d30984316f0143c148731b179304', class: {\n                \"no-results\": this.hadNoOptions() ||\n                    (filteredOptions.length === 1 &&\n                        (filteredOptions[0][this.labelField] ===\n                            this.loadingLabel ||\n                            filteredOptions[0][this.labelField] ===\n                                this.loadingErrorLabel)),\n            }, activationType: \"manual\", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), h(\"div\", { key: 'd3a4abf5d1d7ca686b696c283e86a6c84ff39f92', \"aria-live\": \"polite\", role: \"status\", class: \"search-results-status\" })));\n    }\n    static get is() { return \"ic-search-bar\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-search-bar.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-search-bar.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"autocapitalize\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The automatic capitalisation of the text value as it is entered/edited by the user.\\nAvailable options: \\\"off\\\", \\\"none\\\", \\\"on\\\", \\\"sentences\\\", \\\"words\\\", \\\"characters\\\".\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"autocapitalize\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autocomplete\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAutocompleteTypes\",\n                    \"resolved\": \"IcAutocompleteTypes | undefined\",\n                    \"references\": {\n                        \"IcAutocompleteTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAutocompleteTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of autocompletion the browser can apply on the text value.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"autocomplete\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autocorrect\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAutocorrectStates\",\n                    \"resolved\": \"\\\"off\\\" | \\\"on\\\" | undefined\",\n                    \"references\": {\n                        \"IcAutocorrectStates\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAutocorrectStates\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of autocorrection the browser can apply when the user is entering/editing the text value.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"autocorrect\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autofocus\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean | undefined\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the form control will have input focus when the page loads.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"autofocus\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"charactersUntilSuggestion\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"characters-until-suggestion\",\n                \"reflect\": false,\n                \"defaultValue\": \"2\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableAutoFiltering\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\\nIf `true`, all options provided will be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disable-auto-filtering\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"debounce\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"debounce\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"emptyOptionListText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text displayed when there are no options in the option list.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"empty-option-list-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"No results found\\\"\"\n            },\n            \"focusOnLoad\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the search bar will be focused when component loaded.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"focus-on-load\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify whether the search bar fills the full width of the container.\\nIf `true`, this overrides the --input-width CSS variable.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"helperText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The helper text that will be displayed for additional field guidance.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"assistiveHintText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The hint text for the hidden assistive description element.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"assistive-hint-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"When autocomplete results are available use the up and down arrows to choose and press enter to select\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the search bar.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"labelField\": {\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 custom name for the label field to correspond with the IcMenuOption type.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"label\\\"\"\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Trigger loading state when fetching options asynchronously\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"loadingErrorLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Change the message displayed when external loading times out.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"loading-error-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Loading Error\\\"\"\n            },\n            \"loadingLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Change the message displayed whilst the options are being loaded externally.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"loading-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Loading...\\\"\"\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the control, which is submitted with the form data.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"name\",\n                \"reflect\": false,\n                \"defaultValue\": \"this.inputId\"\n            },\n            \"placeholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The placeholder value to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Search\\\"\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the search bar will require a value.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSearchBarSearchModes\",\n                    \"resolved\": \"\\\"navigation\\\" | \\\"query\\\" | undefined\",\n                    \"references\": {\n                        \"IcSearchBarSearchModes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-search-bar.types\",\n                            \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"search-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"navigation\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizesNoLarge\",\n                    \"resolved\": \"\\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizesNoLarge\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the search bar component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"spellcheck\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean | undefined\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the value of the search will have its spelling and grammar checked.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"spellcheck\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | 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            \"timeout\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If using external filtering, set a timeout for when loading takes too long.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"timeout\",\n                \"reflect\": false\n            },\n            \"valueField\": {\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 custom name for the value field to correspond with the IcMenuOption type.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"value-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"value\\\"\"\n            },\n            \"options\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcMenuOption[]\",\n                    \"resolved\": \"IcMenuOption[] | undefined\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The suggested search options.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"defaultValue\": \"[]\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\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 value of the search input.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"value\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ariaActiveDescendant\": {},\n            \"clearButtonFocused\": {},\n            \"highlightedValue\": {},\n            \"open\": {},\n            \"searchSubmitFocused\": {},\n            \"showClearButton\": {},\n            \"filteredOptions\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value has changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icClear\",\n                \"name\": \"icClear\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when value is cleared with clear button\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icInput\",\n                \"name\": \"icInput\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a keyboard input occurred.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icOptionSelect\",\n                \"name\": \"icOptionSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when option is highlighted within the menu\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcOptionSelectEventDetail\",\n                    \"resolved\": \"IcOptionSelectEventDetail\",\n                    \"references\": {\n                        \"IcOptionSelectEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-menu/ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icMenuChange\",\n                \"name\": \"icMenuChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the state of the menu changes (i.e. open or close)\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuChangeEventDetail\",\n                    \"resolved\": \"IcMenuChangeEventDetail\",\n                    \"references\": {\n                        \"IcMenuChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-menu/ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icClearBlur\",\n                \"name\": \"icClearBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when blur is invoked from clear button\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcBlurEventDetail\",\n                    \"resolved\": \"IcBlurEventDetail\",\n                    \"references\": {\n                        \"IcBlurEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBlurEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icRetryLoad\",\n                \"name\": \"icRetryLoad\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the 'retry loading' button is clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMultiValueEventDetail\",\n                    \"resolved\": \"IcMultiValueEventDetail\",\n                    \"references\": {\n                        \"IcMultiValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMultiValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSubmitSearch\",\n                \"name\": \"icSubmitSearch\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the search value has been submitted\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSubmitSearchBlur\",\n                \"name\": \"icSubmitSearchBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when blur is invoked from search submit button\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcBlurEventDetail\",\n                    \"resolved\": \"IcBlurEventDetail\",\n                    \"references\": {\n                        \"IcBlurEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBlurEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSearchBarBlur\",\n                \"name\": \"icSearchBarBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when blur is invoked from ic-search-bar\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcSearchBarBlurEventDetail\",\n                    \"resolved\": \"IcSearchBarBlurEventDetail\",\n                    \"references\": {\n                        \"IcSearchBarBlurEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-search-bar.types\",\n                            \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarBlurEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSearchBarFocus\",\n                \"name\": \"icSearchBarFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when focus is invoked from ic-search-bar\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icKeydown\",\n                \"name\": \"icKeydown\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a keydown event occurred.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ event: KeyboardEvent }\",\n                    \"resolved\": \"{ event: KeyboardEvent; }\",\n                    \"references\": {\n                        \"KeyboardEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::KeyboardEvent\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the native `input`.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"debounce\",\n                \"methodName\": \"debounceChanged\"\n            }, {\n                \"propName\": \"loading\",\n                \"methodName\": \"loadingHandler\"\n            }, {\n                \"propName\": \"filteredOptions\",\n                \"methodName\": \"filteredOptionsHandler\"\n            }, {\n                \"propName\": \"options\",\n                \"methodName\": \"watchOptionsHandler\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"watchValueHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keyup\",\n                \"method\": \"handleKeyUp\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-search-bar.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-c4f7e479.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as t,h as i,H as e,g as s}from"./p-00135a74.js";import{K as o,M as n,i as c}from"./p-0f6b9686.js";const r=":host{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}.popout-modal{position:absolute;inset:0}.popout-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-top-navigation-menu-background);color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}:host(.inline) .popout-menu{position:absolute}.menu-close-button-container{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}.nav-group-first{padding-bottom:0}.menu-buttons-container{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-buttons-container-nav-item-above{margin-top:var(--ic-space-md);border-top:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-status-version-container{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);padding:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}.status-version-no-buttons{border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}.menu-status{background-color:var(--ic-status-tag-neutral);--ic-typography-color:var(--ic-status-tag-text);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-version{border-radius:var(--ic-space-md);background-color:var(--ic-status-tag-outlined-background-neutral);--ic-typography-color:var(--ic-color-text-primary-light);padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-status-text,.menu-version-text{overflow-wrap:break-word}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";const d=r;const l="IC-NAVIGATION-GROUP";const h="IC-NAVIGATION-ITEM";const u=class{constructor(i){a(this,i);this.icNavigationMenuClose=t(this,"icNavigationMenuClose",7);this.hasButtons=false;this.hasNavigation=false;this.lastTabStop=null;this.navGroupFirst=false;this.navItemAboveButtons=false;this.status="";this.theme="inherit";this.version="";this.setLastTabStop=a=>{let t=this.navigationEls[this.navigationEls.length-1];if(t.tagName===l&&a){const a=t.children;t=a[a.length-1]}if(t.tagName===h){const a=o(t,"navigation-item");if(a!==null){t=a}}this.lastTabStop=t};this.closeMenu=()=>{this.icNavigationMenuClose.emit()};this.focusCloseButton=()=>{var a;(a=this.closeButton)===null||a===void 0?void 0:a.focus()};this.focusLastTabStop=()=>{let a;if(this.lastTabStop!==null){switch(this.lastTabStop.tagName){case"IC-NAVIGATION-BUTTON":case h:case l:a=this.lastTabStop;a.focus();break;case"A":this.lastTabStop.focus();break}}}}componentWillLoad(){this.navBarEl=document.querySelector("ic-top-navigation");this.navigationEls=n(this.el,"navigation");if(this.navigationEls){this.hasNavigation=true;const a=this.navigationEls[this.navigationEls.length-1];if(a.tagName===h){this.navItemAboveButtons=true}else if(a.tagName===l){a.addEventListener("navigationGroupExpanded",(a=>{this.setLastTabStop(a.detail.expanded)}))}const t=this.navigationEls[0];if(t.tagName===l){this.navGroupFirst=true}}const a=n(this.el,"buttons");if(a!==null){this.hasButtons=true;this.lastTabStop=a[a.length-1]}else{if(this.hasNavigation&&this.navigationEls){this.setLastTabStop(false)}}}componentDidLoad(){this.focusCloseButton()}componentWillRender(){this.hasNavigation=c(this.el,"navigation");this.hasButtons=c(this.el,"buttons")}navItemClickHandler(){this.closeMenu()}handleKeyDown(a){if(a.key==="Tab"){if(a.shiftKey){if(document.activeElement===this.navBarEl){a.preventDefault();this.focusLastTabStop()}}else if(document.activeElement===this.lastTabStop||this.lastTabStop===null){a.preventDefault();this.focusCloseButton()}}else if(a.key==="Escape"){this.closeMenu()}}render(){return i(e,{key:"ac20556d28ccb50fa78fdb0a14e6096e1793d808",class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("div",{key:"e429e9f4554ee2f40aa8b4e44c2cb3bc4dbb448e",class:"popout-modal",onClick:this.closeMenu}),i("div",{key:"9fb05be7a68bea1bc06cca1034f0ae77dd09797e",class:"popout-menu",role:"dialog","aria-modal":"true","aria-label":`${this.hasNavigation?"Navigation":"App"} menu`},i("span",{key:"e0ac3dfe4995af4270ab21f5f559ef86e9eae2de","aria-hidden":"true",id:"navigation-landmark-text",class:"navigation-landmark-text"},"Main navigation"),i("nav",{key:"3d1b37adb6d60d486f97eddf28324f69049924a3","aria-labelledby":"navigation-landmark-text","aria-hidden":this.hasNavigation?"false":"true"},i("div",{key:"45b00dbad25c373903c39d5cfca30717fa865150",class:{["menu-close-button-container"]:true,["nav-group-first"]:this.navGroupFirst}},i("ic-button",{key:"4da3bf37bc5a3ee5622e05053828dd0991445084",ref:a=>this.closeButton=a,id:"menu-close-button",class:"menu-close-button",variant:"icon",size:"large","aria-label":`Close ${this.hasNavigation?"navigation":"app"} menu`,onClick:this.closeMenu},i("svg",{key:"cb90b4946f8f649ceb98915ff2a57f234b5f8ed4",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"a49a4b42ddf2c9060070cd93eaba2a55c3e474cb",d:"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"})))),this.hasNavigation&&i("slot",{key:"78878e2499e04a899f93bbe4b9a6a2a9aff080ab",name:"navigation"})),this.hasButtons&&i("div",{key:"cb8eb1bf24e483d5ad4aad20dadb926e106eb2c2",class:{["menu-buttons-container"]:true,["menu-buttons-container-nav-item-above"]:this.navItemAboveButtons}},i("slot",{key:"1d36a228ba3a62686f9939df9c8dd6e29289ebb8",name:"buttons"})),(this.status!==""||this.version!=="")&&i("div",{key:"c4b0d0c4140644eea60d24eac6bd845c21965969",class:{["menu-status-version-container"]:true,["status-version-no-buttons"]:!this.hasButtons}},this.status!==""&&i("div",{key:"02add8908b41c544f2d01f0c780812d06ea749a9",class:"menu-status"},i("ic-typography",{key:"11311c3647663e911e45bd8de112f6e0ca895b11",variant:"label-uppercase","aria-label":"app tag",class:"menu-status-text"},this.status)),this.version!==""&&i("div",{key:"c65a3bcac0289629f181fac381693ea648811312",class:"menu-version"},i("ic-typography",{key:"4de53de27365201c2cff5500c0b0d17da4628faa",variant:"label",class:"menu-version-text","aria-label":"app version"},this.version)))))}get el(){return s(this)}};u.style=d;export{u as ic_navigation_menu};
-//# sourceMappingURL=p-c4f7e479.entry.js.map

package/dist/core/p-c4f7e479.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icNavigationMenuCss","IcNavigationMenuStyle0","NAV_GROUP_TAG","NAV_ITEM_TAG","NavigationMenu","constructor","hostRef","this","hasButtons","hasNavigation","lastTabStop","navGroupFirst","navItemAboveButtons","status","theme","version","setLastTabStop","lastNavGroupExpanded","lastEl","navigationEls","length","tagName","childNavItems","children","slotContent","getSlot","closeMenu","icNavigationMenuClose","emit","focusCloseButton","_a","closeButton","focus","focusLastTabStop","focusEl","componentWillLoad","navBarEl","document","querySelector","getSlotContent","el","addEventListener","event","detail","expanded","firstEl","buttonContent","componentDidLoad","componentWillRender","isSlotUsed","navItemClickHandler","handleKeyDown","ev","key","shiftKey","activeElement","preventDefault","render","h","Host","class","onClick","role","id","ref","variant","size","width","height","viewBox","fill","xmlns","d","name"],"sources":["../web-components/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css?tag=ic-navigation-menu&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js"],"sourcesContent":["/**\n * @prop --ic-z-index-navigation-menu: z-index of navigation menu\n */\n\n:host {\n  display: block;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  min-height: 100% !important;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-navigation-menu);\n}\n\n.popout-modal {\n  position: absolute;\n  inset: 0;\n}\n\n.popout-menu {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 16rem;\n  bottom: 0;\n  background-color: var(--ic-top-navigation-menu-background);\n  color: var(--ic-top-navigation-nav-item);\n\n  --ic-typography-color: var(--ic-top-navigation-nav-item);\n\n  box-shadow: var(--ic-elevation-overlay);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n:host(.inline) .popout-menu {\n  position: absolute;\n}\n\n.menu-close-button-container {\n  position: relative;\n  left: 11.875rem;\n  padding: var(--ic-space-md) 0;\n}\n\n.nav-group-first {\n  padding-bottom: 0;\n}\n\n.menu-buttons-container {\n  padding: var(--ic-space-sm) 0;\n  border-bottom: var(--ic-border-width) solid var(--ic-architectural-200);\n}\n\n.menu-buttons-container-nav-item-above {\n  margin-top: var(--ic-space-md);\n  border-top: var(--ic-border-width) solid var(--ic-architectural-200);\n}\n\n.menu-status-version-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ic-space-xs);\n  padding: var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl);\n}\n\n.status-version-no-buttons {\n  border-top: var(--ic-space-1px) solid var(--ic-architectural-200);\n}\n\n.menu-status {\n  background-color: var(--ic-status-tag-neutral);\n\n  --ic-typography-color: var(--ic-status-tag-text);\n\n  border-radius: var(--ic-space-md);\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n}\n\n.menu-version {\n  border-radius: var(--ic-space-md);\n  background-color: var(--ic-status-tag-outlined-background-neutral);\n\n  --ic-typography-color: var(--ic-color-text-primary-light);\n\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n}\n\n.menu-status-text,\n.menu-version-text {\n  overflow-wrap: break-word;\n}\n\n.navigation-landmark-text {\n  position: absolute;\n  width: var(--ic-space-1px);\n  height: var(--ic-space-1px);\n  padding: 0;\n  margin: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getSlot, getSlotContent, isSlotUsed } from \"../../utils/helpers\";\nconst NAV_GROUP_TAG = \"IC-NAVIGATION-GROUP\";\nconst NAV_ITEM_TAG = \"IC-NAVIGATION-ITEM\";\n/**\n * @slot navigation - Content will be rendered at top of panel.\n * @slot buttons - Content will be rendered above version info and below navigation.\n */\nexport class NavigationMenu {\n    constructor() {\n        this.hasButtons = false;\n        this.hasNavigation = false;\n        this.lastTabStop = null;\n        this.navGroupFirst = false;\n        this.navItemAboveButtons = false;\n        /**\n         * The status info to display.\n         */\n        this.status = \"\";\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        /**\n         * The version info to display.\n         */\n        this.version = \"\";\n        this.setLastTabStop = (lastNavGroupExpanded) => {\n            let lastEl = this.navigationEls[this.navigationEls.length - 1];\n            if (lastEl.tagName === NAV_GROUP_TAG && lastNavGroupExpanded) {\n                const childNavItems = lastEl.children;\n                lastEl = childNavItems[childNavItems.length - 1];\n            }\n            if (lastEl.tagName === NAV_ITEM_TAG) {\n                //check for slotted content i.e. react router link\n                const slotContent = getSlot(lastEl, \"navigation-item\");\n                if (slotContent !== null) {\n                    lastEl = slotContent;\n                }\n            }\n            this.lastTabStop = lastEl;\n        };\n        this.closeMenu = () => {\n            this.icNavigationMenuClose.emit();\n        };\n        this.focusCloseButton = () => {\n            var _a;\n            (_a = this.closeButton) === null || _a === void 0 ? void 0 : _a.focus();\n        };\n        this.focusLastTabStop = () => {\n            let focusEl;\n            if (this.lastTabStop !== null) {\n                switch (this.lastTabStop.tagName) {\n                    case \"IC-NAVIGATION-BUTTON\":\n                    case NAV_ITEM_TAG:\n                    case NAV_GROUP_TAG:\n                        focusEl = this.lastTabStop;\n                        focusEl.focus();\n                        break;\n                    case \"A\":\n                        this.lastTabStop.focus();\n                        break;\n                }\n            }\n        };\n    }\n    componentWillLoad() {\n        this.navBarEl = document.querySelector(\"ic-top-navigation\");\n        this.navigationEls = getSlotContent(this.el, \"navigation\");\n        if (this.navigationEls) {\n            this.hasNavigation = true;\n            const lastEl = this.navigationEls[this.navigationEls.length - 1];\n            if (lastEl.tagName === NAV_ITEM_TAG) {\n                this.navItemAboveButtons = true;\n            }\n            else if (lastEl.tagName === NAV_GROUP_TAG) {\n                lastEl.addEventListener(\"navigationGroupExpanded\", ((event) => {\n                    this.setLastTabStop(event.detail.expanded);\n                }));\n            }\n            const firstEl = this.navigationEls[0];\n            if (firstEl.tagName === NAV_GROUP_TAG) {\n                this.navGroupFirst = true;\n            }\n        }\n        const buttonContent = getSlotContent(this.el, \"buttons\");\n        if (buttonContent !== null) {\n            this.hasButtons = true;\n            this.lastTabStop = buttonContent[buttonContent.length - 1];\n        }\n        else {\n            if (this.hasNavigation && this.navigationEls) {\n                this.setLastTabStop(false);\n            }\n        }\n    }\n    componentDidLoad() {\n        this.focusCloseButton();\n    }\n    componentWillRender() {\n        this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n        this.hasButtons = isSlotUsed(this.el, \"buttons\");\n    }\n    navItemClickHandler() {\n        this.closeMenu();\n    }\n    handleKeyDown(ev) {\n        if (ev.key === \"Tab\") {\n            if (ev.shiftKey) {\n                if (document.activeElement === this.navBarEl) {\n                    ev.preventDefault();\n                    this.focusLastTabStop();\n                }\n            }\n            else if (document.activeElement === this.lastTabStop ||\n                this.lastTabStop === null) {\n                ev.preventDefault();\n                this.focusCloseButton();\n            }\n        }\n        else if (ev.key === \"Escape\") {\n            this.closeMenu();\n        }\n    }\n    render() {\n        return (h(Host, { key: 'ac20556d28ccb50fa78fdb0a14e6096e1793d808', class: { [`ic-theme-${this.theme}`]: this.theme !== \"inherit\" } }, h(\"div\", { key: 'e429e9f4554ee2f40aa8b4e44c2cb3bc4dbb448e', class: \"popout-modal\", onClick: this.closeMenu }), h(\"div\", { key: '9fb05be7a68bea1bc06cca1034f0ae77dd09797e', class: \"popout-menu\", role: \"dialog\", \"aria-modal\": \"true\", \"aria-label\": `${this.hasNavigation ? \"Navigation\" : \"App\"} menu` }, h(\"span\", { key: 'e0ac3dfe4995af4270ab21f5f559ef86e9eae2de', \"aria-hidden\": \"true\", id: \"navigation-landmark-text\", class: \"navigation-landmark-text\" }, \"Main navigation\"), h(\"nav\", { key: '3d1b37adb6d60d486f97eddf28324f69049924a3', \"aria-labelledby\": \"navigation-landmark-text\", \"aria-hidden\": this.hasNavigation ? \"false\" : \"true\" }, h(\"div\", { key: '45b00dbad25c373903c39d5cfca30717fa865150', class: {\n                [\"menu-close-button-container\"]: true,\n                [\"nav-group-first\"]: this.navGroupFirst,\n            } }, h(\"ic-button\", { key: '4da3bf37bc5a3ee5622e05053828dd0991445084', ref: (el) => (this.closeButton = el), id: \"menu-close-button\", class: \"menu-close-button\", variant: \"icon\", size: \"large\", \"aria-label\": `Close ${this.hasNavigation ? \"navigation\" : \"app\"} menu`, onClick: this.closeMenu }, h(\"svg\", { key: 'cb90b4946f8f649ceb98915ff2a57f234b5f8ed4', width: \"14\", height: \"14\", viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"path\", { key: 'a49a4b42ddf2c9060070cd93eaba2a55c3e474cb', d: \"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" })))), this.hasNavigation && h(\"slot\", { key: '78878e2499e04a899f93bbe4b9a6a2a9aff080ab', name: \"navigation\" })), this.hasButtons && (h(\"div\", { key: 'cb8eb1bf24e483d5ad4aad20dadb926e106eb2c2', class: {\n                [\"menu-buttons-container\"]: true,\n                [\"menu-buttons-container-nav-item-above\"]: this.navItemAboveButtons,\n            } }, h(\"slot\", { key: '1d36a228ba3a62686f9939df9c8dd6e29289ebb8', name: \"buttons\" }))), (this.status !== \"\" || this.version !== \"\") && (h(\"div\", { key: 'c4b0d0c4140644eea60d24eac6bd845c21965969', class: {\n                [\"menu-status-version-container\"]: true,\n                [\"status-version-no-buttons\"]: !this.hasButtons,\n            } }, this.status !== \"\" && (h(\"div\", { key: '02add8908b41c544f2d01f0c780812d06ea749a9', class: \"menu-status\" }, h(\"ic-typography\", { key: '11311c3647663e911e45bd8de112f6e0ca895b11', variant: \"label-uppercase\", \"aria-label\": \"app tag\", class: \"menu-status-text\" }, this.status))), this.version !== \"\" && (h(\"div\", { key: 'c65a3bcac0289629f181fac381693ea648811312', class: \"menu-version\" }, h(\"ic-typography\", { key: '4de53de27365201c2cff5500c0b0d17da4628faa', variant: \"label\", class: \"menu-version-text\", \"aria-label\": \"app version\" }, this.version))))))));\n    }\n    static get is() { return \"ic-navigation-menu\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-navigation-menu.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-navigation-menu.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"status\": {\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 status info to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\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            \"version\": {\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 version info to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"version\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icNavigationMenuClose\",\n                \"name\": \"icNavigationMenuClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when the menu is closed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"navItemClicked\",\n                \"method\": \"navItemClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-navigation-menu.js.map\n"],"mappings":"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","ignoreList":[]}