@ukic/canary-web-components 2.0.0-canary.28 → 2.0.0-canary.29

package/dist/core/{p-d02a4d1b.entry.js.map → p-0cba186f.entry.js.map}

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

package/dist/core/{p-5741a8bf.entry.js → p-1a317582.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,f as i,h as e,H as a,g as s,c as n}from"./p-8455d1bb.js";import{j as l,i as h,a as r}from"./p-8128572e.js";import{D as o,E as c}from"./p-7435de65.js";import"./p-fd186591.js";const p=":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.right),:host(.right) .action-area{align-items:flex-end;text-align:right}:host(.center),:host(.center) .action-area{align-items:center;text-align:center}:host(.image-default) ::slotted(svg),:host(.image-default) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}";const g=class{constructor(e){t(this,e);this.hostMutationObserver=null;this.hostMutationCallback=t=>{if(t.some((({type:t,addedNodes:i,removedNodes:e})=>t==="childList"?l(i,e,["image","actions"]):false))){i(this)}};this.aligned="left";this.body=undefined;this.bodyMaxLines=undefined;this.heading=undefined;this.imageSize="default";this.subheading=undefined}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentDidLoad(){!h(this.el,"heading")&&r([{prop:this.heading,propName:"heading"}],"Empty State");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{aligned:t,body:i,bodyMaxLines:s,heading:n,imageSize:l,subheading:r}=this;return e(a,{class:{[`${t}`]:true,[`image-${l}`]:h(this.el,"image")}},h(this.el,"image")&&e("slot",{name:"image"}),e("div",null,e("slot",{name:"heading"},e("ic-typography",{variant:"h4"},n)),e("slot",{name:"subheading"},e("ic-typography",{variant:"subtitle-small"},r)),e("slot",{name:"body"},e("ic-typography",{maxLines:s},i))),h(this.el,"actions")&&e("div",{class:"action-area"},e("slot",{name:"actions"})))}get el(){return s(this)}};g.style=p;const d=":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.pagination-text-default,.pagination-text-dark,.pagination-text-light{white-space:nowrap}.pagination-text-light{color:var(--ic-color-white-text)}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";const m=class{constructor(i){t(this,i);this.icPageChange=n(this,"icPageChange",7);this.icItemsPerPageChange=n(this,"icItemsPerPageChange",7);this.PAGE_INPUT_FIELD_ID="go-to-page-input";this.INVALID_PAGE_ERROR="Please enter a valid page";this.resizeObserver=null;this.changeItemsPerPage=()=>{this.setItemsPerPage(Number(this.pageDropdownEl.value))};this.changePage=t=>{this.activePage=t;this.lowerBound=t!==1?(t-1)*this.itemsPerPage+1:t;this.setUpperBound()};this.focusElFromLabel=t=>{var i;(i=this.paginationBarEl.querySelector(t))===null||i===void 0?void 0:i.setFocus()};this.goToPage=()=>{const t=this.pageInputEl;const i=Number(t.value);if(i<=this.totalPages&&i>0){this.changePage(i);this.paginationEl.setCurrentPage(i);this.activePage=i;t.value="";this.icPageChange.emit({value:i});this.pageInputTooltipEl.displayTooltip(false,false);t.validationStatus=""}else{this.setInputError(t,this.INVALID_PAGE_ERROR)}};this.goToPageLabelClickHandler=()=>{this.focusElFromLabel("ic-text-field")};this.handleBlur=()=>{const t=this.pageInputEl;if(Number(t.value)<=this.totalPages&&Number(t.value)>0||t.value===""){t.validationStatus=""}this.pageInputTooltipEl.displayTooltip(false,false)};this.handleFocus=()=>{if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleInputChange=()=>{const t=parseInt(this.pageInputEl.value);if(t>this.totalPages||t<=0){this.setInputError(this.pageInputEl,this.INVALID_PAGE_ERROR);this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleKeydown=t=>{if(t.key==="Enter"){if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}else{this.goToPage()}}else{this.pageInputTooltipEl.displayTooltip(false,false);this.pageInputEl.validationStatus=""}};this.handleKeyUp=t=>{if(Number.isNaN(parseInt(this.pageInputEl.value))&&t.key!=="Backspace"&&t.key!=="Enter"&&t.key!=="Tab"&&t.key!=="Shift"){this.setInputError(this.pageInputEl,"Please enter a number",false);this.pageInputTooltipEl.displayTooltip(true,false)}};this.itemsPerPageLabelClickHandler=()=>{this.focusElFromLabel("ic-select")};this.paginationShouldWrap=()=>{if(this.type==="simple"){this.paginationWrapped=this.paginationEl.clientHeight>63}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const{clientWidth:t}=this.paginationBarEl;if(t-this.paginationWidth>50||t-this.paginationWidth<-50){this.paginationWidth=t;this.paginationShouldWrap()}}));this.resizeObserver.observe(this.paginationBarEl)};this.setInputError=(t,i,e=true)=>{this.inputError=i;t.validationStatus="error";if(e)t.setFocus()};this.setItemsPerPage=t=>{if(this.itemsPerPage!==t){this.itemsPerPage=t;this.itemsPerPageString=t.toString();this.icItemsPerPageChange.emit({value:this.itemsPerPage})}this.totalPages=this.totalItems>this.itemsPerPage?Math.ceil(this.totalItems/this.itemsPerPage):1;this.setUpperBound();if(this.activePage>this.totalPages){this.paginationEl.setCurrentPage(this.totalPages);this.activePage=this.totalPages}this.icPageChange.emit({value:this.activePage,fromItemsPerPage:true})};this.setPaginationBarContent=()=>{const t=this.itemsPerPageOptions||(this.totalItems<=100?[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}]:[{label:"25",value:"25"},{label:"100",value:"100"},{label:"1000",value:"1000"}]);!this.hideAllFromItemsPerPage&&t.push({label:"All",value:String(this.totalItems)});this.displayedItemsPerPageOptions=t.filter((({value:t})=>this.totalItems>=Number(t)));let i=0;const e=this.displayedItemsPerPageOptions.some((({value:t})=>{i=Number(t);return this.itemsPerPage<=i}));this.setItemsPerPage(e||!e&&this.itemsPerPage>i?i:this.itemsPerPage)};this.setUpperBound=()=>{this.upperBound=Math.min(this.lowerBound+this.itemsPerPage-1,this.totalItems)};this.capitalizedItemLabel=undefined;this.capitalizedPageLabel=undefined;this.activePage=1;this.displayedItemsPerPageOptions=undefined;this.inputError="Please enter a valid page";this.itemsPerPage=0;this.itemsPerPageString="0";this.lowerBound=1;this.lowerCaseItemLabel=undefined;this.lowerCasePageLabel=undefined;this.paginationWidth=undefined;this.paginationWrapped=false;this.totalPages=undefined;this.upperBound=undefined;this.alignment="right";this.appearance="default";this.currentPage=1;this.hideAllFromItemsPerPage=false;this.itemLabel="Item";this.itemsPerPageOptions=undefined;this.type="simple";this.rangeLabelType="page";this.pageLabel="Page";this.showGoToPageControl=false;this.hideRangeLabel=false;this.showItemsPerPageControl=false;this.totalItems=undefined}watchPageNumberHandler(){this.activePage=this.currentPage}watchItemLabelHandler(){this.capitalizedItemLabel=o(this.itemLabel);this.lowerCaseItemLabel=this.itemLabel.toLowerCase()}watchItemsPerPageOptionsHandler(t,i){if(JSON.stringify(t)===JSON.stringify(i))return;this.setPaginationBarContent()}watchPageLabelHandler(){this.capitalizedPageLabel=o(this.pageLabel);this.lowerCasePageLabel=this.pageLabel.toLowerCase()}watchTotalItemsHandler(){this.setPaginationBarContent()}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){this.watchPageNumberHandler();this.watchPageLabelHandler();this.watchItemLabelHandler();this.setPaginationBarContent()}componentDidLoad(){var t,i;this.paginationWidth=this.paginationBarEl.clientWidth;c(this.runResizeObserver);const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);if(e){const t=(i=e===null||e===void 0?void 0:e.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");if(t){t.style.textAlign="center";t.style.padding="0"}}this.paginationShouldWrap()}pageChangeHandler(t){const i=t.detail.value;this.changePage(i)}render(){const{appearance:t,alignment:i,displayedItemsPerPageOptions:a,PAGE_INPUT_FIELD_ID:s,type:n,rangeLabelType:l,hideRangeLabel:h,showItemsPerPageControl:r,showGoToPageControl:o,pageLabel:c,capitalizedPageLabel:p,lowerCasePageLabel:g,capitalizedItemLabel:d,lowerCaseItemLabel:m,totalPages:u,activePage:f,itemsPerPageString:b}=this;return e("div",{class:{["pagination-bar"]:true,[`pagination-bar-${i}`]:true},ref:t=>this.paginationBarEl=t},(!h||r)&&e("div",{class:"item-controls"},r&&e("div",{class:"items-per-page-holder"},e("ic-typography",{class:{[`pagination-text-${t}`]:true,["items-per-page-control-label"]:true},variant:"label",onClick:this.itemsPerPageLabelClickHandler},d,"s per ",g),e("ic-select",{small:true,label:"items-per-page-input",class:"items-per-page-input",hideLabel:true,options:a,value:b,onIcChange:this.changeItemsPerPage,ref:t=>this.pageDropdownEl=t})),!h&&(l==="data"?e("ic-typography",{class:{[`pagination-text-${t}`]:true,["item-pagination-label"]:true},variant:"label","aria-live":"polite"},this.upperBound===0&&`0 ${m}s`,this.upperBound>0&&`${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${m}${this.totalItems>1?"s":""}`):e("ic-typography",{class:{[`pagination-text-${t}`]:true,["page-pagination-label"]:true},variant:"label","aria-live":"polite"},p," ",f," of ",u))),e("div",{class:{["pagination-controls"]:true,["pagination-controls-wrap"]:this.paginationWrapped}},e("div",{class:"pagination-holder"},e("ic-pagination",{appearance:t,type:n,pages:u,label:c,ref:t=>this.paginationEl=t,currentPage:f})),o&&e("div",{class:"go-to-page-holder"},e("ic-typography",{class:{[`pagination-text-${t}`]:true},variant:"label",onClick:this.goToPageLabelClickHandler},"Go to ",g),e("ic-tooltip",{label:this.inputError,target:`#${s}`,disableHover:true,disableClick:true,ref:t=>this.pageInputTooltipEl=t},e("ic-text-field",{type:"number",size:"small",label:s,class:s,id:s,hideLabel:true,onKeyDown:this.handleKeydown,onKeyUp:this.handleKeyUp,onInput:this.handleInputChange,max:u,min:"1",validationInlineInternal:true,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.pageInputEl=t})),e("ic-button",{appearance:t,variant:"secondary",onClick:this.goToPage,size:"small",class:"go-to-page-button"},"Go"))))}get el(){return s(this)}static get watchers(){return{currentPage:["watchPageNumberHandler"],itemLabel:["watchItemLabelHandler"],itemsPerPageOptions:["watchItemsPerPageOptionsHandler"],pageLabel:["watchPageLabelHandler"],totalItems:["watchTotalItemsHandler"]}}};m.style=d;export{g as ic_empty_state,m as ic_pagination_bar};
-//# sourceMappingURL=p-5741a8bf.entry.js.map
+import{r as t,f as i,h as e,H as a,g as s,c as n}from"./p-8455d1bb.js";import{j as l,i as h,a as r}from"./p-8128572e.js";import{E as o,f as c}from"./p-40510c97.js";import"./p-fd186591.js";const p=":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.right),:host(.right) .action-area{align-items:flex-end;text-align:right}:host(.center),:host(.center) .action-area{align-items:center;text-align:center}:host(.image-default) ::slotted(svg),:host(.image-default) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}";const g=class{constructor(e){t(this,e);this.hostMutationObserver=null;this.hostMutationCallback=t=>{if(t.some((({type:t,addedNodes:i,removedNodes:e})=>t==="childList"?l(i,e,["image","actions"]):false))){i(this)}};this.aligned="left";this.body=undefined;this.bodyMaxLines=undefined;this.heading=undefined;this.imageSize="default";this.subheading=undefined}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentDidLoad(){!h(this.el,"heading")&&r([{prop:this.heading,propName:"heading"}],"Empty State");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{aligned:t,body:i,bodyMaxLines:s,heading:n,imageSize:l,subheading:r}=this;return e(a,{class:{[`${t}`]:true,[`image-${l}`]:h(this.el,"image")}},h(this.el,"image")&&e("slot",{name:"image"}),e("div",null,e("slot",{name:"heading"},e("ic-typography",{variant:"h4"},n)),e("slot",{name:"subheading"},e("ic-typography",{variant:"subtitle-small"},r)),e("slot",{name:"body"},e("ic-typography",{maxLines:s},i))),h(this.el,"actions")&&e("div",{class:"action-area"},e("slot",{name:"actions"})))}get el(){return s(this)}};g.style=p;const d=":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.pagination-text-default,.pagination-text-dark,.pagination-text-light{white-space:nowrap}.pagination-text-light{color:var(--ic-color-white-text)}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";const m=class{constructor(i){t(this,i);this.icPageChange=n(this,"icPageChange",7);this.icItemsPerPageChange=n(this,"icItemsPerPageChange",7);this.PAGE_INPUT_FIELD_ID="go-to-page-input";this.INVALID_PAGE_ERROR="Please enter a valid page";this.resizeObserver=null;this.changeItemsPerPage=()=>{this.setItemsPerPage(Number(this.pageDropdownEl.value))};this.changePage=t=>{this.activePage=t;this.lowerBound=t!==1?(t-1)*this.itemsPerPage+1:t;this.setUpperBound()};this.focusElFromLabel=t=>{var i;(i=this.paginationBarEl.querySelector(t))===null||i===void 0?void 0:i.setFocus()};this.goToPage=()=>{const t=this.pageInputEl;const i=Number(t.value);if(i<=this.totalPages&&i>0){this.changePage(i);this.paginationEl.setCurrentPage(i);this.activePage=i;t.value="";this.icPageChange.emit({value:i});this.pageInputTooltipEl.displayTooltip(false,false);t.validationStatus=""}else{this.setInputError(t,this.INVALID_PAGE_ERROR)}};this.goToPageLabelClickHandler=()=>{this.focusElFromLabel("ic-text-field")};this.handleBlur=()=>{const t=this.pageInputEl;if(Number(t.value)<=this.totalPages&&Number(t.value)>0||t.value===""){t.validationStatus=""}this.pageInputTooltipEl.displayTooltip(false,false)};this.handleFocus=()=>{if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleInputChange=()=>{const t=parseInt(this.pageInputEl.value);if(t>this.totalPages||t<=0){this.setInputError(this.pageInputEl,this.INVALID_PAGE_ERROR);this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleKeydown=t=>{if(t.key==="Enter"){if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}else{this.goToPage()}}else{this.pageInputTooltipEl.displayTooltip(false,false);this.pageInputEl.validationStatus=""}};this.handleKeyUp=t=>{if(Number.isNaN(parseInt(this.pageInputEl.value))&&t.key!=="Backspace"&&t.key!=="Enter"&&t.key!=="Tab"&&t.key!=="Shift"){this.setInputError(this.pageInputEl,"Please enter a number",false);this.pageInputTooltipEl.displayTooltip(true,false)}};this.itemsPerPageLabelClickHandler=()=>{this.focusElFromLabel("ic-select")};this.paginationShouldWrap=()=>{if(this.type==="simple"){this.paginationWrapped=this.paginationEl.clientHeight>63}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const{clientWidth:t}=this.paginationBarEl;if(t-this.paginationWidth>50||t-this.paginationWidth<-50){this.paginationWidth=t;this.paginationShouldWrap()}}));this.resizeObserver.observe(this.paginationBarEl)};this.setInputError=(t,i,e=true)=>{this.inputError=i;t.validationStatus="error";if(e)t.setFocus()};this.setItemsPerPage=t=>{if(this.itemsPerPage!==t){this.itemsPerPage=t;this.itemsPerPageString=t.toString();this.icItemsPerPageChange.emit({value:this.itemsPerPage})}this.totalPages=this.totalItems>this.itemsPerPage?Math.ceil(this.totalItems/this.itemsPerPage):1;this.setUpperBound();if(this.activePage>this.totalPages){this.paginationEl.setCurrentPage(this.totalPages);this.activePage=this.totalPages}this.icPageChange.emit({value:this.activePage,fromItemsPerPage:true})};this.setPaginationBarContent=()=>{const t=this.itemsPerPageOptions||(this.totalItems<=100?[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}]:[{label:"25",value:"25"},{label:"100",value:"100"},{label:"1000",value:"1000"}]);!this.hideAllFromItemsPerPage&&t.push({label:"All",value:String(this.totalItems)});this.displayedItemsPerPageOptions=t.filter((({value:t})=>this.totalItems>=Number(t)));let i=0;const e=this.displayedItemsPerPageOptions.some((({value:t})=>{i=Number(t);return this.itemsPerPage<=i}));this.setItemsPerPage(e||!e&&this.itemsPerPage>i?i:this.itemsPerPage)};this.setUpperBound=()=>{this.upperBound=Math.min(this.lowerBound+this.itemsPerPage-1,this.totalItems)};this.capitalizedItemLabel=undefined;this.capitalizedPageLabel=undefined;this.activePage=1;this.displayedItemsPerPageOptions=undefined;this.inputError="Please enter a valid page";this.itemsPerPage=0;this.itemsPerPageString="0";this.lowerBound=1;this.lowerCaseItemLabel=undefined;this.lowerCasePageLabel=undefined;this.paginationWidth=undefined;this.paginationWrapped=false;this.totalPages=undefined;this.upperBound=undefined;this.alignment="right";this.appearance="default";this.currentPage=1;this.hideAllFromItemsPerPage=false;this.itemLabel="Item";this.itemsPerPageOptions=undefined;this.type="simple";this.rangeLabelType="page";this.pageLabel="Page";this.showGoToPageControl=false;this.hideRangeLabel=false;this.showItemsPerPageControl=false;this.totalItems=undefined}watchPageNumberHandler(){this.activePage=this.currentPage}watchItemLabelHandler(){this.capitalizedItemLabel=o(this.itemLabel);this.lowerCaseItemLabel=this.itemLabel.toLowerCase()}watchItemsPerPageOptionsHandler(t,i){if(JSON.stringify(t)===JSON.stringify(i))return;this.setPaginationBarContent()}watchPageLabelHandler(){this.capitalizedPageLabel=o(this.pageLabel);this.lowerCasePageLabel=this.pageLabel.toLowerCase()}watchTotalItemsHandler(){this.setPaginationBarContent()}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){this.watchPageNumberHandler();this.watchPageLabelHandler();this.watchItemLabelHandler();this.setPaginationBarContent()}componentDidLoad(){var t,i;this.paginationWidth=this.paginationBarEl.clientWidth;c(this.runResizeObserver);const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);if(e){const t=(i=e===null||e===void 0?void 0:e.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");if(t){t.style.textAlign="center";t.style.padding="0"}}this.paginationShouldWrap()}pageChangeHandler(t){const i=t.detail.value;this.changePage(i)}render(){const{appearance:t,alignment:i,displayedItemsPerPageOptions:a,PAGE_INPUT_FIELD_ID:s,type:n,rangeLabelType:l,hideRangeLabel:h,showItemsPerPageControl:r,showGoToPageControl:o,pageLabel:c,capitalizedPageLabel:p,lowerCasePageLabel:g,capitalizedItemLabel:d,lowerCaseItemLabel:m,totalPages:u,activePage:f,itemsPerPageString:b}=this;return e("div",{class:{["pagination-bar"]:true,[`pagination-bar-${i}`]:true},ref:t=>this.paginationBarEl=t},(!h||r)&&e("div",{class:"item-controls"},r&&e("div",{class:"items-per-page-holder"},e("ic-typography",{class:{[`pagination-text-${t}`]:true,["items-per-page-control-label"]:true},variant:"label",onClick:this.itemsPerPageLabelClickHandler},d,"s per ",g),e("ic-select",{small:true,label:"items-per-page-input",class:"items-per-page-input",hideLabel:true,options:a,value:b,onIcChange:this.changeItemsPerPage,ref:t=>this.pageDropdownEl=t})),!h&&(l==="data"?e("ic-typography",{class:{[`pagination-text-${t}`]:true,["item-pagination-label"]:true},variant:"label","aria-live":"polite"},this.upperBound===0&&`0 ${m}s`,this.upperBound>0&&`${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${m}${this.totalItems>1?"s":""}`):e("ic-typography",{class:{[`pagination-text-${t}`]:true,["page-pagination-label"]:true},variant:"label","aria-live":"polite"},p," ",f," of ",u))),e("div",{class:{["pagination-controls"]:true,["pagination-controls-wrap"]:this.paginationWrapped}},e("div",{class:"pagination-holder"},e("ic-pagination",{appearance:t,type:n,pages:u,label:c,ref:t=>this.paginationEl=t,currentPage:f})),o&&e("div",{class:"go-to-page-holder"},e("ic-typography",{class:{[`pagination-text-${t}`]:true},variant:"label",onClick:this.goToPageLabelClickHandler},"Go to ",g),e("ic-tooltip",{label:this.inputError,target:`#${s}`,disableHover:true,disableClick:true,ref:t=>this.pageInputTooltipEl=t},e("ic-text-field",{type:"number",size:"small",label:s,class:s,id:s,hideLabel:true,onKeyDown:this.handleKeydown,onKeyUp:this.handleKeyUp,onInput:this.handleInputChange,max:u,min:"1",validationInlineInternal:true,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.pageInputEl=t})),e("ic-button",{appearance:t,variant:"secondary",onClick:this.goToPage,size:"small",class:"go-to-page-button"},"Go"))))}get el(){return s(this)}static get watchers(){return{currentPage:["watchPageNumberHandler"],itemLabel:["watchItemLabelHandler"],itemsPerPageOptions:["watchItemsPerPageOptionsHandler"],pageLabel:["watchPageLabelHandler"],totalItems:["watchTotalItemsHandler"]}}};m.style=d;export{g as ic_empty_state,m as ic_pagination_bar};
+//# sourceMappingURL=p-1a317582.entry.js.map

package/dist/core/p-1f262ffe.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,F as s,H as n,g as o}from"./p-8455d1bb.js";import{d as a,a as h,p as l,i as r,b as d,e as c,f as u}from"./p-40510c97.js";const v=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24">\n    <path d="M9 3 5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"></path>\n</svg>`;const g=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(-90deg);">\n    <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const p=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(90deg)">\n    <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const f=':host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height)}.truncation-show-hide{overflow:visible;display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host([show-pagination="true"]) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:var(--table-layout, "fixed");border-spacing:0;width:100%;height:var(--table-height, auto)}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host([embedded="true"]) .table-row-container{border:var(--ic-border-light)}.column-header-inner-container{padding:var(--ic-space-xs);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-color:var(--ic-table-row-selected) !important}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-action-dark-bg-hover)}.sort-button:active{background-color:var(--ic-action-dark-bg-active)}.sort-button svg{color:var(--ic-architectural-black)}.sort-button-unsorted svg{color:var(--ic-color-tertiary-text)}.table-density-dense .column-header-inner-container,td.table-density-dense{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}.text-dense{font-size:var(--ic-font-size-label)}.table-density-spacious .column-header-inner-container,td.table-density-spacious{padding:0.625rem var(--ic-space-xs) !important}.text-spacious{font-size:1.125rem}.column-header-text{font-weight:var(--ic-font-weight-bold)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-architectural-40);border-right:var(--ic-border-light);border-bottom:var(--ic-border-light)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-border-light) !important}:host([embedded="true"]) tr:last-child .table-cell,:host([embedded="true"]) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row:nth-child(even){background-color:var(--ic-architectural-20)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-architectural-100) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.data-type-string,.data-type-address{text-align:left;vertical-align:top}.data-type-number,.data-type-date{text-align:right;justify-content:end;vertical-align:top}.cell-alignment-top{vertical-align:top;align-items:flex-start}.cell-alignment-middle{vertical-align:middle;align-items:center}.cell-alignment-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low{color:var(--ic-color-secondary-text)}.cell-emphasis-high{font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-architectural-40);border-top:var(--ic-border-light)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-border-light)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading.show-background{background-color:var(--ic-architectural-white);border:var(--ic-border-light)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.row-header-alignment-right>ic-typography,.cell-alignment-center>ic-typography{flex:1}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden;width:100%}@media screen and (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}';const m=class{constructor(n){t(this,n);this.icRowHeightChange=i(this,"icRowHeightChange",7);this.icSortChange=i(this,"icSortChange",7);this.DENSITY_HEIGHT_MULTIPLIER={dense:.8,default:1,spacious:1.2};this.DENSITY_PADDING_HEIGHT_DIFF={dense:8,default:16,spacious:20};this.SORT_ICONS={unsorted:v,ascending:g,descending:p};this.hasLoadedForOneSecond=true;this.resizeObserver=null;this.SHOW_HIDE_STRING="show-hide";this.SHOW_HIDE_CSS_CLASS=`${this.SHOW_HIDE_STRING}-wrap`;this.TOOLTIP_STRING="tooltip";this.TOOLTIP=`ic-${this.TOOLTIP_STRING}`;this.TEXT_WRAP_STRING="text-wrap";this.TEXT_WRAP_CLASS=`.${this.TEXT_WRAP_STRING}`;this.dataUpdated=false;this.rowHeightSet=false;this.initialLoad=false;this.icPageChangeEvent=false;this.itemsPerPageChange=false;this.DATA_ROW_HEIGHT_STRING="data-row-height";this.ROW_HEIGHT_CSS_VARIABLE="--row-height";this.DEFAULT_LINE_HEIGHT=24;this.densityUpdate=false;this.truncationPatternUpdated=false;this.isNewDebounceDelaySet=false;this.headerResizeObserver=null;this.IC_TOOLTIP_STRING="ic-tooltip";this.SHOW_TRUNC_TOOLTIP_STRING="show-trunc-tooltip";this.runHeaderResizeObserver=()=>{this.headerResizeObserver=new ResizeObserver((()=>{this.headerResizeCallback()}));this.headerResizeObserver.observe(this.el)};this.headerResizeCallback=()=>{if(!this.hideColumnHeaders&&this.columnHeaderTruncation){const t=this.el.shadowRoot.querySelector(".table-container").clientWidth;if(t!==this.prevTableContainerWidth){const i=this.el.shadowRoot.querySelectorAll("th.column-header");i.forEach((t=>{const i=t.querySelector(this.IC_TOOLTIP_STRING);const e=t.querySelectorAll("ic-typography");if(i&&e&&e.length===2){i.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);if(e[1].clientWidth>e[0].clientWidth){i.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING)}}}));this.prevTableContainerWidth=t}}};this.updateSetRowHeight=t=>{const i=parseInt(getComputedStyle(document.documentElement).fontSize);if(t){const e=this.getCellContainer(t);const s=i*parseFloat(e.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(t.scrollHeight>s){e.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE)}}else{this.getTypographyElements().forEach((t=>{const e=this.getCellContainer(t);const s=i*parseFloat(e.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(t.scrollHeight>s){e.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE)}}))}};this.debounceDataTruncation=()=>{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.resizeObserver=new ResizeObserver(a((()=>{this.dataTruncation(t);if(!this.isNewDebounceDelaySet){this.setNewDebounceDelay(200)}}),(()=>this.debounceDelay)));this.resizeObserver.observe(t)}}))};this.setNewDebounceDelay=t=>{this.debounceDelay=t;this.isNewDebounceDelaySet=true};this.getLines=t=>Math.floor(t/this.DEFAULT_LINE_HEIGHT);this.truncate=(t,i,e)=>{if((t===null||t===void 0?void 0:t.scrollHeight)>(i===null||i===void 0?void 0:i.clientHeight)){if(!t.closest(this.TEXT_WRAP_CLASS)){if(this.truncationPattern===this.TOOLTIP_STRING){this.addTooltipTruncation(t,i,e)}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.addShowHideTruncation(i,t)}}}else{if(this.truncationPattern===this.TOOLTIP_STRING&&e){t.setAttribute("style",`--ic-line-clamp: 0`);i.appendChild(t);e.remove()}if(this.truncationPattern===this.SHOW_HIDE_STRING&&!h(t.getAttribute("max-lines"))){this.resetShowHideTruncation(t)}}};this.dataTruncation=t=>{const i=this.getTooltip(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.classList.contains("data-type-element"))||this.dataUpdated){return}if(this.truncationPattern===this.SHOW_HIDE_STRING&&t.shadowRoot.querySelector("button")){const i=t.shadowRoot.querySelector("button");if(i){const i=this.getTruncWrapper(t);if(this.getLines(i.scrollHeight)===+t.getAttribute("max-lines")){this.resetShowHideTruncation(t)}}}if(this.rowHeightSet&&this.truncationPattern===this.SHOW_HIDE_STRING){const i=this.getTruncWrapper(t);if(i&&e.clientHeight-this.DEFAULT_LINE_HEIGHT>i.scrollHeight){this.resetShowHideTruncation(t);return}if(t.scrollHeight>e.clientHeight){this.addShowHideTruncation(e,t);return}}if((t===null||t===void 0?void 0:t.scrollHeight)>0&&(e===null||e===void 0?void 0:e.clientHeight)>0&&(t===null||t===void 0?void 0:t.scrollHeight)===(e===null||e===void 0?void 0:e.clientHeight)){if(i){this.removeTooltip(e,t,i)}return}this.truncate(t,e,i)};this.removeTextWrap=()=>{this.getTypographyElements().forEach((t=>{const i=t.closest("td");if(i.classList.contains(this.TEXT_WRAP_STRING)){i.classList.remove(this.TEXT_WRAP_STRING)}}))};this.getCellContainer=t=>t.closest(".cell-container");this.deleteTextWrapDataKey=t=>Array.isArray(t)&&t.forEach((t=>t.textWrap&&delete t.textWrap));this.startLoadingTimer=()=>{this.hasLoadedForOneSecond=false;this.timerStarted=Date.now();setTimeout((()=>{this.hasLoadedForOneSecond=true;this.timerStarted=null}),this.minimumLoadingDisplayDuration)};this.isObject=t=>typeof t==="object";this.notDefaultDensity=()=>this.density!=="default";this.getCellContent=(t,i)=>{switch(i){case"element":return undefined;case"date":return(t instanceof Date?t:new Date(t)).toLocaleDateString();default:return t}};this.getCellAlignment=(t,i)=>{if(this.isObject(t)&&Object.keys(t).includes("cellAlignment")){return this.getObjectValue(this.getObjectValue(t,"cellAlignment"),i)}};this.getCellOptions=(t,i)=>{if(!(this.isObject(t)&&Object.keys(t).includes(i)))return;return this.getObjectValue(t,i)};this.createUpdatingIndicator=()=>{const{appearance:t,description:i,max:s,min:n,progress:o}=this.updatingOptions||{};return e("th",{colSpan:this.columns.length,class:"updating-state"},e("ic-loading-indicator",{appearance:t,description:i||"Updating table data",fullWidth:true,max:s,min:n,progress:o,type:"linear",size:"small"}))};this.setRowHeight=t=>l(`${t*this.DENSITY_HEIGHT_MULTIPLIER[this.density]-this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);this.setTruncationClass=()=>{if(this.truncationPattern){return{[`truncation-${this.truncationPattern}`]:true}}return{}};this.getColumnWidth=t=>{let i={};if(t){if(typeof t==="string"){i=Object.assign(Object.assign({},i),{["--column-width"]:t})}if(typeof t==="object"&&!!Object.keys(t)){if(t===null||t===void 0?void 0:t.minWidth){i=Object.assign(Object.assign({},i),{["--column-min-width"]:t===null||t===void 0?void 0:t.minWidth})}if(t===null||t===void 0?void 0:t.maxWidth){i=Object.assign(Object.assign({},i),{["--column-max-width"]:t===null||t===void 0?void 0:t.maxWidth})}}}return i};this.getRowHeight=(t,i,e,s)=>{if((this.truncationPattern||t)&&!(i===null||i===void 0?void 0:i.textWrap)&&!e&&!this.getCellOptions(s,"textWrap")&&(i===null||i===void 0?void 0:i.dataType)!=="element"){return{[this.ROW_HEIGHT_CSS_VARIABLE]:this.setRowHeight(t)}}return{}};this.createCells=(t,i)=>{var n;const o=Object.values(t);const a=Object.keys(t);const h=this.getRowOptions(a,o);let l;let d;const c=a.indexOf("header");if(c>-1){l=this.getObjectValue(o[c],"rowAlignment");d=this.getObjectValue(o[c],"emphasis")}const u=(n=this.variableRowHeight)===null||n===void 0?void 0:n.call(this,Object.assign(Object.assign({},t),{index:i}));const v=u?u!=="auto"&&u:this.globalRowHeight!=="auto"&&this.globalRowHeight;return o.map(((t,n)=>{var o,c,u,g,p,f,m,b,w,y,x,O;const j=this.columns[n];const k=`${j===null||j===void 0?void 0:j.key}-${i}`;const $=this.isObject(t)&&Object.keys(t).includes("icon");const H=i=>this.getObjectValue(t,i);if(a[n]==="header"){return e("th",{scope:"row",colSpan:H("colspan"),class:{["row-header"]:true,[`row-header-alignment-${H("cellAlignment")}`]:!!H("cellAlignment"),["row-header-sticky"]:this.stickyRowHeaders}},H("title"))}if(a[n]!=="rowOptions"){return e("td",{class:{["table-cell"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),["with-overflow"]:(j===null||j===void 0?void 0:j.dataType)==="element"},style:Object.assign({},this.getColumnWidth(j.columnWidth))},e("div",{innerHTML:(j===null||j===void 0?void 0:j.dataType)==="element"&&!r(this.el,k)?t:null,class:Object.assign({"cell-container":(j===null||j===void 0?void 0:j.dataType)!=="element",[`cell-alignment-${((o=j===null||j===void 0?void 0:j.columnAlignment)===null||o===void 0?void 0:o.vertical)||((c=h===null||h===void 0?void 0:h.rowAlignment)===null||c===void 0?void 0:c.vertical)||l||this.getCellAlignment(t,"vertical")}`]:!!((u=j===null||j===void 0?void 0:j.columnAlignment)===null||u===void 0?void 0:u.vertical)||!!((g=h===null||h===void 0?void 0:h.rowAlignment)===null||g===void 0?void 0:g.vertical)||!!l||!!this.getCellAlignment(t,"vertical"),[`cell-alignment-${((p=j===null||j===void 0?void 0:j.columnAlignment)===null||p===void 0?void 0:p.horizontal)||((f=h===null||h===void 0?void 0:h.rowAlignment)===null||f===void 0?void 0:f.horizontal)||this.getCellAlignment(t,"horizontal")}`]:!!((m=j===null||j===void 0?void 0:j.columnAlignment)===null||m===void 0?void 0:m.horizontal)||!!((b=h===null||h===void 0?void 0:h.rowAlignment)===null||b===void 0?void 0:b.horizontal)||!!this.getCellAlignment(t,"horizontal"),[`data-type-${j===null||j===void 0?void 0:j.dataType}`]:true,[this.TEXT_WRAP_STRING]:(j===null||j===void 0?void 0:j.textWrap)||(h===null||h===void 0?void 0:h.textWrap)||!!this.getCellOptions(t,"textWrap"),["cell-icon"]:$||!!((w=j===null||j===void 0?void 0:j.icon)===null||w===void 0?void 0:w.icon)},this.setTruncationClass()),style:Object.assign(Object.assign({},this.getRowHeight(v,j,h===null||h===void 0?void 0:h.textWrap,t)),this.getColumnWidth(j===null||j===void 0?void 0:j.columnWidth)),"data-row-height":this.truncationPattern||v?this.setRowHeight(v):null},r(this.el,k)?e("slot",{name:k}):e(s,null,r(this.el,`${k}-icon`)?e("slot",{name:`${k}-icon`}):($||((y=j===null||j===void 0?void 0:j.icon)===null||y===void 0?void 0:y.onAllCells))&&(H("icon")||((x=j===null||j===void 0?void 0:j.icon)===null||x===void 0?void 0:x.icon))&&e("span",{class:"icon",innerHTML:H("icon")||((O=j===null||j===void 0?void 0:j.icon)===null||O===void 0?void 0:O.icon)}),(j===null||j===void 0?void 0:j.dataType)!=="element"&&!r(this.el,k)&&e("ic-typography",{variant:"body",class:{[`cell-emphasis-${this.isObject(t)&&H("emphasis")||(j===null||j===void 0?void 0:j.emphasis)||d}`]:this.isObject(t)&&!!H("emphasis")||!!(j===null||j===void 0?void 0:j.emphasis)||!!d,[`text-${this.density}`]:this.notDefaultDensity()}},this.isObject(t)&&(j===null||j===void 0?void 0:j.dataType)!=="date"?Object.keys(t).includes("href")?e("ic-link",{href:H("href")},H("data")):H("data"):this.getCellContent(t,j===null||j===void 0?void 0:j.dataType)))))}}))};this.createColumnHeaders=()=>this.columns.map((({cellAlignment:t,colspan:i,icon:s,key:n,title:o,columnWidth:a},h)=>e("th",{scope:"col",class:{["column-header"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),["updating-state-headers"]:this.updating&&!this.loading},style:Object.assign({},this.getColumnWidth(a)),colSpan:i},e("div",{class:{"column-header-inner-container":true,"truncation-tooltip":this.columnHeaderTruncation,[`column-header-alignment-${t}`]:!!t}},r(this.el,`${n}-column-icon`)?e("slot",{name:`${n}-column-icon`}):s&&!s.hideOnHeader&&e("span",{class:"icon",innerHTML:s.icon}),this.columnHeaderTruncation?e("ic-tooltip",{label:o,target:`column-header-${h}`},e("ic-typography",{id:`column-header-${h}`,variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},o)):e("ic-typography",{variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},o),this.sortable&&e("ic-button",{variant:"icon",id:`sort-button-${n}`,"aria-label":this.getSortButtonLabel(n),onClick:()=>this.sortRows(n),innerHTML:this.SORT_ICONS[this.sortedColumn===n?this.sortedColumnOrder:"unsorted"],class:{["sort-button"]:true,["sort-button-unsorted"]:this.sortedColumn!==n||this.sortedColumnOrder==="unsorted"}})),this.columnHeaderTruncation&&e("ic-typography",{variant:"body","aria-hidden":"true",class:{["column-header-text"]:true,["dummy-column-header-text"]:this.columnHeaderTruncation,[`text-${this.density}`]:this.notDefaultDensity()}},o))));this.onRowClick=t=>{this.selectedRow=this.selectedRow!==t&&!this.loading&&!this.updating&&t};this.createRows=()=>{const t=this.showPagination?this.data.slice(this.fromRow,this.toRow):this.data.slice();const i=t.map(((t,i)=>{const e=this.columns.map((({key:t},e)=>r(this.el,`${t}-${i}`)&&{key:t,index:e})).filter((t=>!!t));return e.length>0?d(t,e,""):t}));return i.sort(!this.sortable?undefined:this.getSortFunction()).map(((t,i)=>e("tr",{onClick:()=>this.onRowClick(t),class:{["table-row"]:true,["table-row-selected"]:this.selectedRow===t}},this.createCells(t,i))))};this.getObjectValue=(t,i)=>Object.values(t)[Object.keys(t).indexOf(i)];this.getSortButtonLabel=t=>{let i="";const e=t=>{const i=this.sortOptions.sortOrders;return i[(i.indexOf(t)+1)%i.length]};if(this.sortedColumn===t){const t=e(this.sortedColumnOrder);i=t!=="unsorted"?`Sort ${t}`:"Remove sort"}else{i=`Sort ${e("unsorted")}`}return i};this.getComparison=(t,i)=>{const e=t[this.sortedColumn];const s=i[this.sortedColumn];return this.columns.find((t=>t.key===this.sortedColumn)).dataType==="date"?new Date(e).valueOf()-new Date(s).valueOf():String(this.isObject(e)?Object.values(e)[0]:e).localeCompare(String(this.isObject(s)?Object.values(s)[0]:s),undefined,{numeric:true,sensitivity:"base"})};this.getSortFunction=()=>{switch(this.sortedColumnOrder){case"ascending":return(t,i)=>this.getComparison(t,i);case"descending":return(t,i)=>this.getComparison(i,t);default:return undefined}};this.sortRows=t=>{const i=this.el.shadowRoot.querySelector(`#sort-button-${t}`);const e=this.sortOptions.sortOrders;if(t!==this.sortedColumn){if(this.sortedColumn){const i=this.el.shadowRoot.querySelector(`#sort-button-${this.sortedColumn}`);i.setAttribute("aria-label",this.getSortButtonLabel(t))}this.sortedColumn=t;this.sortedColumnOrder="unsorted"}let s=e.indexOf(this.sortedColumnOrder)+1;if(s>e.length-1){s=0}this.sortedColumnOrder=e[s];i.setAttribute("aria-label",this.getSortButtonLabel(t));this.tableSorted=true;this.icSortChange.emit({columnName:t,sorted:this.sortedColumnOrder})};this.getTypographyElements=()=>Array.from(this.el.shadowRoot.querySelectorAll("ic-typography:not(.column-header-text)"));this.getTooltip=t=>t.closest(this.TOOLTIP);this.updateTruncationTooltip=(t=false)=>{this.getTypographyElements().forEach((i=>{const e=this.getTooltip(i);const s=this.getCellContainer(i);if(i.closest(this.TEXT_WRAP_CLASS)){this.removeTooltip(s,i,e);i.setAttribute("style",`--ic-line-clamp: 0`);return}this.regenerateTooltip(s,i,e,t)}))};this.updateScrollOffset=()=>{this.scrollOffset=this.el.shadowRoot.querySelector(".table-row-container").scrollTop};this.setTableDimensions=()=>{let t={};if(this.width){t=Object.assign(Object.assign({},t),{["--table-width"]:this.width})}if(this.height){t=Object.assign(Object.assign({},t),{["--table-height"]:this.height})}if(this.maxWidth){t=Object.assign(Object.assign({},t),{["--table-max-width"]:this.maxWidth})}if(this.minWidth){t=Object.assign(Object.assign({},t),{["--table-min-width"]:this.minWidth})}return t};this.fixCellTooltips=()=>{const t=this.el.shadowRoot.querySelectorAll(".data-type-element");t.forEach((t=>{const i=c(t);i.forEach((t=>{var i;const e=t.tagName==="IC-TOOLTIP"?t:(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.IC_TOOLTIP_STRING);if(e){e.setExternalPopperProps({strategy:"fixed"})}}))}))};this.fromRow=0;this.previousRowsPerPage=undefined;this.rowsPerPage=undefined;this.scrollable=false;this.scrollOffset=0;this.selectedRow=undefined;this.sortedColumn=undefined;this.sortedColumnOrder=undefined;this.toRow=undefined;this.currentRowHeight=undefined;this.debounceDelay=0;this.caption=undefined;this.columnHeaderTruncation=false;this.columns=undefined;this.data=undefined;this.density="default";this.embedded=false;this.globalRowHeight="auto";this.height=undefined;this.hideColumnHeaders=false;this.loading=false;this.loadingOptions=undefined;this.maxWidth=undefined;this.minWidth=undefined;this.minimumLoadingDisplayDuration=1e3;this.paginationBarOptions={itemsPerPageOptions:[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}],rangeLabelType:"page",type:"simple",showItemsPerPageControl:true,showGoToPageControl:true,alignment:"right",appearance:"default",itemLabel:"Item",pageLabel:"Page",hideRangeLabel:false,hideAllFromItemsPerPage:false};this.showPagination=false;this.sortable=false;this.sortOptions={sortOrders:["unsorted","ascending","descending"],defaultColumn:""};this.stickyColumnHeaders=false;this.stickyRowHeaders=false;this.tableLayout="fixed";this.truncationPattern=undefined;this.updating=false;this.updatingOptions=undefined;this.variableRowHeight=undefined;this.width=undefined}headerTruncationChangeHandler(){if(this.columnHeaderTruncation){this.prevTableContainerWidth=0}else{const t=this.el.shadowRoot.querySelectorAll("th.column-header");t.forEach((t=>{const i=t.querySelector(this.IC_TOOLTIP_STRING);if(i){i.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING)}}))}}disconnectedCallback(){var t,i;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.headerResizeObserver)===null||i===void 0?void 0:i.disconnect()}componentWillLoad(){var t;this.rowsPerPage=Number(this.paginationBarOptions.itemsPerPageOptions[0].value);this.previousRowsPerPage=this.rowsPerPage;this.toRow=this.rowsPerPage;this.sortedColumn=this.sortOptions.defaultColumn;this.sortedColumnOrder=this.sortOptions.sortOrders[0];this.loadingOptions=Object.assign(Object.assign({},this.loadingOptions),{showBackground:((t=this.data)===null||t===void 0?void 0:t.length)>0});this.initialLoad=true;this.previousItemsPerPage=this.rowsPerPage}componentDidLoad(){const t=this.el.shadowRoot.querySelector("table");const i=this.el.shadowRoot.querySelector(".table-container");u(this.runHeaderResizeObserver);if(this.dataUpdated){this.dataUpdated=false}if((t===null||t===void 0?void 0:t.clientHeight)>(i===null||i===void 0?void 0:i.clientHeight)||(t===null||t===void 0?void 0:t.clientWidth)>(i===null||i===void 0?void 0:i.clientWidth)){this.scrollable=true}if(this.loading){this.startLoadingTimer();this.showLoadingIndicator()}if(this.truncationPattern){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.dataTruncation(t)}}));this.debounceDataTruncation()}if(this.globalRowHeight!=="auto"){this.updateSetRowHeight()}}componentDidUpdate(){if(this.truncationPattern===this.SHOW_HIDE_STRING||this.truncationPattern===this.TOOLTIP_STRING){this.truncateUpdatedData()}}componentDidRender(){this.fixCellTooltips()}truncateUpdatedData(){if(this.dataUpdated){if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.clientHeight)-this.DEFAULT_LINE_HEIGHT>=(i===null||i===void 0?void 0:i.scrollHeight)){this.resetShowHideTruncation(t);return}setTimeout((()=>{if((t===null||t===void 0?void 0:t.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){this.addShowHideTruncation(e,t)}}),150)}))}if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}this.dataUpdated=false}if(this.tableSorted){if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.createShowHideTruncation(t,i)}else{t.resetTruncation().then((()=>{i.removeAttribute("style")}))}}))}this.tableSorted=false}if(this.rowHeightSet){const t=parseInt(getComputedStyle(document.documentElement).fontSize);const i=this.globalRowHeight==="auto";this.getTypographyElements().forEach((e=>{var s;const n=this.getCellContainer(e);const o=this.getTooltip(e);if(i){n.style.height=null;if(this.truncationPattern===this.TOOLTIP_STRING){this.removeTooltip(n,e,o);e.setAttribute("style",`--ic-line-clamp: 0`)}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.resetShowHideTruncation(e)}return}const a=t*parseFloat(n.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(!((s=n===null||n===void 0?void 0:n.style)===null||s===void 0?void 0:s.height)&&a>n.clientHeight&&!n.classList.contains(this.TEXT_WRAP_STRING)){n.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,n.getAttribute(this.DATA_ROW_HEIGHT_STRING))}if(this.truncationPattern){if(this.truncationPattern===this.SHOW_HIDE_STRING){const t=this.getTruncWrapper(e);const i=e.shadowRoot.querySelector("button");if(i&&(t===null||t===void 0?void 0:t.scrollHeight)<=n.clientHeight){this.resetShowHideTruncation(e);return}}this.truncate(e,n,o)}else{this.updateSetRowHeight(e)}}));this.rowHeightSet=false}if(this.itemsPerPageChange){const t=this.el.shadowRoot.querySelectorAll(".table-row");if(this.rowsPerPage>this.previousItemsPerPage){const i=Array.from(t).slice(this.previousItemsPerPage);i.forEach((t=>{t.querySelectorAll("ic-typography").forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);this.truncate(t,i,e)}))}))}this.previousItemsPerPage=this.rowsPerPage;this.itemsPerPageChange=false}if(!this.initialLoad&&this.icPageChangeEvent){if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=t.shadowRoot.querySelector("button");if((t===null||t===void 0?void 0:t.scrollHeight)>i.clientHeight&&!e){this.addShowHideTruncation(i,t)}}))}this.icPageChangeEvent=false}if(this.densityUpdate){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);this.truncate(t,i,e)}));this.densityUpdate=false}if(this.truncationPatternUpdated){if(this.truncationPattern===this.TOOLTIP_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);if(t.scrollHeight>i.clientHeight){this.addTooltipTruncation(t,i,e)}}))}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.clientHeight)-this.DEFAULT_LINE_HEIGHT>(i===null||i===void 0?void 0:i.scrollHeight)){this.resetShowHideTruncation(t);return}if((t===null||t===void 0?void 0:t.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){this.addShowHideTruncation(e,t)}}))}}}createShowHideTruncation(t,i){t.checkMaxLines(t.scrollHeight);t.setAttribute("max-lines",`${Math.floor((i===null||i===void 0?void 0:i.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`);t.setShowHideExpanded(false);i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,null)}addTooltipTruncation(t,i,e){this.addLineClampCSS(t,i);if(!e){this.createTruncationTooltip(t,i)}}addShowHideTruncation(t,i){t.classList.add(this.SHOW_HIDE_CSS_CLASS);this.createShowHideTruncation(i,t)}getTruncWrapper(t){return t.shadowRoot.querySelector(".trunc-wrapper")}handleTypographyTruncationExpandToggle({detail:t}){const{expanded:i,typographyEl:e}=t;const s=this.getCellContainer(e);if(s.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE)&&i){s.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,"inherit")}}handlePageChange({detail:t,target:i}){if(i.parentElement!==this.el){this.fromRow=(t.value-1)*this.rowsPerPage;this.toRow=this.fromRow+this.rowsPerPage;const i=this.el.shadowRoot.querySelector(".table-row-container");if(this.previousRowsPerPage===this.rowsPerPage){i.scrollTop=0}else if(this.previousRowsPerPage<this.rowsPerPage){i.scrollTop=this.scrollOffset;this.previousRowsPerPage=this.rowsPerPage}else{this.previousRowsPerPage=this.rowsPerPage}}if(!this.initialLoad&&this.previousPaginationPage!==t.value){this.icPageChangeEvent=true}this.previousPaginationPage=t.value;this.initialLoad=false}handleItemsPerPageChange({detail:t,target:i}){if(i.parentElement!==this.el){this.previousRowsPerPage=this.rowsPerPage;this.rowsPerPage=t.value}this.itemsPerPageChange=true}handleDensityChange(t){this.density=t.detail.value}clickListener(t){if(t.target!==this.el)this.selectedRow=undefined}loadingHandler(t){if(t)this.startLoadingTimer();if(this.loading){setTimeout((()=>{this.showLoadingIndicator()}),500)}}truncationPatternHandler(t){if(t===this.TOOLTIP_STRING){this.resetShowHideTruncation();this.updateTruncationTooltip(true);this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);this.truncate(t,i,e)}))}if(t===this.SHOW_HIDE_STRING){this.updateTruncationTooltip(true);this.getTypographyElements().forEach((t=>{const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.clientHeight)-this.DEFAULT_LINE_HEIGHT>(i===null||i===void 0?void 0:i.scrollHeight)){this.resetShowHideTruncation(t);return}setTimeout((()=>{if((t===null||t===void 0?void 0:t.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){this.addShowHideTruncation(e,t)}}),150)}))}this.truncationPatternUpdated=true}async dataHandler(t){this.loadingOptions=Object.assign(Object.assign({},this.loadingOptions),{showBackground:(t===null||t===void 0?void 0:t.length)>0});if(this.loading){!this.hasLoadedForOneSecond?setTimeout((()=>this.loading=false),this.minimumLoadingDisplayDuration-(Date.now()-this.timerStarted)):this.loading=false}if(this.updating)this.updating=false;this.dataUpdated=true}async densityHandler(){this.densityUpdate=true}resetShowHideTruncation(t){if(t){const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((i===null||i===void 0?void 0:i.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)&&!h(t.getAttribute("max-lines"))&&Math.floor((e===null||e===void 0?void 0:e.clientHeight)/this.DEFAULT_LINE_HEIGHT)!==+t.getAttribute("max-lines")){t.checkMaxLines(i.scrollHeight);t.setAttribute("max-lines",`${Math.floor((e===null||e===void 0?void 0:e.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`);t.setShowHideExpanded(false);e.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,null)}else{t.resetTruncation().then((()=>{if(!t.closest(this.TEXT_WRAP_CLASS)){e.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,e.getAttribute(this.DATA_ROW_HEIGHT_STRING))}}))}}else{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);t.resetTruncation().then((()=>{if(!t.closest(this.TEXT_WRAP_CLASS)){i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,i.getAttribute(this.DATA_ROW_HEIGHT_STRING))}}))}))}}rowHeightChangeHandler(t,i){if(+t!==+i){this.deleteTextWrapDataKey(this.data);this.deleteTextWrapDataKey(this.columns);this.removeTextWrap();this.icRowHeightChange.emit();this.rowHeightSet=true}}async resetRowHeights(t){this.globalRowHeight=t||"auto";this.variableRowHeight=null}showLoadingIndicator(){this.loadingIndicator.classList.add("show")}getRowOptions(t,i){const e=t.indexOf("rowOptions");return e>-1&&i[e]}regenerateTooltip(t,i,e,s){if(e){if(this.tableSorted){e.setAttribute("target",i.id);e.setAttribute("label",i.textContent)}else{this.removeTooltip(t,i,e)}if(s){return}}if(!i.getAttribute("style")&&this.dataUpdated){this.addLineClampCSS(i,t)}if((i===null||i===void 0?void 0:i.scrollHeight)>(t===null||t===void 0?void 0:t.clientHeight)&&this.truncationPattern===this.TOOLTIP_STRING){if(!i.getAttribute("style")||i.style.cssText.includes("--ic-line-clamp: 0;")){this.addLineClampCSS(i,t)}this.createTruncationTooltip(i,t)}}removeTooltip(t,i,e){t.appendChild(i);if(e){e.remove()}}addLineClampCSS(t,i){t.setAttribute("style",`--ic-line-clamp: ${this.getLines(i===null||i===void 0?void 0:i.clientHeight)}`)}createTruncationTooltip(t,i){const e=document.createElement(this.IC_TOOLTIP_STRING);e.setAttribute("target",t.id);e.setAttribute("label",t.textContent);e.classList.add("ic-tooltip-overflow");e.setExternalPopperProps({strategy:"fixed"});i.appendChild(e);e.appendChild(t)}render(){const{caption:t,createColumnHeaders:i,createRows:s,createUpdatingIndicator:o,data:a,hideColumnHeaders:h,loading:l,loadingOptions:d,paginationBarOptions:c,scrollable:u,scrollOffset:v,showPagination:g,sortable:p,sortedColumnOrder:f,sortedColumn:m,stickyColumnHeaders:b,updateScrollOffset:w,updating:y}=this;return e(n,{style:Object.assign({},this.setTableDimensions())},e("div",{class:"table-container"},r(this.el,"title-bar")&&e("slot",{name:"title-bar"}),e("div",{class:{["table-row-container"]:true,scrollable:u},tabIndex:u?0:null,onScroll:w},r(this.el,"title-bar")&&e("slot",{name:"title-bar"}),e("table",{style:{["--table-layout"]:this.tableLayout}},e("caption",{class:"table-caption"},t),!h&&e("thead",{class:{["column-header-sticky"]:b,["column-header-overlay"]:b&&v!==0}},e("tr",null,i())),y&&!l&&(h?e("thead",null,o()):o()),(a===null||a===void 0?void 0:a.length)>0&&!l&&e("tbody",null,s())),!(a===null||a===void 0?void 0:a.length)&&!l&&(r(this.el,"empty-state")?e("slot",{name:"empty-state"}):e("ic-empty-state",{aligned:"center",heading:"No Data",class:"loading-empty"}))),l&&e("ic-loading-indicator",{appearance:d===null||d===void 0?void 0:d.appearance,class:{"loading-empty":l,loading:true,"show-background":d.showBackground},description:d.description||"Loading table data",label:d.label||"Loading...",labelDuration:d===null||d===void 0?void 0:d.labelDuration,max:d===null||d===void 0?void 0:d.max,min:d===null||d===void 0?void 0:d.min,progress:d===null||d===void 0?void 0:d.progress,ref:t=>this.loadingIndicator=t}),(g||r(this.el,"pagination-bar"))&&e("div",{class:"pagination-container"},r(this.el,"pagination-bar")?e("slot",{name:"pagination-bar"}):e("ic-pagination-bar",{totalItems:a.length,type:c.type,rangeLabelType:c.rangeLabelType,showItemsPerPageControl:c.showItemsPerPageControl,showGoToPageControl:c.showGoToPageControl,itemsPerPageOptions:c.itemsPerPageOptions,alignment:c.alignment,appearance:c.appearance,itemLabel:c.itemLabel,pageLabel:c.pageLabel,hideRangeLabel:c.hideRangeLabel,hideAllFromItemsPerPage:c.hideAllFromItemsPerPage})),p&&e("div",{class:"screen-reader-sort-text","aria-live":"polite"},f!=="unsorted"&&m?`${m} sorted ${f}`:"table unsorted")))}get el(){return o(this)}static get watchers(){return{columnHeaderTruncation:["headerTruncationChangeHandler"],loading:["loadingHandler"],truncationPattern:["truncationPatternHandler"],data:["dataHandler"],density:["densityHandler"],globalRowHeight:["rowHeightChangeHandler"],variableRowHeight:["rowHeightChangeHandler"]}}};m.style=f;export{m as ic_data_table};
+//# sourceMappingURL=p-1f262ffe.entry.js.map