@ukic/web-components 3.4.0 → 3.6.0

package/dist/core/p-87fa5add.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","closeOnNavItemClick","collapsedIconLabels","disableAutoParentStyling","disableTopBarBehaviour","expanded","href","inline","shortAppTitle","static","emitSideNavigationExpanded","objDetails","icSideNavExpanded","emit","sideNavExpanded","sideNavMobile","toggleMenu","setMobileMenuAriaAttributes","arrangeSlottedNavigationItem","setToggleMenuFlyoutMenuVisibility","sideNav","_a","el","shadowRoot","querySelector","sideNavInner","bottomWrapper","menuVisibilityVisible","classList","add","setTimeout","remove","menuButton","setAttribute","setAndRemoveNoWrapAfterMenuExpanded","appTitle","toggleMenuExpanded","_b","style","setProperty","_d","_c","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","handleNavItemClicked","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":["src/components/ic-side-navigation/ic-side-navigation.css?tag=ic-side-navigation&encapsulation=shadow","src/components/ic-side-navigation/ic-side-navigation.tsx"],"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  --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);\n  --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);\n\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 4rem;\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-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(ic-typography),\n  :host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(a) {\n    right: -9999px;\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: 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-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-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl) {\n  right: -9999px;\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  --navigation-group-width: 20rem;\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\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 {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n} from \"@stencil/core\";\n\nimport menuIcon from \"../../assets/hamburger-menu-icon.svg\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nimport {\n  getCurrentDeviceSize,\n  DEVICE_SIZES,\n  checkResizeObserver,\n  isSlotUsed,\n  getBrandForegroundAppearance,\n  getCssProperty,\n  hasClassificationBanner,\n  onComponentRequiredPropUndefined,\n  isEmptyString,\n  isPropDefined,\n} from \"../../utils/helpers\";\nimport {\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n} from \"../../utils/types\";\nimport { IcTopBar, IcExpandedDetail } from \"./ic-side-navigation.types\";\n\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 */\n\n@Component({\n  tag: \"ic-side-navigation\",\n  styleUrl: \"ic-side-navigation.css\",\n  shadow: true,\n})\nexport class SideNavigation {\n  private ANIMATION_DURATION =\n    parseInt(getCssProperty(\"--ic-transition-duration-slow\")) || 0;\n  private IC_NAVIGATION_ITEM: string = \"ic-navigation-item\";\n  private resizeObserver: ResizeObserver | null = null;\n  private COLLAPSED_ICON_LABELS_END = \"collapsed-icon-labels-end\";\n  private COLLAPSED_ICON_LABELS_START = \"collapsed-icon-labels-start\";\n  private menuButton?: HTMLIcButtonElement;\n\n  @Element() el: HTMLIcSideNavigationElement;\n\n  @State() deviceSize: number = getCurrentDeviceSize();\n  @State() deviceSizeAppTitle: number = DEVICE_SIZES.S;\n  @State() foregroundColor: IcBrandForeground = getBrandForegroundAppearance();\n  @State() hasSecondaryNavigation: boolean = false;\n  @State() menuExpanded: boolean = false;\n  @State() menuOpen: boolean = false;\n\n  /**\n   * The app title to be displayed. This is required, unless a slotted app title link is used.\n   */\n  @Prop() appTitle?: string;\n\n  /**\n   * If `true`, the side navigation will close when a navigation item is clicked. This behaviour is only applicable on larger device sizes.\n   */\n  @Prop() closeOnNavItemClick?: boolean = false;\n\n  /**\n   * If `true`, the icon and label will appear when side navigation is collapsed.\n   */\n  @Prop() collapsedIconLabels?: boolean = false;\n\n  /**\n   * If `true`, automatic parent wrapper styling will be disabled.\n   */\n  @Prop() disableAutoParentStyling?: boolean = false;\n\n  /**\n   * If `true`, the side navigation will not display as a top bar on small devices.\n   */\n  @Prop() disableTopBarBehaviour?: boolean = false;\n\n  /**\n   * If `true`, the side navigation will display in an expanded state.\n   */\n  @Prop() expanded?: boolean = false;\n\n  @Watch(\"expanded\")\n  watchExpandedHandler(): void {\n    this.toggleMenuExpanded(this.expanded!);\n  }\n\n  /**\n   * The URL that the app title link points to.\n   */\n  @Prop() href?: string = \"/\";\n\n  /**\n   * @internal If `true`, side navigation will be contained by its parent element.\n   */\n  @Prop() inline?: boolean = false;\n\n  /**\n   * The short title of the app to be displayed at small screen sizes in place of the app title.\n   */\n  @Prop() shortAppTitle?: string = \"\";\n\n  /**\n   * If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above).\n   */\n  @Prop() static?: boolean = false;\n\n  /**\n   * The status of the app to be displayed.\n   */\n  @Prop() status?: string;\n\n  /**\n   * The version of the app to be displayed.\n   */\n  @Prop() version?: string;\n\n  /**\n   * Emitted when the side navigation is collapsed and expanded.\n   */\n  @Event() icSideNavExpanded: EventEmitter<IcExpandedDetail>;\n\n  componentWillLoad(): void {\n    this.setMenuExpanded(this.expanded!);\n\n    if (this.collapsedIconLabels) {\n      this.setCollapsedIconLabels();\n    }\n\n    this.hasSecondaryNavigation = isSlotUsed(this.el, \"secondary-navigation\");\n  }\n\n  componentDidLoad(): void {\n    this.emitSideNavigationExpanded({\n      sideNavExpanded: this.menuExpanded,\n      sideNavMobile:\n        this.deviceSize === DEVICE_SIZES.S && !this.disableTopBarBehaviour,\n    });\n\n    checkResizeObserver(this.runResizeObserver);\n    this.styleSlottedCollapsedIconLabel();\n    this.arrangeSlottedNavigationItem(this.menuExpanded);\n    this.displayTooltipWithExpandedLongLabel(this.menuExpanded);\n\n    this.setExpandedButtonHeight();\n\n    if (this.closeOnNavItemClick) {\n      this.el.addEventListener(\n        \"navItemClicked\",\n        this.handleNavItemClicked as EventListener\n      );\n    }\n\n    !isSlotUsed(this.el, \"app-title\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.appTitle, propName: \"app-title\" }],\n        \"Side Navigation\"\n      );\n  }\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n\n    this.el?.removeEventListener(\"transitionend\", this.transitionEndHandler);\n\n    if (this.closeOnNavItemClick) {\n      this.el.removeEventListener(\n        \"navItemClicked\",\n        this.handleNavItemClicked as EventListener\n      );\n    }\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n    this.foregroundColor = detail.mode;\n  }\n\n  private emitSideNavigationExpanded = (objDetails: {\n    sideNavExpanded: boolean;\n    sideNavMobile?: boolean;\n  }): void => {\n    this.icSideNavExpanded.emit({\n      sideNavExpanded: objDetails.sideNavExpanded,\n      sideNavMobile: !!objDetails.sideNavMobile,\n    });\n  };\n\n  private toggleMenu = (): void => {\n    this.menuOpen = !this.menuOpen;\n    this.setMobileMenuAriaAttributes(this.menuOpen);\n\n    this.arrangeSlottedNavigationItem(this.menuOpen);\n\n    this.setToggleMenuFlyoutMenuVisibility(this.menuOpen);\n\n    this.emitSideNavigationExpanded({\n      sideNavExpanded: this.menuOpen,\n      sideNavMobile: true,\n    });\n  };\n\n  private setToggleMenuFlyoutMenuVisibility = (menuOpen: boolean) => {\n    const sideNav = this.el.shadowRoot?.querySelector(\n      \"#side-navigation\"\n    ) as HTMLDivElement;\n    const sideNavInner = sideNav.querySelector(\n      \".side-navigation-inner\"\n    ) as HTMLElement;\n    const bottomWrapper = sideNav.querySelector(\n      \".bottom-wrapper\"\n    ) as HTMLElement;\n\n    const menuVisibilityVisible = \"menu-visibility-visible\";\n\n    if (menuOpen) {\n      bottomWrapper.classList.add(menuVisibilityVisible);\n      sideNavInner.classList.add(menuVisibilityVisible);\n    } else {\n      setTimeout(() => {\n        sideNavInner.classList.remove(menuVisibilityVisible);\n        bottomWrapper.classList.remove(menuVisibilityVisible);\n      }, this.ANIMATION_DURATION);\n    }\n  };\n\n  private setMobileMenuAriaAttributes = (menuOpen: boolean) => {\n    if (this.menuButton) {\n      this.menuButton.setAttribute(\"aria-expanded\", `${menuOpen}`);\n      this.menuButton.setAttribute(\n        \"aria-label\",\n        `${menuOpen ? \"Close\" : \"Open\"} navigation menu`\n      );\n    }\n  };\n\n  private setAndRemoveNoWrapAfterMenuExpanded = () => {\n    const appTitle =\n      this.el.shadowRoot?.querySelector(\".title-link ic-typography\") ||\n      this.el.querySelector(\"[slot='app-title']\");\n\n    appTitle?.classList.add(\"ic-typography-no-wrap\");\n\n    setTimeout(() => {\n      appTitle?.classList.remove(\"ic-typography-no-wrap\");\n    }, this.ANIMATION_DURATION);\n  };\n\n  private toggleMenuExpanded = (expanded: boolean): void => {\n    if (this.deviceSize > DEVICE_SIZES.S) {\n      this.menuExpanded = expanded;\n    }\n\n    if (this.menuExpanded) {\n      this.setAndRemoveNoWrapAfterMenuExpanded();\n      this.el.shadowRoot\n        ?.querySelector(\".app-title-inner-wrapper\")\n        ?.classList.add(\"app-title-show\");\n    } else {\n      this.el.style.setProperty(\"--navigation-item-width\", \"320px\");\n      this.el.shadowRoot\n        ?.querySelector(\".app-title-inner-wrapper\")\n        ?.classList.remove(\"app-title-show\");\n\n      this.el.addEventListener(\"transitionend\", (e) => {\n        if (e.propertyName === \"width\") {\n          this.el.style.setProperty(\"--navigation-item-width\", null);\n        }\n      });\n    }\n\n    this.arrangeSlottedNavigationItem(this.menuExpanded);\n\n    this.displayTooltipWithExpandedLongLabel(this.menuExpanded);\n\n    if (this.collapsedIconLabels) {\n      this.animateCollapsedIconLabels();\n    }\n\n    this.setExpandedButtonHeight();\n    this.emitSideNavigationExpanded({ sideNavExpanded: this.menuExpanded });\n  };\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  private arrangeSlottedNavigationItem = (menuExpanded?: boolean) => {\n    const navItems = this.el.querySelectorAll(\"ic-navigation-item\");\n    navItems.forEach((navItem) => {\n      const isNamedSlot = isSlotUsed(navItem, \"navigation-item\");\n      const isUnnamedSlot =\n        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        } else {\n          navItemSlot = navItem.children[0];\n        }\n        const iconWrapper = document.createElement(\"div\");\n        const icon = navItemSlot?.querySelector(\"svg\");\n        const badge = navItemSlot?.querySelector(\"ic-badge\");\n        const label = navItem.textContent?.trim();\n        const icTypography = document.createElement(\"ic-typography\");\n        icTypography.classList.add(\n          \"ic-typography-label\",\n          \"hydrated\",\n          \"navigation-item-side-nav-slotted-text\"\n        );\n\n        iconWrapper.style.position = \"relative\";\n        iconWrapper.style.height = \"var(--ic-space-lg)\";\n\n        icon && iconWrapper.append(icon);\n        badge && iconWrapper.append(badge);\n\n        if (label) {\n          icTypography.textContent = label;\n        }\n\n        if (navItemSlot) {\n          navItemSlot.textContent = \"\";\n          navItemSlot.append(iconWrapper);\n          navItemSlot.append(icTypography);\n        }\n\n        if (this.collapsedIconLabels) {\n          this.styleSlottedCollapsedIconLabels(!!menuExpanded, icTypography);\n        } else {\n          this.styleSlottedIconLabels(!!menuExpanded, icTypography);\n        }\n      }\n    });\n  };\n\n  private styleSlottedCollapsedIconLabels = (\n    menuExpanded: boolean,\n    icTypography: HTMLIcTypographyElement\n  ) => {\n    if (menuExpanded) {\n      icTypography.style.marginTop = \"0\";\n      icTypography.style.whiteSpace = \"nowrap\";\n      icTypography.style.overflow = \"hidden\";\n      icTypography.style.textOverflow = \"ellipsis\";\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\n  private setExpandedButtonHeight = () => {\n    const appStatusWrapper = this.el.shadowRoot?.querySelector(\n      \"#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper\"\n    ) as HTMLDivElement;\n\n    if (appStatusWrapper.offsetHeight !== 0) {\n      this.el.style.setProperty(\n        \"--sm-side-navigation-bottom-bar-height\",\n        `${appStatusWrapper.offsetHeight}px`\n      );\n    }\n  };\n\n  private styleSlottedIconLabels = (\n    menuExpanded: boolean,\n    icTypography: HTMLSpanElement\n  ) => {\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    } 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\n  private transitionHandler = (type: string) => {\n    const primaryNavigationWrapper = this.el.shadowRoot?.querySelector(\n      \".primary-navigation\"\n    );\n\n    const secondaryNavigationWrapper = this.el.shadowRoot?.querySelector(\n      \".bottom-wrapper > .secondary-navigation\"\n    );\n\n    const classToRemove =\n      type === \"start\"\n        ? this.COLLAPSED_ICON_LABELS_END\n        : this.COLLAPSED_ICON_LABELS_START;\n\n    const classToAdd =\n      type === \"start\"\n        ? this.COLLAPSED_ICON_LABELS_START\n        : this.COLLAPSED_ICON_LABELS_END;\n\n    if (primaryNavigationWrapper) {\n      primaryNavigationWrapper.classList.remove(classToRemove);\n      primaryNavigationWrapper.classList.add(classToAdd);\n    }\n\n    if (secondaryNavigationWrapper) {\n      secondaryNavigationWrapper.classList.remove(classToRemove);\n      secondaryNavigationWrapper.classList.add(classToAdd);\n    }\n  };\n\n  private transitionEndHandler = () => {\n    this.transitionHandler(\"end\");\n  };\n\n  private animateCollapsedIconLabels = () => {\n    this.transitionHandler(\"start\");\n    this.transitionEndHandler();\n\n    this.el.addEventListener(\"transitionend\", this.transitionEndHandler);\n  };\n\n  private paddingIconWidth = (\n    navItems: HTMLIcNavigationItemElement[]\n  ): number => {\n    const navItemLink =\n      (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\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\n      return Object.values(navStyles).reduce((prev, curr) => {\n        return (prev += parseInt(curr));\n      }, 0);\n    }\n\n    return 0;\n  };\n\n  private displayTooltipWithExpandedLongLabel = (menuExpanded: boolean) => {\n    let timer;\n\n    if (menuExpanded) {\n      timer = setTimeout(() => {\n        const sideNavWidth = this.el.clientWidth;\n\n        const navigationItems: HTMLIcNavigationItemElement[] = Array.from(\n          this.el.querySelectorAll(this.IC_NAVIGATION_ITEM)\n        );\n\n        const paddingIconDelta = navigationItems.length\n          ? this.paddingIconWidth(navigationItems)\n          : 0;\n\n        navigationItems.forEach(\n          (navigationItem: HTMLIcNavigationItemElement) => {\n            const icTypographyScrollWidth =\n              (\n                navigationItem.shadowRoot &&\n                navigationItem.shadowRoot.querySelector(\n                  \"ic-tooltip .link ic-typography.ic-typography-label\"\n                )\n              )?.scrollWidth ||\n              navigationItem.querySelector(\"ic-typography.ic-typography-label\")\n                ?.scrollWidth;\n\n            if (\n              icTypographyScrollWidth &&\n              icTypographyScrollWidth > sideNavWidth - paddingIconDelta\n            ) {\n              navigationItem.setAttribute(\"display-navigation-tooltip\", \"true\");\n            }\n          }\n        );\n      }, this.ANIMATION_DURATION);\n    } else {\n      clearTimeout(timer);\n\n      const navigationItems: HTMLIcNavigationItemElement[] = Array.from(\n        this.el.querySelectorAll(this.IC_NAVIGATION_ITEM)\n      );\n      navigationItems.forEach((navigationItem: HTMLIcNavigationItemElement) => {\n        navigationItem.setAttribute(\"display-navigation-tooltip\", \"false\");\n      });\n    }\n  };\n\n  private setMenuExpanded = (expanded: boolean): void => {\n    this.menuExpanded = expanded;\n  };\n\n  private handleNavItemClicked = () => {\n    if (\n      !this.menuOpen &&\n      this.deviceSize > DEVICE_SIZES.S &&\n      this.menuExpanded\n    ) {\n      setTimeout(() => {\n        this.toggleMenuExpanded(false);\n      }, 0);\n    }\n  };\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  private setParentPaddingTop = (value: string) => {\n    this.el.parentElement?.style.setProperty(\"padding-top\", value);\n  };\n\n  private setParentPaddingLeft = (value: string) => {\n    this.el.parentElement?.style.setProperty(\"padding-left\", value);\n  };\n\n  private renderAppTitle = (isAppNameSubtitleVariant: boolean) => {\n    const displayShortAppTitle =\n      this.deviceSize <= DEVICE_SIZES.S && !isEmptyString(this.shortAppTitle);\n    return (\n      <ic-typography\n        variant={\n          displayShortAppTitle || isAppNameSubtitleVariant\n            ? \"subtitle-small\"\n            : \"h3\"\n        }\n        aria-label={\n          displayShortAppTitle\n            ? `${this.appTitle} (${this.shortAppTitle})`\n            : undefined\n        }\n      >\n        <h1>{displayShortAppTitle ? this.shortAppTitle : this.appTitle}</h1>\n      </ic-typography>\n    );\n  };\n\n  private resizeObserverCallback = (currSize: number) => {\n    this.deviceSize = currSize;\n\n    const isSmallAndDisableTopBar =\n      currSize === DEVICE_SIZES.S && !this.disableTopBarBehaviour;\n\n    if (!this.disableAutoParentStyling) {\n      const topBarHeight =\n        this.el.shadowRoot?.querySelector(\".top-bar\")?.scrollHeight;\n      this.setParentPaddingTop(\n        isSmallAndDisableTopBar ? `${topBarHeight}px` : \"0\"\n      );\n      if (isSmallAndDisableTopBar) this.setParentPaddingLeft(\"0\");\n      if (isSmallAndDisableTopBar && this.inline) {\n        this.el.parentElement?.style.setProperty(\n          \"height\",\n          `calc(100% - ${topBarHeight}px)`\n        );\n      } else if (!isSmallAndDisableTopBar) {\n        this.el.parentElement?.style.setProperty(\"height\", \"100%\");\n      }\n    }\n\n    if (!this.disableAutoParentStyling) {\n      const paddingLeft = `calc(var(--ic-space-xxl) ${\n        this.collapsedIconLabels ? \"* 2\" : \"+ var(--ic-space-xs)\"\n      })`;\n\n      if (currSize > DEVICE_SIZES.L) {\n        this.setParentPaddingTop(\"0\");\n        this.setParentPaddingLeft(\"0\");\n      } else if (\n        (currSize > DEVICE_SIZES.S || this.disableTopBarBehaviour) &&\n        currSize <= DEVICE_SIZES.M &&\n        this.static\n      ) {\n        this.setParentPaddingLeft(paddingLeft);\n      } else if (\n        (currSize > DEVICE_SIZES.S || this.disableTopBarBehaviour) &&\n        currSize <= DEVICE_SIZES.L\n      ) {\n        this.setParentPaddingLeft(\n          this.static && this.menuExpanded\n            ? \"calc(var(--ic-space-xl) * 10)\"\n            : paddingLeft\n        );\n      }\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = getCurrentDeviceSize();\n      this.deviceSizeAppTitle = currSize;\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(document.body, { box: \"content-box\" });\n  };\n\n  private setCollapsedIconLabels = () => {\n    const navigationItems: HTMLIcNavigationItemElement[] = Array.from(\n      this.el.querySelectorAll(this.IC_NAVIGATION_ITEM)\n    );\n    navigationItems.forEach((navigationItem: HTMLIcNavigationItemElement) => {\n      navigationItem.setAttribute(\"collapsed-icon-label\", \"true\");\n    });\n  };\n\n  private styleSlottedCollapsedIconLabel = () => {\n    const dynamicSlottedIcTypographyComps: HTMLIcTypographyElement[] =\n      Array.from(\n        this.el.querySelectorAll(\".navigation-item-side-nav-slotted-text\")\n      );\n\n    dynamicSlottedIcTypographyComps.forEach((icTypography) => {\n      if (\n        icTypography.parentElement?.parentElement?.classList.contains(\n          \"navigation-item-side-nav-collapsed-with-label\"\n        )\n      ) {\n        icTypography.style.whiteSpace = \"nowrap\";\n        icTypography.style.overflow = \"hidden\";\n        icTypography.style.textOverflow = \"ellipsis\";\n        icTypography.style.marginTop = \"10px\";\n      }\n    });\n  };\n\n  private renderTopBar = ({\n    isSDevice,\n    foregroundColor,\n    menuOpen,\n    href,\n    isAppNameSubtitleVariant,\n  }: IcTopBar) => {\n    const hasTitle = this.appTitle !== \"\" && isPropDefined(this.appTitle);\n\n    const Component = isSlotUsed(this.el, \"app-title\") ? \"div\" : \"a\";\n\n    const attrs = Component == \"a\" && {\n      href: href,\n    };\n\n    return (\n      <div\n        class={{\n          \"top-bar\": true,\n          [this.foregroundColor]: true,\n        }}\n      >\n        {isSDevice && (\n          <nav\n            aria-labelledby=\"menu-navigation-toggle-button-landmark\"\n            aria-hidden=\"false\"\n          >\n            <ic-button\n              aria-label=\"Open navigation menu\"\n              class=\"menu-button\"\n              id=\"menu-button\"\n              variant=\"secondary\"\n              size=\"small\"\n              full-width=\"true\"\n              theme={\n                foregroundColor == \"default\" || foregroundColor == \"light\"\n                  ? \"light\"\n                  : \"dark\"\n              }\n              monochrome\n              onClick={this.toggleMenu}\n              ariaOwnsId=\"side-navigation\"\n              aria-haspopup=\"true\"\n              aria-expanded=\"false\"\n              ref={(el) => (this.menuButton = el)}\n            >\n              <span\n                class=\"mobile-top-bar-menu-icon\"\n                slot=\"left-icon\"\n                innerHTML={menuOpen ? closeIcon : menuIcon}\n              ></span>\n              {menuOpen ? \"Close\" : \"Menu\"}\n            </ic-button>\n            <span\n              id=\"menu-navigation-toggle-button-landmark\"\n              class=\"navigation-landmark-title\"\n              aria-hidden=\"true\"\n            >\n              Navigation menu toggle button\n            </span>\n          </nav>\n        )}\n        <div class=\"app-title-wrapper\">\n          {(hasTitle || isSlotUsed(this.el, \"app-title\")) && (\n            <Component {...attrs} class=\"title-link\">\n              <div class=\"app-icon-container\" aria-hidden=\"true\">\n                <slot name=\"app-icon\"></slot>\n              </div>\n              <div class=\"app-title-inner-wrapper\">\n                {isSlotUsed(this.el, \"app-title\") ? (\n                  <slot name=\"app-title\"></slot>\n                ) : (\n                  this.renderAppTitle(isAppNameSubtitleVariant)\n                )}\n              </div>\n            </Component>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    const {\n      appTitle,\n      menuOpen,\n      foregroundColor,\n      menuExpanded,\n      href,\n      status,\n      version,\n      collapsedIconLabels,\n      inline,\n    } = this;\n\n    const isSDevice =\n      !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 =\n      isMdDevice || this.disableTopBarBehaviour || (isLgDevice && !this.static);\n\n    const topBarProps: IcTopBar = {\n      isSDevice,\n      foregroundColor,\n      menuOpen,\n      href: href!,\n      isAppNameSubtitleVariant,\n      appTitle: appTitle || \"\",\n    };\n\n    return (\n      <Host\n        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\":\n            this.deviceSize > DEVICE_SIZES.S || !!this.disableTopBarBehaviour,\n          [`ic-side-navigation-${IcBrandForegroundEnum.Dark}`]:\n            foregroundColor === IcBrandForegroundEnum.Dark,\n          [\"collapsed-labels\"]:\n            !isSDevice && !menuExpanded && !!collapsedIconLabels,\n          [\"ic-side-navigation-inline\"]: !!inline,\n        }}\n      >\n        {isSDevice && this.renderTopBar({ ...topBarProps })}\n        <div class=\"side-navigation\" id=\"side-navigation\">\n          {!isSDevice && this.renderTopBar({ ...topBarProps })}\n          <div class=\"side-navigation-inner\">\n            {isSlotUsed(this.el, \"primary-navigation\") && (\n              <nav\n                class=\"primary-navigation\"\n                aria-labelledby=\"primary-navigation-landmark\"\n              >\n                <span\n                  aria-hidden=\"true\"\n                  class=\"navigation-landmark-title\"\n                  id=\"primary-navigation-landmark\"\n                >\n                  Primary\n                </span>\n                <ul class=\"navigation-list\">\n                  <slot name=\"primary-navigation\"></slot>\n                </ul>\n              </nav>\n            )}\n          </div>\n          <div\n            class={{\n              [\"bottom-wrapper\"]: true,\n              [\"classification-spacing\"]: hasClassificationBanner(),\n            }}\n          >\n            {isSlotUsed(this.el, \"secondary-navigation\") && (\n              <nav\n                class=\"secondary-navigation\"\n                aria-labelledby=\"secondary-navigation-landmark\"\n              >\n                <span\n                  aria-hidden=\"true\"\n                  class=\"navigation-landmark-title\"\n                  id=\"secondary-navigation-landmark\"\n                >\n                  Secondary\n                </span>\n                <ul class=\"navigation-list\">\n                  <slot name=\"secondary-navigation\"></slot>\n                </ul>\n              </nav>\n            )}\n            <div class=\"bottom-side-nav\">\n              {this.hasSecondaryNavigation && <ic-divider></ic-divider>}\n              {displayExpandBtn && (\n                <button\n                  class=\"menu-expand-button\"\n                  innerHTML={chevronIcon}\n                  onClick={() => this.toggleMenuExpanded(!this.menuExpanded)}\n                  aria-label={`${\n                    menuExpanded ? \"Collapse\" : \"Expand\"\n                  } side navigation`}\n                ></button>\n              )}\n              <div class=\"app-status-wrapper\">\n                {status !== \"\" && (\n                  <div\n                    class={{\n                      [\"app-status\"]: true,\n                    }}\n                  >\n                    <ic-typography\n                      aria-label=\"app tag\"\n                      variant=\"label-uppercase\"\n                      class=\"app-status-text\"\n                    >\n                      {status}\n                    </ic-typography>\n                  </div>\n                )}\n                {version !== \"\" && (\n                  <ic-typography\n                    variant=\"label\"\n                    class=\"app-version\"\n                    aria-label=\"app version\"\n                  >\n                    {version}\n                  </ic-typography>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-887e00bb.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as r,H as e}from"./p-8e4e97b4.js";import{N as s,O as i,W as a,c,g as h}from"./p-8242c24f.js";const n=class{constructor(r){o(this,r);this.brandChange=t(this,"brandChange",7);this.icThemeChange=t(this,"icThemeChange",7);this.themeClass="";this.brandColor=null;this.theme="light";this.darkModeChangeHandler=()=>{if(this.theme==="system"){this.themeClass=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"ic-theme-dark":"ic-theme-light"}else{this.themeClass=`ic-theme-${this.theme}`}this.icThemeChange.emit(this.theme)};this.checkBrandColorContrast=()=>{if(s()<i&&s()>a){console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`)}};this.setBrandColor=()=>{const o=this.brandColor?c(this.brandColor):null;if(o){const{r:t,g:r,b:e,a:s}=o;const{style:i}=document.documentElement;i.setProperty("--ic-brand-color-primary-r",`${t}`);i.setProperty("--ic-brand-color-primary-g",`${r}`);i.setProperty("--ic-brand-color-primary-b",`${e}`);i.setProperty("--ic-brand-color-primary-a",`${s}`);this.checkBrandColorContrast();this.brandChange.emit({mode:h(),color:o})}}}watchBrandColorPropHandler(){this.setBrandColor()}watchThemePropHandler(){this.darkModeChangeHandler()}componentWillLoad(){this.darkModeChangeHandler();this.setBrandColor();window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",this.darkModeChangeHandler)}render(){const{themeClass:o}=this;return r(e,{key:"e353f7e1a95badecf478559b39cb0ecc20bd4c75",class:o},r("slot",{key:"727a7e7a3240118efbc8b00dea9ff51f80a94878"}))}static get watchers(){return{brandColor:["watchBrandColorPropHandler"],theme:["watchThemePropHandler"]}}};export{n as ic_theme};
-//# sourceMappingURL=p-887e00bb.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icNavigationGroupCss","IcNavigationGroupStyle0","IC_NAVIGATION_ITEM","DYNAMIC_GROUPED_LINKS_HEIGHT_MS","NODE_NAME","NavigationGroup","constructor","hostRef","this","allGroupedNavigationItemHeights","collapsedNavItemsHeight","expandedNavItemsHeight","mouseGate","deviceSize","DEVICE_SIZES","XL","dropdownOpen","expanded","focusStyle","getBrandForegroundAppearance","inTopNavSideMenu","isSideNavExpanded","expandable","theme","sideNavExpandHandler","event","detail","sideNavExpanded","linkWrapper","navItemsHeight","setGroupedLinksElementHeight","setTimeout","topNavResizedHandler","size","_a","parentEl","customMobileBreakpoint","L","toggleExpanded","el","querySelectorAll","forEach","navigationItem","navItem","shadowRoot","querySelector","setAttribute","handleClick","ev","navigationType","toggleDropdown","handleBlur","contains","relatedTarget","hideDropdown","handleKeydown","key","preventDefault","handleMouseLeave","relTarget","dropdown","document","activeElement","nodeName","handleMouseEnter","addEventListener","showDropdown","renderGroupTitleText","h","id","variant","label","renderNavigationItems","class","selected","onMouseLeave","undefined","ref","height","style","setProperty","disconnectedCallback","removeEventListener","_b","componentWillLoad","getCurrentDeviceSize","navType","parent","getNavItemParentDetails","componentDidLoad","Array","from","reduce","childrenHeights","offsetHeight","childBlurHandler","handleNavigationGroupOpened","source","navItemClickHandler","brandChangeHandler","mode","setFocus","groupEl","focus","navigationGroupExpanded","emit","navigationGroupOpened","render","getExpandedClassSuffix","prop","navGroupTitleClassNames","isSideNav","isTopNav","isTopNavDesktop","ariaExpanded","Host","role","onMouseEnter","onBlur","onClick","onKeyDown","innerHTML","chevronIcon"],"sources":["src/components/ic-navigation-group/ic-navigation-group.css?tag=ic-navigation-group&encapsulation=shadow","src/components/ic-navigation-group/ic-navigation-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-navigation-item: z-index of navigation group item\n */\n\n:host {\n  display: block;\n\n  --ic-typography-color: currentcolor;\n}\n\n:host(.in-side-menu) {\n  border-bottom: var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);\n  padding: var(--ic-space-md) 0;\n}\n\n:host .navigation-group {\n  height: 100%;\n  width: fit-content;\n  color: var(--ic-brand-text-color);\n  display: flex;\n  gap: var(--ic-space-xxs);\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md);\n  transition: var(--ic-easing-transition-slow);\n  position: relative;\n  background: none;\n  border: none;\n  text-align: left;\n  box-sizing: border-box;\n}\n\n:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected {\n  background-color: var(--ic-architectural-20);\n  color: var(--ic-color-text-primary-light);\n  outline: none;\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group {\n  min-height: 2.5rem;\n  width: 100%;\n  gap: 1.25rem;\n}\n\n:host(.in-side-menu) .navigation-group .ic-typography-label {\n  width: 100%;\n}\n\n:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  color: var(--ic-top-navigation-nav-group-link);\n  justify-content: flex-start;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  margin-bottom: var(--ic-space-xs);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  border-style: solid;\n  border-width: 0.125em 0.125em 0 0;\n  content: \"\";\n  display: inline-block;\n  min-height: 0.45em;\n  position: relative;\n  top: -0.1em;\n  transform: rotate(135deg);\n  vertical-align: top;\n  min-width: 0.45em;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  top: 0.15em;\n  transform: rotate(-45deg);\n}\n\n:host(:not(.in-side-menu)) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n  z-index: var(--ic-z-index-navigation-item);\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-group-hover);\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-group-pressed);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  background: none;\n}\n\n:host .navigation-group-dropdown {\n  background-color: var(--ic-top-navigation-menu-background);\n  border-bottom: var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);\n  position: absolute;\n  left: 0;\n  right: 0;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-shadow: 0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);\n  z-index: calc(var(--ic-z-index-navigation-item) - 1);\n}\n\n:host .navigation-group-dropdown-items-list {\n  list-style: none;\n  display: flex;\n  flex-flow: column wrap;\n  align-content: flex-start;\n  padding-left: var(--ic-space-md);\n  max-height: 16.5rem;\n}\n\n:host .chevron-toggle-icon-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n:host .chevron-toggle-icon-wrapper svg {\n  transform: rotate(90deg);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host .chevron-toggle-icon-closed svg {\n  transform: rotate(-90deg);\n}\n\n:host(.ic-navigation-group-expanded) .grouped-links-wrapper {\n  height: var(--navigation-child-items-height, auto) !important;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a) {\n  height: var(--navigation-child-items-height, auto);\n}\n\n:host(.ic-navigation-group-collapsed) .grouped-links-wrapper {\n  height: 0;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group {\n  min-height: var(--navigation-group-height);\n  min-width: 100%;\n  width: var(--navigation-group-width, auto);\n  justify-content: var(--navigation-group-justify-content);\n  padding: var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n    var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group {\n  padding-right: var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected {\n  background-color: var(--navigation-group-hover);\n  color: var(--navigation-group-text-hover);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group:hover,\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group:active,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n  .navigation-group:hover,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n  .navigation-group:active {\n  background: none;\n  cursor: auto;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background: none;\n}\n\n:host(.ic-navigation-group-side-nav) .ic-typography-caption {\n  position: var(--navigation-group-title-position);\n  left: var(--navigation-group-title-position-left);\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  State,\n  Listen,\n  h,\n  Method,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  getBrandForegroundAppearance,\n  getNavItemParentDetails,\n} from \"../../utils/helpers\";\nimport {\n  IcNavType,\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundNoDefault,\n  IcThemeMode,\n} from \"../../utils/types\";\n\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nimport {\n  IcNavigationExpandEventDetail,\n  IcNavigationOpenEventDetail,\n} from \"./ic-navigation-group.types\";\n\nconst IC_NAVIGATION_ITEM = \"ic-navigation-item\";\nconst DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 100;\nconst NODE_NAME = \"IC-NAVIGATION-GROUP\";\n\n@Component({\n  tag: \"ic-navigation-group\",\n  styleUrl: \"ic-navigation-group.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class NavigationGroup {\n  private allGroupedNavigationItemHeights = \"\";\n  private collapsedNavItemsHeight: string | null = null;\n  private dropdown?: HTMLElement;\n  private expandedNavItemsHeight: string | null = null;\n  private groupEl?: HTMLElement;\n  private mouseGate = false;\n  private linkWrapper?: HTMLUListElement;\n\n  @Element() el: HTMLIcNavigationGroupElement;\n\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() dropdownOpen = false;\n  @State() expanded = true;\n  @State() focusStyle: IcBrandForegroundNoDefault | IcBrandForeground =\n    getBrandForegroundAppearance();\n  @State() inTopNavSideMenu = false;\n  @State() navigationType: IcNavType | \"\";\n  @State() parentEl: HTMLElement | null;\n  @State() isSideNavExpanded = false;\n\n  /**\n   *  If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.\n   */\n  @Prop() expandable = false;\n\n  /**\n   * The label to display on the group.\n   */\n  @Prop() label!: string;\n\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  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * @internal Emitted when a navigation group is opened - when within an ic-top-navigation at large screen sizes.\n   */\n  @Event() navigationGroupOpened: EventEmitter<IcNavigationOpenEventDetail>;\n\n  /**\n   * @internal Emitted when a navigation group is expanded - when within an ic-top-navigation at small screen sizes.\n   */\n  @Event() navigationGroupExpanded: EventEmitter<IcNavigationExpandEventDetail>;\n\n  disconnectedCallback(): void {\n    if (this.navigationType === \"side\") {\n      this.parentEl?.removeEventListener(\n        \"icSideNavExpanded\",\n        this.sideNavExpandHandler as EventListener\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl?.removeEventListener(\n        \"icTopNavResized\",\n        this.topNavResizedHandler as EventListener\n      );\n    }\n  }\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n    const { navType, parent } = getNavItemParentDetails(this.el);\n    this.navigationType = navType;\n    this.parentEl = parent;\n\n    if (this.navigationType === \"side\") {\n      this.parentEl?.addEventListener(\n        \"icSideNavExpanded\",\n        this.sideNavExpandHandler as EventListener\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl?.addEventListener(\n        \"icTopNavResized\",\n        this.topNavResizedHandler as EventListener\n      );\n      if (\n        this.deviceSize <=\n        (this.parentEl as HTMLIcTopNavigationElement).customMobileBreakpoint\n      )\n        this.inTopNavSideMenu = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.allGroupedNavigationItemHeights = `${Array.from(\n      this.el.querySelectorAll(IC_NAVIGATION_ITEM)\n    ).reduce(\n      (childrenHeights, { offsetHeight }) => childrenHeights + offsetHeight,\n      0\n    )}px`;\n\n    /**\n     * debounce is required as the incorrect height was retrieved instantly after\n     * componentDidLoad is invoked.\n     */\n    setTimeout(() => {\n      if (!this.linkWrapper || !this.expanded) return;\n\n      if (!this.isSideNavExpanded)\n        this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n      else this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n\n      this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n    }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n  }\n\n  @Listen(\"childBlur\")\n  childBlurHandler(): void {\n    this.hideDropdown();\n  }\n\n  @Listen(\"navigationGroupOpened\", { target: \"document\" })\n  handleNavigationGroupOpened(event: CustomEvent): void {\n    if (event.detail.source !== this.el) {\n      this.hideDropdown();\n    }\n  }\n\n  @Listen(\"navItemClicked\")\n  navItemClickHandler(): void {\n    this.hideDropdown();\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n    this.focusStyle = ev.detail.mode;\n  }\n\n  /**\n   * Sets focus on the nav item.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.groupEl?.focus();\n  }\n\n  private sideNavExpandHandler = (event: CustomEvent) => {\n    this.isSideNavExpanded = event.detail.sideNavExpanded;\n\n    if (!this.linkWrapper || !this.expanded) return;\n\n    const navItemsHeight = this.isSideNavExpanded\n      ? this.expandedNavItemsHeight\n      : this.collapsedNavItemsHeight;\n\n    if (navItemsHeight) {\n      this.setGroupedLinksElementHeight(navItemsHeight);\n    } else {\n      setTimeout(() => {\n        if (this.isSideNavExpanded) {\n          this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n        } else {\n          this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n        }\n\n        this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n      }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n    }\n  };\n\n  private topNavResizedHandler = ({\n    detail: { size },\n  }: CustomEvent<{ size: number }>) => {\n    if (size === this.deviceSize) return;\n\n    this.deviceSize = size;\n    this.inTopNavSideMenu =\n      size <=\n      ((this.parentEl as HTMLIcTopNavigationElement)?.customMobileBreakpoint ||\n        DEVICE_SIZES.L);\n  };\n\n  private toggleDropdown() {\n    this.dropdownOpen = !this.dropdownOpen;\n    if (this.inTopNavSideMenu) {\n      this.navigationGroupExpanded.emit({ expanded: this.dropdownOpen });\n    }\n  }\n\n  private toggleExpanded = () => {\n    this.expanded = !this.expanded;\n    if (!this.linkWrapper) return;\n\n    this.setGroupedLinksElementHeight(\n      !this.expanded\n        ? \"0\"\n        : this.isSideNavExpanded\n        ? this.expandedNavItemsHeight\n        : this.collapsedNavItemsHeight\n    );\n\n    this.el.querySelectorAll(IC_NAVIGATION_ITEM).forEach((navigationItem) => {\n      const navItem =\n        navigationItem.shadowRoot?.querySelector(\"a\") ||\n        navigationItem.querySelector(\"a\");\n      navItem?.setAttribute(\"tabindex\", this.expanded ? \"0\" : \"-1\");\n    });\n  };\n\n  private showDropdown() {\n    if (!this.dropdownOpen) {\n      this.navigationGroupOpened.emit({\n        source: this.el,\n      });\n\n      this.toggleDropdown();\n    }\n  }\n\n  private hideDropdown() {\n    document.removeEventListener(\"keydown\", this.handleKeydown);\n    if (this.dropdownOpen) {\n      this.toggleDropdown();\n    }\n  }\n\n  private handleClick = (ev: MouseEvent) => {\n    if (this.navigationType === \"top\" && ev.detail) {\n      this.toggleDropdown();\n    } else {\n      this.toggleExpanded();\n    }\n  };\n\n  private handleBlur = (ev: FocusEvent) => {\n    if (!this.el.contains(ev.relatedTarget as HTMLElement)) {\n      this.hideDropdown();\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    const { key } = ev;\n    if (key !== \"Enter\" && key !== \" \" && key !== \"Escape\") return;\n\n    switch (this.navigationType) {\n      case \"top\":\n        if (key === \" \" || key === \"Enter\") {\n          this.toggleDropdown();\n        } else if (!this.inTopNavSideMenu) {\n          this.hideDropdown();\n        }\n        break;\n      case \"side\":\n        this.toggleExpanded();\n        ev.preventDefault();\n        break;\n      default:\n        this.toggleExpanded();\n        break;\n    }\n  };\n\n  private handleMouseLeave = (ev: MouseEvent) => {\n    const relTarget = ev.relatedTarget as HTMLElement;\n\n    this.mouseGate = false;\n\n    if (\n      this.el.contains(relTarget) ||\n      relTarget === this.dropdown ||\n      this.el.contains(document.activeElement)\n    )\n      return;\n\n    if (\n      document.activeElement !== this.el &&\n      relTarget?.nodeName === NODE_NAME &&\n      this.dropdownOpen\n    ) {\n      this.mouseGate = true;\n      this.hideDropdown();\n    } else {\n      this.mouseGate = false;\n      setTimeout(() => {\n        this.dropdownOpen ? this.hideDropdown() : null;\n      }, 500);\n    }\n  };\n\n  private handleMouseEnter = (ev: MouseEvent) => {\n    const relTarget = ev.relatedTarget as HTMLElement | null;\n    document.addEventListener(\"keydown\", this.handleKeydown);\n\n    if (relTarget?.nodeName === NODE_NAME && this.mouseGate) {\n      this.showDropdown();\n    } else if (!this.dropdownOpen && !this.mouseGate) {\n      this.mouseGate = true;\n      setTimeout(() => {\n        if (this.mouseGate) this.showDropdown();\n      }, 500);\n    }\n  };\n\n  private renderGroupTitleText = () => (\n    <ic-typography\n      id=\"nav-group-title\"\n      variant={this.navigationType === \"side\" ? \"caption\" : \"label\"}\n    >\n      {this.label}\n    </ic-typography>\n  );\n\n  private renderNavigationItems = () => {\n    if (this.dropdownOpen || (this.inTopNavSideMenu && !this.expandable)) {\n      return (\n        <div\n          class={{\n            [this.inTopNavSideMenu\n              ? \"navigation-group-dropdown-side-menu\"\n              : \"navigation-group-dropdown\"]: true,\n            selected: this.dropdownOpen && !this.inTopNavSideMenu,\n          }}\n          onMouseLeave={\n            !this.inTopNavSideMenu ? this.handleMouseLeave : undefined\n          }\n          ref={(el) => (this.dropdown = el)}\n        >\n          <nav\n            class={{\n              \"navigation-group-dropdown-items\": !this.inTopNavSideMenu,\n            }}\n            aria-labelledby=\"nav-group-title\"\n          >\n            <ul>\n              <slot></slot>\n            </ul>\n          </nav>\n        </div>\n      );\n    }\n\n    if (this.navigationType !== \"top\") {\n      return (\n        <ul ref={(el) => (this.linkWrapper = el)} class=\"grouped-links-wrapper\">\n          <slot></slot>\n        </ul>\n      );\n    }\n\n    return null;\n  };\n\n  private setGroupedLinksElementHeight = (height: string | null) => {\n    this.linkWrapper?.style.setProperty(\n      \"--navigation-child-items-height\",\n      height\n    );\n  };\n\n  render() {\n    const {\n      dropdownOpen,\n      expanded,\n      inTopNavSideMenu,\n      expandable,\n      theme,\n      isSideNavExpanded,\n      focusStyle,\n    } = this;\n\n    const getExpandedClassSuffix = (prop: boolean) =>\n      prop ? \"expanded\" : \"collapsed\";\n\n    const navGroupTitleClassNames = {\n      \"navigation-group\": true,\n      [focusStyle]: !inTopNavSideMenu,\n      [`navigation-group-side-menu-${getExpandedClassSuffix(dropdownOpen)}`]:\n        inTopNavSideMenu && expandable,\n      selected: dropdownOpen && !inTopNavSideMenu,\n    };\n\n    const isSideNav = this.navigationType === \"side\";\n    const isTopNav = this.navigationType === \"top\";\n    const isTopNavDesktop = !inTopNavSideMenu && isTopNav;\n\n    const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);\n\n    return (\n      <Host\n        class={{\n          \"in-side-menu\": inTopNavSideMenu,\n          \"ic-navigation-group-expandable\": expandable,\n          \"ic-navigation-group-side-nav\": isSideNav,\n          [`ic-navigation-group-${getExpandedClassSuffix(expanded)}`]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        role=\"listitem\"\n      >\n        {expandable || isTopNavDesktop ? (\n          <button\n            onMouseEnter={isTopNavDesktop ? this.handleMouseEnter : undefined}\n            onMouseLeave={isTopNav ? this.handleMouseLeave : undefined}\n            onBlur={this.handleBlur}\n            onClick={this.handleClick}\n            onKeyDown={this.handleKeydown}\n            class={navGroupTitleClassNames}\n            ref={(el) => (this.groupEl = el)}\n            aria-expanded={`${ariaExpanded}`}\n            aria-haspopup={`${isTopNavDesktop}`}\n          >\n            {this.renderGroupTitleText()}\n            {isSideNav && expandable && (\n              <div\n                class={{\n                  \"chevron-toggle-icon-wrapper\": true,\n                  \"chevron-toggle-icon-closed\": expanded,\n                }}\n                innerHTML={chevronIcon}\n              ></div>\n            )}\n          </button>\n        ) : (\n          (!isSideNav || isSideNavExpanded) && (\n            <div class={navGroupTitleClassNames}>\n              {this.renderGroupTitleText()}\n            </div>\n          )\n        )}\n        {this.renderNavigationItems()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as e,f as a,H as n,g as o}from"./p-8e4e97b4.js";import{A as s,D as r,g as d,e as l,z as c}from"./p-8242c24f.js";import{C as v}from"./p-3b185c32.js";import{O as h}from"./p-426ec638.js";const g='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:"";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(svg),:host(.navigation-item-side-menu) ::slotted(svg),:host(.navigation-item-page-header) ::slotted(svg){fill:var(--ic-color-text-primary)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)),:host(.navigation-item-side-menu) ::slotted(a:active:not(:focus)){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:"";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important;margin-right:var(--ic-space-xs)}.inline-badge{margin-left:var(--ic-space-xs)}.badge{margin-left:0}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .icon>::slotted(*){margin-right:0}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:"";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:" " !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}';const m=g;const p=class{constructor(n){i(this,n);this.childBlur=t(this,"childBlur",7);this.navItemClicked=t(this,"navItemClicked",7);this.isInitialRender=true;this.hostMutationObserver=null;this.ANIMATION_DURATION=parseInt(s("--ic-transition-duration-slow"))||0;this.ARIA_LABEL_STRING="aria-label";this.isInSideNav=false;this.deviceSize=r.XL;this.focusStyle=d();this.inTopNavSideMenu=false;this.isSideNavMobile=false;this.isTopNavChild=false;this.sideNavExpanded=false;this.ariaLabel="";this.collapsedIconLabel=false;this.displayNavigationTooltip=false;this.download=false;this.expandable=false;this.href="";this.selected=false;this.theme="inherit";this.displayDefaultNavigationItem=(i,t,a,n,o,s,r)=>{const d=this.isTopNavChild||this.inTopNavSideMenu?"body":"label";const l=this.expandable&&e("div",{class:{svg:true},innerHTML:v});const c=this.el.querySelector('[slot="badge"]');const g=c&&e("div",{class:c.getAttribute("position")==="inline"||this.inTopNavSideMenu?"inline-badge":"badge"},e("slot",{name:"badge"}));const m=this.el.querySelector('[slot="icon"]')&&e("div",{class:"icon"},e("slot",{name:"icon"}),this.isInSideNav&&g);return i!==""?e("a",{href:i,target:n,rel:o,hreflang:a,referrerPolicy:s,download:r!==false?r:null,class:"link",ref:i=>this.itemEl=i,part:"link","aria-label":this.ariaLabel?this.ariaLabel:null},m,e("ic-typography",{variant:d},t),n==="_blank"&&e("span",{class:"open-in-new-icon",innerHTML:h}),g,e("div",{class:"chevron-container"},l)):e("div",{tabindex:"0",class:"link",ref:i=>this.itemEl=i},m,e("ic-typography",{variant:d},t),l,g)};this.topNavResizedHandler=({detail:i})=>{var t;const{size:e}=i;if(e!==this.deviceSize){this.deviceSize=e;this.inTopNavSideMenu=e<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||r.L)}};this.sideNavExpandHandler=({detail:i})=>{const{sideNavExpanded:t,sideNavMobile:e}=i;this.sideNavExpanded=t;this.isSideNavMobile=e;this.sideNavToggleTooltip(!t&&!e)};this.handleBlur=({relatedTarget:i})=>{if(i===null||i.tagName!=="IC-NAVIGATION-ITEM"){this.childBlur.emit()}};this.handleClick=i=>{if(i.type==="click"||i.type==="keydown"&&(i.key==="Enter"||i.key===" ")){this.navItemClicked.emit()}};this.hostMutationCallback=i=>{let t=false;i.forEach((({attributeName:i})=>{if(i){const e=this.el.getAttribute(i);if(e&&i===this.ARIA_LABEL_STRING){this.ariaLabel=e;t=true}}}));if(t){a(this)}};this.generateTooltipLabel=()=>{var i;if(this.label){return this.label}if(this.navigationSlot){return this.navigationSlot.textContent||""}return((i=this.el.children[0])===null||i===void 0?void 0:i.textContent)||""};this.renderNavigationItemContent=()=>{if(!this.label&&!this.navigationSlot)return e("slot",null);return this.label?this.displayDefaultNavigationItem(this.href,this.label,this.hreflang,this.target,this.rel,this.referrerpolicy,this.download):e("slot",{name:"navigation-item"})};this.sideNavToggleTooltip=i=>{var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-tooltip");const a="tooltip-navigation-item-side-nav-collapsed";let n;if(!e)return;if(i){e.displayTooltip(false);n=setTimeout((()=>{e.classList.add(a)}),this.ANIMATION_DURATION)}else{clearTimeout(n);e.classList.remove(a)}}}navigationTypeChangeHandler(){this.isInSideNav=this.navigationType==="side"}disconnectedCallback(){var i,t,e;if(this.isInSideNav){(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icTopNavResized",this.topNavResizedHandler)}(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){var i,t,e,a,n,o;const{navType:s,parent:r}=c(this.el);this.navigationType=s;this.isInSideNav=this.navigationType==="side";this.parentEl=r;this.deviceSize=l();this.sideNavExpanded=((i=this.parentEl)===null||i===void 0?void 0:i.classList.contains("sm-expanded"))||((t=this.parentEl)===null||t===void 0?void 0:t.classList.contains("xs-menu-open"))||false;if(this.isInSideNav){(e=this.parentEl)===null||e===void 0?void 0:e.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(a=this.parentEl)===null||a===void 0?void 0:a.addEventListener("icTopNavResized",this.topNavResizedHandler);if(((n=this.el.parentElement)===null||n===void 0?void 0:n.tagName)==="IC-NAVIGATION-GROUP")this.isTopNavChild=true;if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}this.navigationSlot=this.el.querySelector('[slot="navigation-item"]');if(this.navigationSlot){this.navigationSlot.ariaLabel=((o=this.navigationSlot.textContent)===null||o===void 0?void 0:o.trim())||null}if(this.el.hasAttribute(this.ARIA_LABEL_STRING)){this.ariaLabel=this.el.getAttribute(this.ARIA_LABEL_STRING)||""}}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentDidUpdate(){this.isInitialRender=false}brandChangeHandler({detail:i}){this.focusStyle=i.mode}async setFocus(){var i;this.itemEl?this.itemEl.focus():(i=this.el.querySelector("a"))===null||i===void 0?void 0:i.focus()}render(){const{inTopNavSideMenu:i,isTopNavChild:t,selected:a,navigationType:o,focusStyle:s,isInitialRender:r,sideNavExpanded:d,displayNavigationTooltip:l,collapsedIconLabel:c,isSideNavMobile:v,expandable:h,isInSideNav:g,theme:m}=this;const p=t&&!i;return e(n,{key:"a46e99d4929b5257bd6b1fecabfae154e896d1a6",class:{"navigation-item":true,"navigation-item-selected":!t&&a,"navigation-item-top-nav":!i&&o==="top","navigation-item-top-nav-child":p,"navigation-item-top-nav-child-selected":p&&a,"navigation-item-side-menu":i,"navigation-item-side-menu-selected":i&&a,"navigation-item-page-header":o==="page-header","navigation-item-side-nav":g,"navigation-item-side-nav-collapsed":(!d||l)&&g,"navigation-item-side-nav-collapsed-with-label":!d&&g&&c&&!v,"with-transition":!r,expandable:h,[s]:t?g:!i,[`ic-theme-${m}`]:m!=="inherit"},onBlur:p?this.handleBlur:null,onClick:this.handleClick,onKeyDown:this.handleClick,"aria-current":a?"page":null,role:"listitem"},e("ic-tooltip",{key:"ace34ef496173488d3957ef6e09e7dd6b8804ca1",label:this.generateTooltipLabel(),target:"navigation-item",placement:"right",class:{"tooltip-navigation-item":true,"tooltip-navigation-item-side-nav-collapsed":l&&g,"tooltip-long-label-navigation-item-side-nav-expanded":this.el.hasAttribute("[display-navigation-tooltip = 'true']")}},this.renderNavigationItemContent()))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{navigationType:["navigationTypeChangeHandler"]}}};p.style=m;export{p as ic_navigation_item};
-//# sourceMappingURL=p-bdcc79dd.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icNavigationItemCss","IcNavigationItemStyle0","NavigationItem","constructor","hostRef","this","isInitialRender","hostMutationObserver","ANIMATION_DURATION","parseInt","getCssProperty","ARIA_LABEL_STRING","isInSideNav","deviceSize","DEVICE_SIZES","XL","focusStyle","getBrandForegroundAppearance","inTopNavSideMenu","isSideNavMobile","isTopNavChild","sideNavExpanded","ariaLabel","collapsedIconLabel","displayNavigationTooltip","download","expandable","href","selected","theme","displayDefaultNavigationItem","label","hreflang","target","rel","referrerpolicy","variant","ChevronIconComponent","h","class","svg","innerHTML","chevronIcon","slottedBadgeEl","el","querySelector","BadgeComponent","getAttribute","name","IconComponent","referrerPolicy","ref","itemEl","part","OpenInNew","tabindex","topNavResizedHandler","detail","size","_a","parentEl","customMobileBreakpoint","L","sideNavExpandHandler","sideNavMobile","sideNavToggleTooltip","handleBlur","relatedTarget","tagName","childBlur","emit","handleClick","event","type","key","navItemClicked","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","forceUpdate","generateTooltipLabel","navigationSlot","textContent","children","renderNavigationItemContent","showTooltip","tooltip","shadowRoot","collapsedClass","timer","displayTooltip","setTimeout","classList","add","clearTimeout","remove","navigationTypeChangeHandler","navigationType","disconnectedCallback","removeEventListener","_b","_c","disconnect","componentWillLoad","navType","parent","getNavItemParentDetails","getCurrentDeviceSize","contains","addEventListener","_d","_e","parentElement","_f","trim","hasAttribute","componentDidLoad","MutationObserver","observe","attributes","componentDidUpdate","brandChangeHandler","mode","setFocus","focus","render","isTopNavChildDesktop","Host","onBlur","onClick","onKeyDown","role","placement"],"sources":["src/components/ic-navigation-item/ic-navigation-item.css?tag=ic-navigation-item&encapsulation=shadow","src/components/ic-navigation-item/ic-navigation-item.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-navigation-item: z-index of navigation item\n */\n\n:host {\n  display: block;\n\n  --navigation-link-colour: var(--ic-brand-text-color);\n}\n\n:host(:focus-within) {\n  z-index: var(--ic-z-index-navigation-item);\n}\n\n/* chevron */\nsvg {\n  width: var(--ic-space-xl);\n  fill: var(--ic-brand-text-color);\n}\n\n.svg {\n  margin-left: auto;\n}\n\n.chevron-container svg,\n.chevron-container .svg {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n.chevron-container {\n  flex-grow: 1;\n}\n\n:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a) {\n  padding-right: 0;\n}\n\n:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a) {\n  height: calc(100% - var(--ic-space-xxs));\n  width: fit-content;\n  color: var(--navigation-link-colour);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md) var(--ic-space-xxs);\n  text-decoration: none;\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  white-space: nowrap;\n}\n\n:host(.navigation-item) ::slotted(a) {\n  height: 100%;\n  font: var(--ic-font-label) !important;\n  letter-spacing: var(--ic-font-letter-spacing-0pt025) !important;\n  padding: 0 var(--ic-space-md) !important;\n}\n\n:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after {\n  content: \"\";\n  height: 0.25rem;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  background-color: var(--ic-top-navigation-theme);\n}\n\n:host(.navigation-item-selected.navigation-item-page-header)\n  ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after {\n  content: none;\n}\n\n:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active) {\n  box-shadow: none;\n}\n\n:host(.navigation-item) .link:hover:not(:focus) {\n  background-color: var(--ic-brand-hover);\n  cursor: pointer;\n}\n\n:host(.navigation-item:not(.navigation-item-top-nav-child, .navigation-item-side-menu, .navigation-item-top-nav-child-selected\n      .navigation-item-side-menu-selected))\n  .focus-indicator:focus-within {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n  outline-offset: calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2));\n}\n\n:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n  outline-offset: calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2));\n}\n\n:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus)) {\n  background-color: var(--ic-brand-active);\n}\n\n:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a) {\n  min-height: 2.5rem;\n  height: auto;\n  width: 100%;\n  box-sizing: border-box;\n  color: var(--ic-top-navigation-nav-item);\n\n  --ic-typography-color: var(--ic-top-navigation-nav-item);\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  text-decoration: none;\n  text-wrap: wrap;\n  white-space: normal;\n  transition: box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(svg),\n:host(.navigation-item-side-menu) ::slotted(svg),\n:host(.navigation-item-page-header) ::slotted(svg) {\n  fill: var(--ic-color-text-primary);\n}\n\n:host(.navigation-item-side-menu) ::slotted(a) {\n  font: var(--ic-font-body) !important;\n  letter-spacing: var(--ic-font-letter-spacing-0pt005) !important;\n  transition: box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);\n}\n\n:host(.navigation-item-side-menu) .link:hover:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-item-hover);\n}\n\n:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)) {\n  background-color: var(--ic-top-navigation-nav-item-hover) !important;\n}\n\n:host(.navigation-item-side-menu) .focus-indicator:focus-within {\n  box-shadow: none;\n}\n\n:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus-inset) !important;\n  width: auto;\n  border-radius: var(--ic-border-radius-inset) !important;\n}\n\n:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a) {\n  transition: box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow);\n}\n\n:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus) {\n  margin-left: var(--ic-space-xs) !important;\n  padding-left: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a) {\n  height: 2.5rem;\n  width: fit-content;\n  min-width: 9.063rem;\n  color: var(--ic-top-navigation-nav-item);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 0 var(--ic-space-md) !important;\n  text-decoration: none;\n  position: relative;\n  transition: box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a) {\n  font: var(--ic-font-body) !important;\n  letter-spacing: var(--ic-font-letter-spacing-0pt005) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link:hover:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:hover:not(:focus)) {\n  background-color: var(--ic-top-navigation-nav-item-hover) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus) {\n  z-index: 1;\n  outline: var(--ic-hc-focus-outline);\n  border-radius: var(--ic-border-radius-inset);\n  box-shadow: var(--ic-border-focus-inset);\n  transition: border-radius 0s, box-shadow var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n:host(.navigation-item-side-menu) .link:active:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-item-pressed);\n}\n\n:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)) {\n  outline: var(--ic-hc-focus-outline);\n  background-color: var(--ic-top-navigation-nav-item-pressed);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)),\n:host(.navigation-item-side-menu) ::slotted(a:active:not(:focus)) {\n  background-color: var(--ic-top-navigation-nav-item-pressed) !important;\n}\n\n:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active) {\n  font-weight: 700 !important;\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  width: var(--ic-space-xs);\n  height: inherit;\n  min-height: 2.5rem;\n  background-color: var(--ic-top-navigation-nav-item-banner);\n  transition: left 0s;\n}\n\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before {\n  margin-top: var(--ic-space-xxs);\n}\n\n:host(.navigation-item-top-nav-child-selected) .link:focus {\n  margin-left: var(--ic-space-xs);\n  margin-right: calc(-1 * var(--ic-space-xs));\n  padding-left: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-top-nav-child-selected) .link:focus::before {\n  left: calc(-1 * var(--ic-space-xs));\n  z-index: 1;\n}\n\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before {\n  z-index: 1;\n}\n\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before {\n  left: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.navigation-item-side-menu-selected) .link::after {\n  display: none;\n}\n\n:host(.navigation-item-side-nav-collapsed) .link {\n  height: 100%;\n}\n\n:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg) {\n  margin: auto;\n  pointer-events: none;\n}\n\n:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography {\n  align-items: center;\n  padding: 0;\n  margin: auto 0;\n  width: fit-content;\n  pointer-events: none;\n}\n\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 100%;\n  text-align: center;\n}\n\n:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a) {\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  padding: var(--ic-space-xs) !important;\n  gap: var(--ic-space-xxs);\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  height: auto !important;\n  gap: 0;\n  width: auto;\n  padding: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  display: block;\n  text-align: center;\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link\n  ic-typography {\n  opacity: 1;\n  min-width: min-content;\n}\n\n:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg {\n  display: none;\n}\n\n::slotted(svg) {\n  fill: var(--ic-brand-text-color);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-left: var(--ic-space-md);\n}\n\n.icon {\n  height: 1.5rem;\n  width: var(--ic-space-xxl);\n  margin-left: calc(-1 * var(--ic-space-md));\n  flex: 0 1 0%;\n  position: relative;\n}\n\n.icon > ::slotted(*) {\n  margin-left: var(--ic-space-md) !important;\n  margin-right: var(--ic-space-xs);\n}\n\n.inline-badge {\n  margin-left: var(--ic-space-xs);\n}\n\n.badge {\n  margin-left: 0;\n}\n\n:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*) {\n  margin: auto !important;\n}\n\n:host(.navigation-item-side-nav) .icon > ::slotted(*) {\n  margin-right: 0;\n}\n\n:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a) {\n  height: var(--navigation-item-height, 4rem);\n  min-height: var(--navigation-item-min-height);\n  width: var(--navigation-item-width, auto);\n  justify-content: var(--navigation-item-justify-content);\n  display: flex;\n  gap: var(--ic-space-xs);\n  box-sizing: border-box;\n  color: var(--navigation-item-child-color) !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  padding: 0 var(--ic-space-md);\n  text-wrap: wrap;\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a) {\n  height: var(--navigation-item-child-height);\n  width: var(--navigation-group-width);\n  color: var(--navigation-item-child-color) !important;\n  display: flex;\n  gap: 0.625rem;\n  box-sizing: border-box;\n  min-width: 0;\n  transition: box-shadow var(--ic-easing-transition-fast);\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus-dark);\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active {\n  background-color: var(--navigation-item-child-active);\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  ::slotted(a:active) {\n  background-color: var(--navigation-item-child-active);\n}\n\n:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  a.link\n  ic-typography,\n:host(.navigation-item-side-nav) div.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n  div.link\n  ic-typography,\n.navigation-item-side-nav-slotted-text {\n  opacity: var(--navigation-item-label-opacity);\n  transition: opacity var(--ic-easing-transition-slow);\n  white-space: wrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active) {\n  box-shadow: inset 0.313rem 0 0 var(--ic-brand-text-color);\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  inset: 0 0 0 0.313rem;\n  border-radius: 0.688rem !important;\n  transition: var(--ic-easing-transition-slow);\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before {\n  box-shadow: var(--ic-border-focus-inset);\n}\n\n:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n  .link {\n  opacity: var(--navigation-item-label-opacity);\n  height: auto;\n}\n\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n  .link,\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  min-width: var(--navigation-group-item-min-width);\n  padding: var(--ic-space-xs) !important;\n  height: auto;\n  gap: 0;\n}\n\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n  ::slotted(a) {\n  display: block;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after {\n  display: none;\n}\n\n:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background-color: transparent;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus) {\n  margin: 0 auto;\n  box-shadow: inset 0.313rem 0 0 var(--ic-brand-text-color);\n  border-radius: 0;\n}\n\n:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus) {\n  background-color: var(--ic-brand-hover) !important;\n}\n\n:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a) {\n  height: 2.5rem !important;\n  color: var(--ic-color-text-primary) !important;\n  transition: all var(--ic-easing-transition-fast) !important;\n  box-shadow: rgba(23 89 188 / 0%) !important;\n}\n\n:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after {\n  content: \" \" !important;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: var(--ic-space-xxs);\n  background-color: var(--ic-action-default) !important;\n}\n\n:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus) {\n  background-color: var(--ic-action-default-bg-hover) !important;\n  cursor: pointer;\n}\n\n:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus);\n}\n\n:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active) {\n  background-color: var(--ic-action-default-bg-pressed) !important;\n}\n\n:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after {\n  border-bottom-left-radius: var(--ic-border-radius);\n  border-bottom-right-radius: var(--ic-border-radius);\n}\n\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n  ::slotted(a.active) {\n  transition: all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n  .link:focus::before {\n  display: none;\n}\n\n.open-in-new-icon {\n  flex: 1;\n}\n\n.open-in-new-icon svg {\n  margin-top: var(--ic-space-xxs);\n  padding-left: var(--ic-space-xs);\n}\n\n:host(.navigation-item-side-nav) .open-in-new-icon {\n  margin-left: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg {\n  height: 0.875rem;\n  width: 0.875rem;\n}\n\n:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg {\n  fill: var(--ic-color-text-primary);\n}\n\n@media (forced-colors: active) {\n  .open-in-new-icon svg {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  Listen,\n  Method,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\n\nimport {\n  DEVICE_SIZES,\n  getCssProperty,\n  getCurrentDeviceSize,\n  getBrandForegroundAppearance,\n  getNavItemParentDetails,\n} from \"../../utils/helpers\";\nimport {\n  IcNavType,\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundNoDefault,\n  IcThemeMode,\n} from \"../../utils/types\";\n\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\n\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport { IcExpandedDetail } from \"../ic-side-navigation/ic-side-navigation.types\";\n\n/**\n * @part link - The `<a>` within ic-navigation-item\n * @slot badge - Badge component overlaying the top right of the icon.\n * @slot icon - Content will be displayed to the left of the label for expanded navigation items, and in replacement of the label for collapsed navigation items.\n */\n\n@Component({\n  tag: \"ic-navigation-item\",\n  styleUrl: \"ic-navigation-item.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class NavigationItem {\n  private navigationSlot: HTMLElement | null;\n  private isInitialRender = true;\n  private itemEl?: HTMLElement;\n  private hostMutationObserver: MutationObserver | null = null;\n  private ANIMATION_DURATION =\n    parseInt(getCssProperty(\"--ic-transition-duration-slow\")) || 0;\n  private ARIA_LABEL_STRING = \"aria-label\";\n  private isInSideNav = false;\n\n  @Element() el: HTMLIcNavigationItemElement;\n\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() focusStyle: IcBrandForegroundNoDefault | IcBrandForeground =\n    getBrandForegroundAppearance();\n  @State() inTopNavSideMenu = false;\n  @State() isSideNavMobile = false;\n  @State() isTopNavChild = false;\n\n  @State() navigationType: IcNavType | \"\";\n  @Watch(\"navigationType\")\n  navigationTypeChangeHandler(): void {\n    this.isInSideNav = this.navigationType === \"side\";\n  }\n\n  @State() parentEl: HTMLElement | null;\n  @State() sideNavExpanded = false;\n  @State() ariaLabel = \"\";\n\n  /**\n   * @internal If `true`, the icon and label will be displayed when side navigation is collapsed.\n   */\n  @Prop() collapsedIconLabel = false;\n\n  /**\n   * @internal If `true`, the navigation item will be displayed within a tooltip.\n   */\n  @Prop() displayNavigationTooltip = false;\n\n  /**\n   * If `true`, the user can save the linked URL instead of navigating to it.\n   */\n  @Prop() download: string | boolean = false;\n\n  /**\n   *  @internal If `true`, the navigation item will be expandable.\n   */\n  @Prop() expandable = false;\n\n  /**\n   * The destination of the navigation item.\n   */\n  @Prop() href = \"\";\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string;\n\n  /**\n   * The label of the navigation item.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   *  If `true`, the navigation item will be set in a selected state.\n   */\n  @Prop() selected = false;\n\n  /**\n   *  The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\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  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * @internal - Emitted when item loses focus.\n   */\n  @Event() childBlur: EventEmitter<void>;\n\n  /**\n   * @internal - Emitted when navigation item clicked.\n   */\n  @Event() navItemClicked: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    if (this.isInSideNav) {\n      this.parentEl?.removeEventListener(\n        \"icSideNavExpanded\",\n        this.sideNavExpandHandler as EventListener\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl?.removeEventListener(\n        \"icTopNavResized\",\n        this.topNavResizedHandler as EventListener\n      );\n    }\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    const { navType, parent } = getNavItemParentDetails(this.el);\n    this.navigationType = navType;\n    this.isInSideNav = this.navigationType === \"side\";\n    this.parentEl = parent;\n    this.deviceSize = getCurrentDeviceSize();\n\n    this.sideNavExpanded =\n      this.parentEl?.classList.contains(\"sm-expanded\") ||\n      this.parentEl?.classList.contains(\"xs-menu-open\") ||\n      false;\n\n    if (this.isInSideNav) {\n      this.parentEl?.addEventListener(\n        \"icSideNavExpanded\",\n        this.sideNavExpandHandler as EventListener\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl?.addEventListener(\n        \"icTopNavResized\",\n        this.topNavResizedHandler as EventListener\n      );\n      if (this.el.parentElement?.tagName === \"IC-NAVIGATION-GROUP\")\n        this.isTopNavChild = true;\n      if (\n        this.deviceSize <=\n        (this.parentEl as HTMLIcTopNavigationElement).customMobileBreakpoint\n      )\n        this.inTopNavSideMenu = true;\n    }\n\n    this.navigationSlot = this.el.querySelector('[slot=\"navigation-item\"]');\n    if (this.navigationSlot) {\n      this.navigationSlot.ariaLabel =\n        this.navigationSlot.textContent?.trim() || null;\n    }\n\n    if (this.el.hasAttribute(this.ARIA_LABEL_STRING)) {\n      this.ariaLabel = this.el.getAttribute(this.ARIA_LABEL_STRING) || \"\";\n    }\n  }\n\n  componentDidLoad(): void {\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      attributes: true,\n    });\n  }\n\n  componentDidUpdate(): void {\n    this.isInitialRender = false;\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n    this.focusStyle = detail.mode;\n  }\n\n  /**\n   * Sets focus on the nav item.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.itemEl ? this.itemEl.focus() : this.el.querySelector(\"a\")?.focus();\n  }\n\n  private displayDefaultNavigationItem = (\n    href: string,\n    label: string,\n    hreflang?: string,\n    target?: string,\n    rel?: string,\n    referrerpolicy?: ReferrerPolicy,\n    download?: string | boolean\n  ) => {\n    const variant =\n      this.isTopNavChild || this.inTopNavSideMenu ? \"body\" : \"label\";\n    const ChevronIconComponent = this.expandable && (\n      <div class={{ svg: true }} innerHTML={chevronIcon}></div>\n    );\n    const slottedBadgeEl = this.el.querySelector('[slot=\"badge\"]');\n    const BadgeComponent = slottedBadgeEl && (\n      <div\n        class={\n          slottedBadgeEl.getAttribute(\"position\") === \"inline\" ||\n          this.inTopNavSideMenu\n            ? \"inline-badge\"\n            : \"badge\"\n        }\n      >\n        <slot name=\"badge\"></slot>\n      </div>\n    );\n    const IconComponent = this.el.querySelector('[slot=\"icon\"]') && (\n      <div class=\"icon\">\n        <slot name=\"icon\"></slot>\n        {this.isInSideNav && BadgeComponent}\n      </div>\n    );\n\n    return href !== \"\" ? (\n      <a\n        href={href}\n        target={target}\n        rel={rel}\n        hreflang={hreflang}\n        referrerPolicy={referrerpolicy}\n        download={download !== false ? download : null}\n        class=\"link\"\n        ref={(el) => (this.itemEl = el)}\n        part=\"link\"\n        aria-label={this.ariaLabel ? this.ariaLabel : null}\n      >\n        {IconComponent}\n        <ic-typography variant={variant}>{label}</ic-typography>\n        {target === \"_blank\" && (\n          <span class=\"open-in-new-icon\" innerHTML={OpenInNew} />\n        )}\n        {BadgeComponent}\n        <div class=\"chevron-container\">{ChevronIconComponent}</div>\n      </a>\n    ) : (\n      <div tabindex=\"0\" class=\"link\" ref={(el) => (this.itemEl = el)}>\n        {IconComponent}\n        <ic-typography variant={variant}>{label}</ic-typography>\n        {ChevronIconComponent}\n        {BadgeComponent}\n      </div>\n    );\n  };\n\n  private topNavResizedHandler = ({\n    detail,\n  }: CustomEvent<{ size: number }>) => {\n    const { size } = detail;\n    if (size !== this.deviceSize) {\n      this.deviceSize = size;\n      this.inTopNavSideMenu =\n        size <=\n        ((this.parentEl as HTMLIcTopNavigationElement)\n          ?.customMobileBreakpoint || DEVICE_SIZES.L);\n    }\n  };\n\n  private sideNavExpandHandler = ({\n    detail,\n  }: CustomEvent<IcExpandedDetail>) => {\n    const { sideNavExpanded, sideNavMobile } = detail;\n    this.sideNavExpanded = sideNavExpanded;\n    this.isSideNavMobile = sideNavMobile;\n    this.sideNavToggleTooltip(!sideNavExpanded && !sideNavMobile);\n  };\n\n  private handleBlur = ({ relatedTarget }: FocusEvent) => {\n    if (\n      relatedTarget === null ||\n      (relatedTarget as HTMLElement).tagName !== \"IC-NAVIGATION-ITEM\"\n    ) {\n      this.childBlur.emit();\n    }\n  };\n\n  private handleClick = (event: MouseEvent | KeyboardEvent) => {\n    if (\n      event.type === \"click\" ||\n      (event.type === \"keydown\" &&\n        ((event as KeyboardEvent).key === \"Enter\" ||\n          (event as KeyboardEvent).key === \" \"))\n    ) {\n      this.navItemClicked.emit();\n    }\n  };\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]) => {\n    let forceComponentUpdate = false;\n    mutationList.forEach(({ attributeName }) => {\n      if (attributeName) {\n        const attribute = this.el.getAttribute(attributeName);\n        if (attribute && attributeName === this.ARIA_LABEL_STRING) {\n          this.ariaLabel = attribute;\n          forceComponentUpdate = true;\n        }\n      }\n    });\n    if (forceComponentUpdate) {\n      forceUpdate(this);\n    }\n  };\n\n  private generateTooltipLabel = () => {\n    if (this.label) {\n      return this.label;\n    }\n\n    if (this.navigationSlot) {\n      return this.navigationSlot.textContent || \"\";\n    }\n\n    return this.el.children[0]?.textContent || \"\";\n  };\n\n  private renderNavigationItemContent = () => {\n    if (!this.label && !this.navigationSlot) return <slot></slot>;\n\n    return this.label ? (\n      this.displayDefaultNavigationItem(\n        this.href,\n        this.label,\n        this.hreflang,\n        this.target,\n        this.rel,\n        this.referrerpolicy,\n        this.download\n      )\n    ) : (\n      <slot name=\"navigation-item\"></slot>\n    );\n  };\n\n  // Displays tooltip only once the collapsing animation is finished\n  private sideNavToggleTooltip = (showTooltip: boolean) => {\n    const tooltip = this.el.shadowRoot?.querySelector(\"ic-tooltip\");\n    const collapsedClass = \"tooltip-navigation-item-side-nav-collapsed\";\n    let timer;\n\n    if (!tooltip) return;\n\n    if (showTooltip) {\n      tooltip.displayTooltip(false); // Hides tooltip for when mouse is hovering over icon\n      timer = setTimeout(() => {\n        tooltip.classList.add(collapsedClass);\n      }, this.ANIMATION_DURATION);\n    } else {\n      clearTimeout(timer);\n      tooltip.classList.remove(collapsedClass);\n    }\n  };\n\n  render() {\n    const {\n      inTopNavSideMenu,\n      isTopNavChild,\n      selected,\n      navigationType,\n      focusStyle,\n      isInitialRender,\n      sideNavExpanded,\n      displayNavigationTooltip,\n      collapsedIconLabel,\n      isSideNavMobile,\n      expandable,\n      isInSideNav,\n      theme,\n    } = this;\n\n    const isTopNavChildDesktop = isTopNavChild && !inTopNavSideMenu;\n\n    return (\n      <Host\n        class={{\n          \"navigation-item\": true,\n          \"navigation-item-selected\": !isTopNavChild && selected,\n          \"navigation-item-top-nav\":\n            !inTopNavSideMenu && navigationType === \"top\",\n          \"navigation-item-top-nav-child\": isTopNavChildDesktop,\n          \"navigation-item-top-nav-child-selected\":\n            isTopNavChildDesktop && selected,\n          \"navigation-item-side-menu\": inTopNavSideMenu,\n          \"navigation-item-side-menu-selected\": inTopNavSideMenu && selected,\n          \"navigation-item-page-header\": navigationType === \"page-header\",\n          \"navigation-item-side-nav\": isInSideNav,\n          \"navigation-item-side-nav-collapsed\":\n            (!sideNavExpanded || displayNavigationTooltip) && isInSideNav,\n          \"navigation-item-side-nav-collapsed-with-label\":\n            !sideNavExpanded &&\n            isInSideNav &&\n            collapsedIconLabel &&\n            !isSideNavMobile,\n          \"with-transition\": !isInitialRender,\n          expandable,\n          [focusStyle]: isTopNavChild ? isInSideNav : !inTopNavSideMenu,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        onBlur={isTopNavChildDesktop ? this.handleBlur : null}\n        onClick={this.handleClick}\n        onKeyDown={this.handleClick}\n        aria-current={selected ? \"page\" : null}\n        role=\"listitem\"\n      >\n        {/* Tooltip enabled by applying navigation-item-side-nav-collapsed class to host */}\n        <ic-tooltip\n          label={this.generateTooltipLabel()}\n          target=\"navigation-item\"\n          placement=\"right\"\n          class={{\n            \"tooltip-navigation-item\": true,\n            \"tooltip-navigation-item-side-nav-collapsed\":\n              displayNavigationTooltip && isInSideNav,\n            \"tooltip-long-label-navigation-item-side-nav-expanded\":\n              this.el.hasAttribute(\"[display-navigation-tooltip = 'true']\"),\n          }}\n        >\n          {this.renderNavigationItemContent()}\n        </ic-tooltip>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as a}from"./p-8e4e97b4.js";import{t as o,r as n,f as r,b as l,q as h}from"./p-8242c24f.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-radio-button-input-field-label);--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-radio-button-state-text);--ic-input-validation-error:var(--ic-radio-button-state-icon-error)}ic-input-label.error{--ic-input-label-text-color:var(--ic-radio-button-input-field-label-error)}ic-input-label.disabled{--ic-input-label-text-color:var(\n    --ic-radio-button-input-field-label-disabled\n  );--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle-disabled\n  )}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}:host .radio-buttons-container{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}:host(.ic-radio-group-small) .radio-buttons-container{gap:var(--ic-space-xxxs)}:host .radio-buttons-container.horizontal{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-radio-group-small) .radio-buttons-container.horizontal{gap:var(--ic-space-xl)}';const c=d;const p=class{constructor(e){t(this,e);this.icChange=i(this,"icChange",7);this.resizeObserver=null;this.ADDITIONAL_FIELD="additional-field";this.RADIO_HORIZONTAL="horizontal";this.RADIO_VERTICAL="vertical";this.checkedValue="";this.selectedChild=-1;this.disabled=false;this.hideLabel=false;this.orientation="vertical";this.required=false;this.size="medium";this.validationStatus="";this.validationText="";this.theme="inherit";this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOrientation()}));this.resizeObserver.observe(this.el)};this.handleKeyDown=t=>{const i=Array.from(this.el.querySelectorAll('ic-text-field[slot="additional-field"]'));const e=document.activeElement;if(i.length>0&&this.radioOptions.map((t=>o(t,this.ADDITIONAL_FIELD)))&&i.map((t=>t==e))){return}t.stopPropagation();switch(t.key){case"ArrowDown":case"ArrowRight":this.radioOptions[this.getNextItemToSelect(this.selectedChild,true)].click();t.preventDefault();break;case"ArrowUp":case"ArrowLeft":this.radioOptions[this.getNextItemToSelect(this.selectedChild,false)].click();t.preventDefault()}};this.getNextItemToSelect=(t,i)=>{const e=this.radioOptions.length-1;if(t<1){t=0}let s=i?t+1:t-1;if(s<0){s=e}else if(s>e){s=0}if(this.radioOptions[s].disabled){s=this.getNextItemToSelect(s,i)}return s};this.addSlotChangeListener=()=>{var t;(t=this.radioContainer)===null||t===void 0?void 0:t.addEventListener("slotchange",this.setRadioOptions)};this.setFirstRadioOptionTabIndex=t=>{this.radioOptions[0].setTabIndex(t)};this.setRadioOptions=()=>{this.selectedChild=-1;this.checkedValue="";this.radioOptions=Array.from(this.el.children).filter((t=>t.tagName==="IC-RADIO-OPTION"));if(this.radioOptions.length>0){this.radioOptions.forEach(((t,i)=>{if(!t.selected){t.selected=this.checkedValue===t.value}t.name=this.name;t.groupLabel=this.label;if(t.selected){this.selectedChild=i;this.checkedValue=t.value}if(this.disabled){t.disabled=true}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0);if(this.initialOrientation===this.RADIO_HORIZONTAL&&this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}}}}watchDisabledHandler(t){this.radioOptions.forEach((i=>i.disabled=t));n(this.disabled,this.el)}orientationChangeHandler(){this.initialOrientation=this.orientation;this.checkOrientation()}watchThemeHandler(t){this.radioOptions.forEach((i=>i.theme=t))}disconnectedCallback(){var t,i;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.radioContainer)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.setRadioOptions)}componentWillLoad(){n(this.disabled,this.el);this.orientationChangeHandler();this.currentOrientation=this.initialOrientation}componentDidLoad(){this.setRadioOptions();r(this.runResizeObserver);this.addSlotChangeListener();l([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Radio Group");this.watchThemeHandler(this.theme)}selectHandler({detail:t,target:i}){var e;const s=i;if(s.parentElement===this.el){this.checkedValue=t.value;this.icChange.emit({value:this.checkedValue,selectedOption:{radio:s,textFieldValue:(e=s===null||s===void 0?void 0:s.querySelector("ic-text-field"))===null||e===void 0?void 0:e.value}});if(this.radioOptions!==undefined){this.radioOptions.forEach(((t,i)=>{t.selected=s===t;if(t.selected){this.selectedChild=i}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0)}}}changeHandler(){var t;const i=(t=this.radioOptions)===null||t===void 0?void 0:t.findIndex((t=>t.selected));if(i<0){this.setFirstRadioOptionTabIndex(0);this.selectedChild=i}}checkOrientation(){if(this.initialOrientation===this.RADIO_HORIZONTAL){let t=0;if(Array.isArray(this.radioOptions)&&this.radioOptions.length>0){this.radioOptions.forEach((({clientWidth:i},e,s)=>{t+=i;if(e<s.length-1)t+=40}))}else{t=0}if(this.initialOrientation==this.RADIO_HORIZONTAL){if(this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}else{if(this.radioContainer){if(t>=this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_VERTICAL}else if(t<this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_HORIZONTAL}}}}}}render(){const{currentOrientation:t,disabled:i,handleKeyDown:a,helperText:o,hideLabel:n,label:r,required:l,size:d,validationStatus:c,validationText:p,theme:b}=this;return e(s,{key:"820e82c681a22e98737769e9571cbe75d2223956",onKeyDown:a,class:{"ic-radio-group-small":d==="small",[`ic-theme-${b}`]:b!=="inherit"}},e("div",{key:"a95fd7bd0138f04cd3cf0b1e75df29183792d8cc",role:"radiogroup","aria-label":`${r}${l?", required":""}`},!n&&e("ic-input-label",{key:"484c655cfd75c5994c3c5ee1b1e70aed491ad361",class:{[`${c}`]:true,["disabled"]:!!i},label:r,helperText:o,required:l,disabled:i}),e("div",{key:"eed17f3169436eb1f8b672ecfdd51759443d5f1c",class:{"radio-buttons-container":true,horizontal:t===this.RADIO_HORIZONTAL},ref:t=>this.radioContainer=t},e("slot",{key:"878666c0c36d6456ed072ee0eddc6683b98ef4a5"}))),h(c,i)&&e("ic-input-validation",{key:"79458eb93662029a89c31bb26b5174c2fd70c3af",ariaLiveMode:"polite",status:c,message:p}))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],orientation:["orientationChangeHandler"],theme:["watchThemeHandler"]}}};p.style=c;export{p as ic_radio_group};
-//# sourceMappingURL=p-c59fd23e.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icRadioGroupCss","IcRadioGroupStyle0","RadioGroup","constructor","hostRef","this","resizeObserver","ADDITIONAL_FIELD","RADIO_HORIZONTAL","RADIO_VERTICAL","checkedValue","selectedChild","disabled","hideLabel","orientation","required","size","validationStatus","validationText","theme","runResizeObserver","ResizeObserver","checkOrientation","observe","el","handleKeyDown","event","additionalFields","Array","from","querySelectorAll","activeEl","document","activeElement","length","radioOptions","map","slotHasContent","stopPropagation","key","getNextItemToSelect","click","preventDefault","currentItem","movingDown","numRadios","nextItem","addSlotChangeListener","_a","radioContainer","addEventListener","setRadioOptions","setFirstRadioOptionTabIndex","value","setTabIndex","children","filter","tagName","forEach","radioOption","index","selected","name","groupLabel","label","initialOrientation","undefined","currentOrientation","watchDisabledHandler","newValue","removeDisabledFalse","orientationChangeHandler","watchThemeHandler","disconnectedCallback","disconnect","_b","removeEventListener","componentWillLoad","componentDidLoad","checkResizeObserver","onComponentRequiredPropUndefined","prop","propName","selectHandler","detail","target","selectedOption","parentElement","icChange","emit","radio","textFieldValue","querySelector","changeHandler","findIndex","totalWidth","isArray","clientWidth","i","arr","render","helperText","h","Host","onKeyDown","class","role","horizontal","ref","hasValidationStatus","ariaLiveMode","status","message"],"sources":["src/components/ic-radio-group/ic-radio-group.css?tag=ic-radio-group&encapsulation=shadow","src/components/ic-radio-group/ic-radio-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n\n  --ic-input-label-text-color: var(--ic-radio-button-input-field-label);\n  --ic-input-label-helper-text-color: var(\n    --ic-radio-button-input-field-subtitle\n  );\n  --ic-input-validation-status-text-color: var(--ic-radio-button-state-text);\n  --ic-input-validation-error: var(--ic-radio-button-state-icon-error);\n}\n\nic-input-label.error {\n  --ic-input-label-text-color: var(--ic-radio-button-input-field-label-error);\n}\n\nic-input-label.disabled {\n  --ic-input-label-text-color: var(\n    --ic-radio-button-input-field-label-disabled\n  );\n  --ic-input-label-helper-text-color: var(\n    --ic-radio-button-input-field-subtitle-disabled\n  );\n}\n\nic-input-validation {\n  margin-top: var(--ic-space-sm);\n}\n\n:host(.ic-radio-group-small) ic-input-validation {\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\nic-input-label ic-typography {\n  margin-bottom: var(--ic-space-sm);\n}\n\n:host(.ic-radio-group-small) ic-input-label ic-typography {\n  margin-bottom: calc(var(--ic-space-sm) / 2);\n}\n\n:host .radio-buttons-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ic-space-xxs);\n}\n\n:host(.ic-radio-group-small) .radio-buttons-container {\n  gap: var(--ic-space-xxxs);\n}\n\n:host .radio-buttons-container.horizontal {\n  display: flex;\n  flex-direction: row;\n  gap: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-radio-group-small) .radio-buttons-container.horizontal {\n  gap: var(--ic-space-xl);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Listen,\n  Element,\n  Event,\n  EventEmitter,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  hasValidationStatus,\n  slotHasContent,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  checkResizeObserver,\n} from \"../../utils/helpers\";\nimport {\n  IcInformationStatusOrEmpty,\n  IcOrientation,\n  IcSizesNoLarge,\n  IcThemeMode,\n  IcValueEventDetail,\n} from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-radio-group.types\";\n\n@Component({\n  tag: \"ic-radio-group\",\n  styleUrl: \"ic-radio-group.css\",\n  shadow: true,\n})\nexport class RadioGroup {\n  private radioContainer?: HTMLDivElement;\n  private radioOptions: HTMLIcRadioOptionElement[];\n  private resizeObserver: ResizeObserver | null = null;\n  private ADDITIONAL_FIELD = \"additional-field\";\n  private RADIO_HORIZONTAL: IcOrientation = \"horizontal\";\n  private RADIO_VERTICAL: IcOrientation = \"vertical\";\n\n  @Element() el: HTMLIcRadioGroupElement;\n\n  @State() checkedValue: string = \"\";\n  @State() currentOrientation: IcOrientation;\n  @State() initialOrientation: IcOrientation;\n  @State() selectedChild: number = -1;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  @Watch(\"disabled\")\n  watchDisabledHandler(newValue: boolean): void {\n    this.radioOptions.forEach(\n      (radioOption) => (radioOption.disabled = newValue)\n    );\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * The label for the radio group to be displayed.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The name for the radio group to differentiate from other groups.\n   */\n  @Prop() name!: string;\n\n  /**\n   * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.\n   */\n  @Prop() orientation?: IcOrientation = \"vertical\";\n\n  /**\n   * If `true`, the radio group will require a value.\n   */\n  @Prop() required?: boolean = false;\n\n  /**\n   * The size of the radio group component.\n   */\n  @Prop() size?: IcSizesNoLarge = \"medium\";\n\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus?: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The text to display as the validation message.\n   */\n  @Prop() validationText?: string = \"\";\n\n  @Watch(\"orientation\")\n  orientationChangeHandler(): void {\n    this.initialOrientation = this.orientation!;\n    this.checkOrientation();\n  }\n\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  @Prop() theme?: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(newValue: IcThemeMode): void {\n    this.radioOptions.forEach((radioOption) => (radioOption.theme = newValue));\n  }\n\n  /**\n   * Emitted when a user selects a radio.\n   */\n  @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    this.radioContainer?.removeEventListener(\n      \"slotchange\",\n      this.setRadioOptions\n    );\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n\n    this.orientationChangeHandler();\n    this.currentOrientation = this.initialOrientation;\n  }\n\n  componentDidLoad(): void {\n    this.setRadioOptions();\n    checkResizeObserver(this.runResizeObserver);\n    this.addSlotChangeListener();\n\n    onComponentRequiredPropUndefined(\n      [\n        { prop: this.label, propName: \"label\" },\n        { prop: this.name, propName: \"name\" },\n      ],\n      \"Radio Group\"\n    );\n\n    this.watchThemeHandler(this.theme!);\n  }\n\n  @Listen(\"icCheck\")\n  selectHandler({ detail, target }: CustomEvent<IcValueEventDetail>): void {\n    const selectedOption = target as HTMLIcRadioOptionElement;\n    if (selectedOption.parentElement === this.el) {\n      this.checkedValue = detail.value as string;\n      this.icChange.emit({\n        value: this.checkedValue,\n        selectedOption: {\n          radio: selectedOption,\n          textFieldValue: selectedOption?.querySelector(\"ic-text-field\")?.value,\n        },\n      });\n\n      if (this.radioOptions !== undefined) {\n        this.radioOptions.forEach((radioOption, index) => {\n          radioOption.selected = selectedOption === radioOption;\n          if (radioOption.selected) {\n            this.selectedChild = index;\n          }\n        });\n        this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);\n      }\n    }\n  }\n\n  @Listen(\"icSelectedChange\")\n  changeHandler(): void {\n    const selectedOption = this.radioOptions?.findIndex(\n      (radioOption) => radioOption.selected\n    );\n    if (selectedOption < 0) {\n      this.setFirstRadioOptionTabIndex(0);\n      this.selectedChild = selectedOption;\n    }\n  }\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.checkOrientation();\n    });\n\n    this.resizeObserver.observe(this.el);\n  };\n\n  private checkOrientation() {\n    if (this.initialOrientation === this.RADIO_HORIZONTAL) {\n      let totalWidth = 0;\n      if (Array.isArray(this.radioOptions) && this.radioOptions.length > 0) {\n        this.radioOptions.forEach(({ clientWidth }, i, arr) => {\n          totalWidth += clientWidth;\n          if (i < arr.length - 1) totalWidth += 40;\n        });\n      } else {\n        totalWidth = 0;\n      }\n\n      if (this.initialOrientation == this.RADIO_HORIZONTAL) {\n        if (\n          this.radioOptions !== undefined &&\n          (this.radioOptions.length > 2 ||\n            (this.radioOptions.length === 2 &&\n              (slotHasContent(this.radioOptions[0], this.ADDITIONAL_FIELD) ||\n                slotHasContent(this.radioOptions[1], this.ADDITIONAL_FIELD))))\n        ) {\n          this.currentOrientation = this.RADIO_VERTICAL;\n        } else {\n          if (this.radioContainer) {\n            if (totalWidth >= this.radioContainer.clientWidth) {\n              this.currentOrientation = this.RADIO_VERTICAL;\n            } else if (totalWidth < this.radioContainer.clientWidth) {\n              this.currentOrientation = this.RADIO_HORIZONTAL;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    const additionalFields = Array.from(\n      this.el.querySelectorAll<HTMLElement>(\n        'ic-text-field[slot=\"additional-field\"]'\n      )\n    );\n    const activeEl = document.activeElement;\n    if (\n      additionalFields.length > 0 &&\n      this.radioOptions.map((el) =>\n        slotHasContent(el, this.ADDITIONAL_FIELD)\n      ) &&\n      additionalFields.map((el) => el == activeEl)\n    ) {\n      return;\n    }\n\n    event.stopPropagation();\n    switch (event.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        this.radioOptions[\n          this.getNextItemToSelect(this.selectedChild, true)\n        ].click();\n        event.preventDefault();\n        break;\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        this.radioOptions[\n          this.getNextItemToSelect(this.selectedChild, false)\n        ].click();\n        event.preventDefault();\n    }\n  };\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numRadios = this.radioOptions.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n    //check if wrap around necessary\n    if (nextItem < 0) {\n      nextItem = numRadios;\n    } else if (nextItem > numRadios) {\n      nextItem = 0;\n    }\n\n    //if next item is disabled then find next\n    if (this.radioOptions[nextItem].disabled) {\n      nextItem = this.getNextItemToSelect(nextItem, movingDown);\n    }\n\n    return nextItem;\n  };\n\n  private addSlotChangeListener = () => {\n    this.radioContainer?.addEventListener(\"slotchange\", this.setRadioOptions);\n  };\n\n  private setFirstRadioOptionTabIndex = (value: number) => {\n    this.radioOptions[0].setTabIndex(value);\n  };\n\n  private setRadioOptions = () => {\n    this.selectedChild = -1;\n    this.checkedValue = \"\";\n    this.radioOptions = Array.from(this.el.children).filter(\n      (el) => el.tagName === \"IC-RADIO-OPTION\"\n    ) as HTMLIcRadioOptionElement[];\n    if (this.radioOptions.length > 0) {\n      this.radioOptions.forEach((radioOption, index) => {\n        if (!radioOption.selected) {\n          radioOption.selected = this.checkedValue === radioOption.value;\n        }\n        radioOption.name = this.name;\n        radioOption.groupLabel = this.label;\n        if (radioOption.selected) {\n          this.selectedChild = index;\n          this.checkedValue = radioOption.value;\n        }\n        if (this.disabled) {\n          radioOption.disabled = true;\n        }\n      });\n      this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);\n\n      if (\n        this.initialOrientation === this.RADIO_HORIZONTAL &&\n        this.radioOptions !== undefined &&\n        (this.radioOptions.length > 2 ||\n          (this.radioOptions.length === 2 &&\n            (slotHasContent(this.radioOptions[0], this.ADDITIONAL_FIELD) ||\n              slotHasContent(this.radioOptions[1], this.ADDITIONAL_FIELD))))\n      ) {\n        this.currentOrientation = this.RADIO_VERTICAL;\n      }\n    }\n  };\n\n  render() {\n    const {\n      currentOrientation,\n      disabled,\n      handleKeyDown,\n      helperText,\n      hideLabel,\n      label,\n      required,\n      size,\n      validationStatus,\n      validationText,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        onKeyDown={handleKeyDown}\n        class={{\n          \"ic-radio-group-small\": size === \"small\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        <div\n          role=\"radiogroup\"\n          aria-label={`${label}${required ? \", required\" : \"\"}`}\n        >\n          {!hideLabel && (\n            <ic-input-label\n              class={{\n                [`${validationStatus}`]: true,\n                [\"disabled\"]: !!disabled,\n              }}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabled}\n            ></ic-input-label>\n          )}\n          <div\n            class={{\n              \"radio-buttons-container\": true,\n              horizontal: currentOrientation === this.RADIO_HORIZONTAL,\n            }}\n            ref={(el) => (this.radioContainer = el)}\n          >\n            <slot></slot>\n          </div>\n        </div>\n        {hasValidationStatus(validationStatus, disabled) && (\n          <ic-input-validation\n            ariaLiveMode=\"polite\"\n            status={validationStatus}\n            message={validationText!}\n          ></ic-input-validation>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["icDialogCss","IcDialogStyle0","Dialog","constructor","hostRef","this","contentAreaMutationObserver","DATA_GETS_FOCUS","DIALOG_CONTROLS","dialogHeight","focusedElementIndex","IC_TEXT_FIELD","IC_ACCORDION","IC_ACCORDION_GROUP","IC_CHECKBOX","IC_SEARCH_BAR","resizeObserver","dialogRendered","fadeIn","closeOnBackdropClick","destructive","dismissLabel","disableHeightConstraint","disableWidthConstraint","hideCloseButton","hideDefaultControls","open","size","theme","dialogOpened","_a","dialogEl","show","_b","showModal","setTimeout","backdropEl","scrollTop","setInitialFocus","checkResizeObserver","runResizeObserver","icDialogOpened","emit","ResizeObserver","clearTimeout","resizeTimeout","window","resizeObserverCallback","observe","clientHeight","refreshInteractiveElementsOnSlotChange","contentWrapper","el","shadowRoot","querySelector","contentArea","addEventListener","getInteractiveElements","MutationObserver","_c","getSlotElements","forEach","childList","subtree","removeSlotChangeListener","removeEventListener","disconnect","sourceElement","document","activeElement","interactiveElementList","findIndex","element","hasAttribute","focusElement","getFocusedElementIndex","i","length","closeIconClick","Array","from","querySelectorAll","slottedInteractiveElements","slot","setAttribute","splice","getNextFocusEl","onTabKeyPress","shiftKey","tagName","setFocusIndexBasedOnShiftKey","loopNextFocusIndexIfLastElement","shouldSkipElement","isHidden","getComputedStyle","visibility","offsetHeight","radioEl","closest","getAttribute","nextFocusEl","setFocus","focus","renderDialog","heading","label","controlsSlotUsed","isSlotUsed","h","class","dialog","ref","name","variant","id","innerHTML","closeIcon","onClick","Fragment","cancelDialog","confirmDialog","watchOpenHandler","close","icDialogClosed","disconnectedCallback","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidRender","body","style","overflow","display","handleKeyboard","ev","key","preventDefault","repeat","stopImmediatePropagation","handleClick","composedPath","indexOf","top","height","left","width","getBoundingClientRect","isInDialog","clientY","clientX","icDialogCancelled","icDialogConfirmed","render","Host"],"sources":["src/components/ic-dialog/ic-dialog.css?tag=ic-dialog&encapsulation=shadow","src/components/ic-dialog/ic-dialog.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n  * @prop --ic-z-index-dialog: z-index of dialog \n  */\n\n:host {\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100% !important;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-dialog);\n  opacity: 0;\n}\n\n:host(.ic-dialog-fade-in) {\n  opacity: 1;\n}\n\n:host(.disable-height-constraint) {\n  background: none;\n  justify-content: unset;\n  align-items: unset;\n}\n\n.dialog.disable-height-constraint {\n  max-height: none;\n  position: relative;\n}\n\n.dialog.disable-height-constraint .content-area {\n  overflow-y: visible;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host {\n    transition: opacity var(--ic-easing-transition-slow);\n  }\n\n  .dialog {\n    transform: translateY(-3rem);\n    transition: transform 1000s;\n  }\n\n  :host(.ic-dialog-fade-in) .dialog {\n    transform: translateY(0);\n    transition: transform var(--ic-easing-transition-slow);\n  }\n}\n\n:host(.ic-dialog-hidden) {\n  display: none;\n}\n\n.dialog {\n  background-color: var(--ic-dialog-background);\n  color: var(--ic-dialog-text-primary);\n\n  --ic-typography-color: var(--ic-dialog-text-primary);\n\n  border: var(--ic-space-1px) solid var(--ic-dialog-border);\n  border-radius: var(--ic-border-radius);\n  padding: var(--ic-space-xs) 0 var(--ic-space-md);\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow-x: visible;\n}\n\n.small {\n  width: 50%;\n  max-width: 25rem;\n  min-height: 11rem;\n  max-height: 70vh;\n}\n\n.medium {\n  width: 70vw;\n  max-width: 44rem;\n  min-height: 12.5rem;\n  max-height: 70vh;\n}\n\n.large {\n  width: 90vw;\n  max-width: 62.5rem;\n  min-height: 12.5rem;\n  max-height: 90vh;\n}\n\n.heading-area {\n  display: flex;\n  margin-bottom: var(--ic-space-xs);\n  padding: 0 var(--ic-space-md);\n}\n\n.heading {\n  overflow-wrap: break-word;\n}\n\n.close-icon {\n  margin-left: auto;\n}\n\n.close-icon > svg {\n  color: var(--ic-dialog-clear-button);\n}\n\n.content-area {\n  padding: 0 var(--ic-space-md);\n  margin: 0;\n  overflow-y: auto;\n}\n\n#dialog-content {\n  margin-bottom: var(--ic-space-sm);\n}\n\n#dialog-content ::slotted(ic-typography) {\n  overflow-wrap: break-word;\n}\n\n#dialog-content ::slotted(*) {\n  position: relative;\n}\n\n.dialog-controls {\n  margin-top: auto;\n  padding: var(--ic-space-xs) var(--ic-space-md) 0;\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--ic-space-md);\n}\n\n.dialog-control-button {\n  width: fit-content;\n}\n\n.backdrop {\n  overflow-y: auto;\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-dialog);\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.heading ic-typography {\n  --ic-typography-color: var(--ic-dialog-text-primary);\n}\n\n.label ic-typography {\n  --ic-typography-color: var(--ic-dialog-label);\n}\n\n@media (min-width: 800px) {\n  :host([size=\"large\"]) .dialog:not(.disable-width-constraint) > .content-area {\n    width: 75%;\n  }\n}\n\n@media (max-width: 576px) {\n  .dialog {\n    width: 100vw;\n    height: 100vh;\n    max-width: none;\n    max-height: none;\n    box-sizing: border-box;\n  }\n\n  .backdrop {\n    padding: 0;\n  }\n\n  .dialog.disable-height-constraint {\n    height: auto;\n    min-height: 100vh;\n  }\n}\n\n@media (max-width: 364px) {\n  .dialog-control-button {\n    width: unset;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  State,\n  Method,\n  Listen,\n  Watch,\n  h,\n  Fragment,\n} from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport {\n  isSlotUsed,\n  checkResizeObserver,\n  onComponentRequiredPropUndefined,\n  getSlotElements,\n} from \"../../utils/helpers\";\nimport { IcFocusableComponents, IcThemeMode } from \"../../utils/types\";\n\n/**\n * @slot dialog-controls - Content will be place at the bottom of the dialog.\n * @slot heading - Content will be placed at the top of the dialog.\n * @slot label - Content will be placed above the dialog heading.\n * @slot alert - Content will be placed at the top of the content area of the dialog.\n */\n@Component({\n  tag: \"ic-dialog\",\n  styleUrl: \"ic-dialog.css\",\n  shadow: true,\n})\nexport class Dialog {\n  private backdropEl?: HTMLDivElement;\n  private contentArea: HTMLSlotElement | null;\n  private contentAreaMutationObserver: MutationObserver | null = null;\n  private DATA_GETS_FOCUS: string = \"data-gets-focus\";\n  private DIALOG_CONTROLS: string = \"dialog-controls\";\n  private dialogEl?: HTMLDialogElement;\n  private dialogHeight: number = 0;\n  private focusedElementIndex = 0;\n  private IC_TEXT_FIELD: string = \"IC-TEXT-FIELD\";\n  private IC_ACCORDION: string = \"IC-ACCORDION\";\n  private IC_ACCORDION_GROUP: string = \"IC-ACCORDION-GROUP\";\n  private IC_CHECKBOX = \"IC-CHECKBOX\";\n  private IC_SEARCH_BAR: string = \"IC-SEARCH-BAR\";\n  private interactiveElementList: HTMLElement[];\n  private resizeObserver: ResizeObserver | null = null;\n  private resizeTimeout: number;\n  private sourceElement: HTMLElement;\n\n  @Element() el: HTMLIcDialogElement;\n\n  @State() dialogRendered: boolean = false;\n  @State() fadeIn: boolean = false;\n\n  /**\n   * If set to `false`, the dialog will not close when the backdrop is clicked.\n   */\n  @Prop() closeOnBackdropClick?: boolean = true;\n\n  /**\n   * If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\n   */\n  @Prop() destructive?: boolean = false;\n\n  /**\n   * Sets the dismiss label tooltip and aria label.\n   */\n  @Prop() dismissLabel?: string = \"Dismiss\";\n\n  /**\n   * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\n   * This prop also prevents popover elements from being cut off within the content area.\n   */\n  @Prop() disableHeightConstraint?: boolean = false;\n\n  /**\n   * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\n   */\n  @Prop() disableWidthConstraint?: boolean = false;\n\n  /**\n   * If `true`, the close button will not be displayed.\n   */\n  @Prop() hideCloseButton?: boolean = false;\n\n  /**\n   * If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.\n   */\n  @Prop() hideDefaultControls: boolean = false;\n\n  /**\n   * Sets the heading for the dialog.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Sets the optional label for the dialog which appears above the heading.\n   */\n  @Prop() label?: string;\n\n  /**\n   * If `true`, the dialog will be displayed.\n   */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  @Watch(\"open\")\n  watchOpenHandler(): void {\n    if (this.open) {\n      this.dialogOpened();\n    } else {\n      this.fadeIn = false;\n      if (this.resizeObserver !== null) {\n        this.resizeObserver.disconnect();\n      }\n      setTimeout(() => {\n        this.dialogRendered = false;\n        this.dialogEl?.close();\n        this.sourceElement?.focus();\n        this.dialogHeight = 0;\n        this.icDialogClosed.emit();\n      }, 80);\n    }\n  }\n\n  /**\n   * Sets the maximum and minimum height and width for the dialog.\n   */\n  @Prop() size?: \"small\" | \"medium\" | \"large\" = \"small\";\n\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  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * Cancelation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.\n   */\n  @Event() icDialogCancelled: EventEmitter<void>;\n\n  /**\n   * Emitted when dialog has closed.\n   */\n  @Event() icDialogClosed: EventEmitter<void>;\n\n  /**\n   * Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.\n   */\n  @Event() icDialogConfirmed: EventEmitter<void>;\n\n  /**\n   * Emitted when dialog has opened.\n   */\n  @Event() icDialogOpened: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.removeSlotChangeListener();\n  }\n\n  componentDidLoad(): void {\n    this.getInteractiveElements();\n\n    this.refreshInteractiveElementsOnSlotChange();\n\n    if (this.open) {\n      this.dialogOpened();\n    }\n\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Dialog\"\n      );\n  }\n\n  componentDidRender(): void {\n    document.body.style.overflow =\n      getComputedStyle(this.el).display !== \"none\" &&\n      this.disableHeightConstraint\n        ? \"hidden\"\n        : \"auto\";\n  }\n\n  @Listen(\"keydown\", { target: \"document\" })\n  handleKeyboard(ev: KeyboardEvent): void {\n    if (this.dialogRendered) {\n      switch (ev.key) {\n        case \"Tab\":\n          if (this.onTabKeyPress(ev.shiftKey)) {\n            ev.preventDefault();\n          }\n          break;\n        case \"Escape\":\n          if (!ev.repeat) {\n            this.open = false;\n          }\n          ev.stopImmediatePropagation();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"click\", {})\n  handleClick(ev: MouseEvent): void {\n    if (\n      this.dialogEl &&\n      this.closeOnBackdropClick &&\n      ev.composedPath().indexOf(this.dialogEl) <= 0\n    ) {\n      const { top, height, left, width } =\n        this.dialogEl.getBoundingClientRect();\n      const isInDialog =\n        top <= ev.clientY &&\n        ev.clientY <= top + height &&\n        left <= ev.clientX &&\n        ev.clientX <= left + width;\n      if (!isInDialog) {\n        this.open = false;\n      }\n    }\n  }\n\n  /**\n   * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\n   */\n  @Method()\n  async cancelDialog(): Promise<void> {\n    this.icDialogCancelled.emit();\n    this.open = false;\n  }\n\n  /**\n   * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\n   */\n  @Method()\n  async confirmDialog(): Promise<void> {\n    this.icDialogConfirmed.emit();\n  }\n\n  private dialogOpened = () => {\n    this.dialogRendered = true;\n\n    if (this.disableHeightConstraint) {\n      this.dialogEl?.show();\n    } else {\n      this.dialogEl?.showModal();\n    }\n\n    setTimeout(() => {\n      this.fadeIn = true;\n\n      /**\n       * This is required to set scroll back to top if:\n       * - dialog content goes below the fold\n       * - is closed using cancel or confirm and reopened.\n       *\n       * Without this, the scroll bar will start from the dialog's last scroll-x coordinate.\n       */\n      if (\n        this.backdropEl &&\n        this.disableHeightConstraint &&\n        this.backdropEl.scrollTop !== 0\n      ) {\n        this.backdropEl.scrollTop = 0;\n      }\n    }, 10);\n\n    setTimeout(() => {\n      this.setInitialFocus();\n      checkResizeObserver(this.runResizeObserver);\n    }, 75);\n\n    setTimeout(() => {\n      this.icDialogOpened.emit();\n    }, 80);\n  };\n\n  private runResizeObserver = () => {\n    if (this.dialogEl) {\n      this.resizeObserver = new ResizeObserver(() => {\n        clearTimeout(this.resizeTimeout);\n        this.resizeTimeout = window.setTimeout(this.resizeObserverCallback, 80);\n      });\n      this.resizeObserver.observe(this.dialogEl);\n    }\n  };\n\n  private resizeObserverCallback = () => {\n    if (this.dialogEl && this.dialogEl.clientHeight !== this.dialogHeight) {\n      this.dialogHeight = this.dialogEl.clientHeight;\n    }\n  };\n\n  private refreshInteractiveElementsOnSlotChange = () => {\n    const contentWrapper = this.el.shadowRoot?.querySelector(\"#dialog-content\");\n\n    if (contentWrapper) {\n      this.contentArea = contentWrapper.querySelector(\"slot\");\n\n      // Detect changes to slotted elements\n      this.contentArea?.addEventListener(\n        \"slotchange\",\n        this.getInteractiveElements\n      );\n\n      this.contentAreaMutationObserver = new MutationObserver(() => {\n        this.getInteractiveElements();\n      });\n\n      // Detect changes to children of slotted elements\n      getSlotElements(contentWrapper)?.forEach((el) => {\n        this.contentAreaMutationObserver?.observe(el, {\n          childList: true,\n          subtree: true,\n        });\n      });\n    }\n  };\n\n  private removeSlotChangeListener = () => {\n    if (this.contentArea) {\n      this.contentArea.removeEventListener(\n        \"slotchange\",\n        this.getInteractiveElements\n      );\n\n      this.contentAreaMutationObserver?.disconnect();\n    }\n  };\n\n  private setInitialFocus = () => {\n    this.sourceElement = document.activeElement as HTMLElement;\n    this.focusedElementIndex = this.interactiveElementList\n      ? this.interactiveElementList.findIndex((element) =>\n          element.hasAttribute(this.DATA_GETS_FOCUS)\n        )\n      : 0;\n    this.focusElement(this.interactiveElementList[this.focusedElementIndex]);\n  };\n\n  private getFocusedElementIndex = () => {\n    for (let i = 0; i < this.interactiveElementList.length; i++) {\n      if (\n        (this.interactiveElementList[i] as HTMLElement) ===\n        (this.el.shadowRoot?.activeElement || document.activeElement)\n      ) {\n        this.focusedElementIndex = i;\n      }\n    }\n  };\n\n  private closeIconClick = () => {\n    this.open = false;\n  };\n\n  private getInteractiveElements = () => {\n    this.interactiveElementList = Array.from(\n      this.el.shadowRoot?.querySelectorAll(\"ic-button\") || []\n    );\n    const slottedInteractiveElements = Array.from(\n      this.el.querySelectorAll(\n        `a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex=\"-1\"]),\n          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-group, \n          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible=\"true\"], ic-footer-link, ic-link, ic-navigation-button,\n          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`\n      )\n    );\n    if (slottedInteractiveElements.length > 0) {\n      if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {\n        slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, \"\");\n      } else if (!this.destructive) {\n        slottedInteractiveElements[\n          slottedInteractiveElements.length - 1\n        ].setAttribute(this.DATA_GETS_FOCUS, \"\");\n      }\n    }\n    for (let i = 0; i < slottedInteractiveElements.length; i++) {\n      this.interactiveElementList.splice(\n        1 + i,\n        0,\n        slottedInteractiveElements[i] as HTMLElement\n      );\n    }\n  };\n\n  private getNextFocusEl = (focusedElementIndex: number) =>\n    this.interactiveElementList[focusedElementIndex];\n\n  private onTabKeyPress = (shiftKey: boolean): boolean => {\n    this.getFocusedElementIndex();\n\n    if (\n      this.interactiveElementList[this.focusedElementIndex].tagName ===\n      this.IC_SEARCH_BAR\n    ) {\n      return false;\n    }\n\n    this.setFocusIndexBasedOnShiftKey(shiftKey);\n    this.loopNextFocusIndexIfLastElement();\n\n    this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);\n    return true;\n  };\n\n  private shouldSkipElement = (element: HTMLElement): boolean => {\n    const isHidden =\n      getComputedStyle(element).visibility === \"hidden\" ||\n      element.offsetHeight === 0 ||\n      element.hasAttribute(\"disabled\") ||\n      (element.tagName === this.IC_ACCORDION_GROUP &&\n        element.hasAttribute(\"single-expansion\"));\n\n    const radioEl = element.closest(\"ic-radio-option\");\n\n    return (\n      isHidden ||\n      (element.getAttribute(\"type\") === \"radio\" &&\n        !!radioEl &&\n        !radioEl.hasAttribute(\"selected\"))\n    );\n  };\n\n  private focusElement = (element: HTMLElement, shiftKey = false) => {\n    let nextFocusEl = element;\n\n    if (this.shouldSkipElement(element)) {\n      this.setFocusIndexBasedOnShiftKey(shiftKey);\n      this.loopNextFocusIndexIfLastElement();\n\n      nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);\n      this.focusElement(nextFocusEl, shiftKey);\n    } else {\n      switch (element.tagName) {\n        case this.IC_ACCORDION_GROUP:\n        case this.IC_ACCORDION:\n        case this.IC_SEARCH_BAR:\n        case this.IC_TEXT_FIELD:\n        case this.IC_CHECKBOX:\n          (element as IcFocusableComponents).setFocus();\n          break;\n        default:\n          (element as HTMLElement).focus();\n      }\n    }\n  };\n\n  private loopNextFocusIndexIfLastElement() {\n    if (this.focusedElementIndex > this.interactiveElementList.length - 1)\n      this.focusedElementIndex = 0;\n    else if (this.focusedElementIndex < 0) {\n      this.focusedElementIndex = this.interactiveElementList.length - 1;\n    }\n  }\n\n  private setFocusIndexBasedOnShiftKey(shiftKey: boolean) {\n    if (shiftKey) {\n      this.focusedElementIndex -= 1;\n    } else {\n      this.focusedElementIndex += 1;\n    }\n  }\n\n  private renderDialog = () => {\n    const {\n      hideDefaultControls,\n      size,\n      heading,\n      label,\n      destructive,\n      dismissLabel,\n      hideCloseButton,\n      disableHeightConstraint,\n      disableWidthConstraint,\n      closeIconClick,\n      DIALOG_CONTROLS,\n    } = this;\n\n    const controlsSlotUsed = isSlotUsed(this.el, DIALOG_CONTROLS);\n\n    return (\n      <dialog\n        class={{\n          dialog: true,\n          [`${size}`]: true,\n          \"disable-height-constraint\": !!disableHeightConstraint,\n          \"disable-width-constraint\": !!disableWidthConstraint,\n        }}\n        aria-labelledby=\"dialog-label dialog-heading\"\n        aria-describedby=\"dialog-alert dialog-content\"\n        ref={(el) => (this.dialogEl = el)}\n      >\n        <div class=\"heading-area\">\n          <div class=\"heading-content\">\n            <div class=\"label\">\n              <slot name=\"label\">\n                <ic-typography variant=\"label\" id=\"dialog-label\">\n                  {label}\n                </ic-typography>\n              </slot>\n            </div>\n            <div class=\"heading\">\n              <slot name=\"heading\">\n                <ic-typography variant=\"h4\" id=\"dialog-heading\">\n                  {heading}\n                </ic-typography>\n              </slot>\n            </div>\n          </div>\n          {!hideCloseButton && (\n            <ic-button\n              class=\"close-icon\"\n              variant=\"icon\"\n              innerHTML={closeIcon}\n              aria-label={dismissLabel}\n              onClick={closeIconClick}\n              data-gets-focus={\n                destructive || (hideDefaultControls && !controlsSlotUsed)\n                  ? \"\"\n                  : null\n              }\n            ></ic-button>\n          )}\n        </div>\n        <div class=\"content-area\">\n          {isSlotUsed(this.el, \"alert\") && <slot name=\"alert\" />}\n          <div id=\"dialog-content\">\n            <slot />\n          </div>\n        </div>\n        {(controlsSlotUsed || !hideDefaultControls) && (\n          <div\n            class={{\n              [DIALOG_CONTROLS]: true,\n            }}\n          >\n            {controlsSlotUsed ? (\n              <slot name={DIALOG_CONTROLS} />\n            ) : (\n              <Fragment>\n                <ic-button\n                  variant=\"tertiary\"\n                  onClick={() => this.cancelDialog()}\n                  class=\"dialog-control-button\"\n                  data-gets-focus={null}\n                >\n                  Cancel\n                </ic-button>\n                <ic-button\n                  variant={destructive ? \"destructive\" : \"primary\"}\n                  onClick={() => this.confirmDialog()}\n                  class=\"dialog-control-button\"\n                  data-gets-focus=\"\"\n                >\n                  Confirm\n                </ic-button>\n              </Fragment>\n            )}\n          </div>\n        )}\n      </dialog>\n    );\n  };\n\n  render() {\n    const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;\n\n    return (\n      <Host\n        class={{\n          \"ic-dialog-hidden\": !dialogRendered,\n          \"ic-dialog-fade-in\": fadeIn,\n          \"disable-height-constraint\": !!disableHeightConstraint,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        {disableHeightConstraint ? (\n          <div class=\"backdrop\" ref={(el) => (this.backdropEl = el)}>\n            {this.renderDialog()}\n          </div>\n        ) : (\n          this.renderDialog()\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}