@ukic/canary-web-components 2.0.0-canary.40 → 2.0.0-canary.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/cjs/ic-badge.cjs.entry.js +1 -1
  2. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  3. package/dist/cjs/ic-checkbox-group.cjs.entry.js +1 -1
  4. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  5. package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
  6. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  7. package/dist/cjs/ic-pagination_4.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-side-navigation.cjs.entry.js +1 -1
  10. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-step.cjs.entry.js +1 -1
  12. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-top-navigation.cjs.entry.js +1 -1
  14. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  15. package/dist/components/ic-badge.js +1 -1
  16. package/dist/components/ic-badge.js.map +1 -1
  17. package/dist/components/ic-checkbox-group.js +1 -1
  18. package/dist/components/ic-checkbox-group.js.map +1 -1
  19. package/dist/components/ic-classification-banner.js +1 -1
  20. package/dist/components/ic-classification-banner.js.map +1 -1
  21. package/dist/components/ic-pagination2.js +1 -1
  22. package/dist/components/ic-pagination2.js.map +1 -1
  23. package/dist/components/ic-side-navigation.js +1 -1
  24. package/dist/components/ic-side-navigation.js.map +1 -1
  25. package/dist/components/ic-step.js +1 -1
  26. package/dist/components/ic-step.js.map +1 -1
  27. package/dist/components/ic-top-navigation.js +1 -1
  28. package/dist/components/ic-top-navigation.js.map +1 -1
  29. package/dist/core/core.esm.js +1 -1
  30. package/dist/core/p-26fa17fb.entry.js +2 -0
  31. package/dist/core/p-26fa17fb.entry.js.map +1 -0
  32. package/dist/core/p-44036532.entry.js +2 -0
  33. package/dist/core/p-44036532.entry.js.map +1 -0
  34. package/dist/core/p-61848e6b.entry.js +2 -0
  35. package/dist/core/p-61848e6b.entry.js.map +1 -0
  36. package/dist/core/p-6a920114.entry.js +2 -0
  37. package/dist/core/p-6a920114.entry.js.map +1 -0
  38. package/dist/core/p-a4f28ef1.entry.js +2 -0
  39. package/dist/core/p-a4f28ef1.entry.js.map +1 -0
  40. package/dist/core/p-b1f89f44.entry.js +2 -0
  41. package/dist/core/p-b1f89f44.entry.js.map +1 -0
  42. package/dist/core/{p-e52a9929.entry.js → p-eb87b43b.entry.js} +2 -2
  43. package/dist/core/{p-e52a9929.entry.js.map → p-eb87b43b.entry.js.map} +1 -1
  44. package/dist/esm/ic-badge.entry.js +1 -1
  45. package/dist/esm/ic-badge.entry.js.map +1 -1
  46. package/dist/esm/ic-checkbox-group.entry.js +1 -1
  47. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  48. package/dist/esm/ic-classification-banner.entry.js +1 -1
  49. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  50. package/dist/esm/ic-pagination_4.entry.js +1 -1
  51. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  52. package/dist/esm/ic-side-navigation.entry.js +1 -1
  53. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  54. package/dist/esm/ic-step.entry.js +1 -1
  55. package/dist/esm/ic-step.entry.js.map +1 -1
  56. package/dist/esm/ic-top-navigation.entry.js +1 -1
  57. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  58. package/hydrate/index.js +7 -7
  59. package/package.json +3 -3
  60. package/dist/core/p-58331a86.entry.js +0 -2
  61. package/dist/core/p-58331a86.entry.js.map +0 -1
  62. package/dist/core/p-ab311c2e.entry.js +0 -2
  63. package/dist/core/p-ab311c2e.entry.js.map +0 -1
  64. package/dist/core/p-bede1b52.entry.js +0 -2
  65. package/dist/core/p-bede1b52.entry.js.map +0 -1
  66. package/dist/core/p-c7261d64.entry.js +0 -2
  67. package/dist/core/p-c7261d64.entry.js.map +0 -1
  68. package/dist/core/p-c97463bc.entry.js +0 -2
  69. package/dist/core/p-c97463bc.entry.js.map +0 -1
  70. package/dist/core/p-ccc37027.entry.js +0 -2
  71. package/dist/core/p-ccc37027.entry.js.map +0 -1
package/dist/core/p-ccc37027.entry.js.map DELETED
@@ -1 +0,0 @@
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","expanded","deviceSize","DEVICE_SIZES","S","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","setParentPaddingTop","value","parentElement","setParentPaddingLeft","renderAppTitle","isAppNameSubtitleVariant","displayShortAppTitle","isEmptyString","shortAppTitle","h","variant","undefined","resizeObserverCallback","currSize","_c","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 = (expanded) => {\n if (this.deviceSize > DEVICE_SIZES.S) {\n this.menuExpanded = expanded;\n }\n if (this.menuExpanded) {\n this.setAndRemoveNoWrapAfterMenuExpanded();\n this.el.shadowRoot\n .querySelector(\".app-title-inner-wrapper\")\n .classList.add(\"app-title-show\");\n }\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: navItemLink ? window.getComputedStyle(navItemLink).gap : \"0\",\n iconWidth: navItemSVG ? window.getComputedStyle(navItemSVG).width : \"0\",\n paddingLeft: navItemLink\n ? window.getComputedStyle(navItemLink).paddingLeft\n : \"0\",\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 var _a;\n (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.style.setProperty(\"padding-top\", value);\n };\n this.setParentPaddingLeft = (value) => {\n var _a;\n (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.style.setProperty(\"padding-left\", value);\n };\n this.renderAppTitle = (isAppNameSubtitleVariant) => {\n const displayShortAppTitle = this.deviceSize <= DEVICE_SIZES.S && !isEmptyString(this.shortAppTitle);\n return (h(\"ic-typography\", { variant: displayShortAppTitle || isAppNameSubtitleVariant\n ? \"subtitle-small\"\n : \"h3\", \"aria-label\": displayShortAppTitle\n ? `${this.appTitle} (${this.shortAppTitle})`\n : undefined }, h(\"h1\", null, displayShortAppTitle ? this.shortAppTitle : this.appTitle)));\n };\n this.resizeObserverCallback = (currSize) => {\n var _a, _b, _c;\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 (_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.style.setProperty(\"height\", `calc(100% - ${topBarHeight}px)`);\n }\n else if (!isSmallAndDisableTopBar) {\n (_c = this.el.parentElement) === null || _c === void 0 ? void 0 : _c.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.toggleMenuExpanded(this.expanded);\n }\n componentWillLoad() {\n this.setMenuExpanded(this.expanded);\n if (this.collapsedIconLabels) {\n this.setCollapsedIconLabels();\n }\n this.hasSecondaryNavigation = isSlotUsed(this.el, \"secondary-navigation\");\n }\n componentDidLoad() {\n this.emitSideNavigationExpanded({\n sideNavExpanded: this.menuExpanded,\n sideNavMobile: this.deviceSize === DEVICE_SIZES.S && !this.disableTopBarBehaviour,\n });\n checkResizeObserver(this.runResizeObserver);\n this.styleSlottedCollapsedIconLabel();\n this.arrangeSlottedNavigationItem(this.menuExpanded);\n this.displayTooltipWithExpandedLongLabel(this.menuExpanded);\n this.setExpandedButtonHeight();\n !isSlotUsed(this.el, \"app-title\") &&\n onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: \"app-title\" }], \"Side Navigation\");\n }\n disconnectedCallback() {\n var _a;\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n (_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"transitionend\", this.transitionEndHandler);\n }\n 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(!this.menuExpanded), \"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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"}