npm - @ukic/web-components - Versions diffs - 3.0.0 → 3.1.0 - Mend

@ukic/web-components 3.0.0 → 3.1.0

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 (1143) hide show

package/dist/core/p-85b7d931.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/core/{p-a0e4d6bd.entry.js → p-8856dff4.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as o}from"./p-6b5e91e2.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}.rows{display:flex;flex-direction:column;gap:var(--ic-space-md)}:host(.ic-data-list-small) .rows{gap:var(--ic-space-xs)}.divider{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-architectural-300)}:host(.ic-data-list-small) .divider{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}@media (forced-colors: active){.divider{background-color:canvastext}}';const n=class{constructor(t){e(this,t);this.heading=undefined;this.size="default"}render(){const{el:e,heading:o,size:a}=this;if(a==="small"){Array.from(e.children).forEach((e=>e.setAttribute("size","small")))}return t(i,{class:{"ic-data-list-small":a==="small"}},t("div",{class:"heading",id:"data-list-heading"},t("slot",{name:"heading"},t("ic-typography",{variant:"h3"},o))),t("div",{class:"divider"}),t("ul",{"aria-labelledby":"data-list-heading",class:"rows"},t("slot",null)))}get el(){return o(this)}};n.style=a;export{n as ic_data_list};
-//# sourceMappingURL=p-a0e4d6bd.entry.js.map
+import{r as e,h as t,H as i,g as a}from"./p-8e4e97b4.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}.heading{--ic-typography-color:var(--ic-data-list-text-heading)}.rows{display:flex;flex-direction:column;gap:var(--ic-space-md)}:host(.ic-data-list-small) .rows{gap:var(--ic-space-xs)}.divider{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-heading)}:host(.ic-data-list-small) .divider{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}@media (forced-colors: active){.divider{background-color:canvastext}}';const n=o;const s=class{constructor(t){e(this,t);this.size="medium";this.theme="inherit"}render(){const{el:e,heading:a,size:o,theme:n}=this;if(o==="small"){Array.from(e.children).forEach((e=>e.setAttribute("size","small")))}return t(i,{key:"c4a30c18b943f01381d09d12457c586fd010ee45",class:{"ic-data-list-small":o==="small",[`ic-theme-${n}`]:n!=="inherit"}},t("div",{key:"1b977ecea27c3b39fc27713c36c04fe3b4a7303e",class:"heading",id:"data-list-heading"},t("slot",{key:"85c36f6addbade62bf7b42c480c49f05881a95aa",name:"heading"},t("ic-typography",{key:"7b558c8390953166ebfe33c4b96704d1065a7557",variant:"h3"},a))),t("div",{key:"26147d650228026e2650a24322ce251b09975a32",class:"divider"}),t("ul",{key:"37bff4526101ecef5d5daa012625725d713f180d","aria-labelledby":"data-list-heading",class:"rows"},t("slot",{key:"8065217df655c40a888748fae7382b525e0fb047"})))}get el(){return a(this)}};s.style=n;export{s as ic_data_list};
+//# sourceMappingURL=p-8856dff4.entry.js.map

package/dist/core/p-8856dff4.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["icDataListCss","IcDataListStyle0","DataList","constructor","hostRef","this","size","theme","render","el","heading","Array","from","children","forEach","child","setAttribute","h","Host","key","class","id","name","variant"],"sources":["src/components/ic-data-list/ic-data-list.css?tag=ic-data-list&encapsulation=shadow","src/components/ic-data-list/ic-data-list.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n}\n\n.heading {\n --ic-typography-color: var(--ic-data-list-text-heading);\n}\n\n.rows {\n display: flex;\n flex-direction: column;\n gap: var(--ic-space-md);\n}\n\n:host(.ic-data-list-small) .rows {\n gap: var(--ic-space-xs);\n}\n\n.divider {\n margin-top: var(--ic-space-lg);\n margin-bottom: var(--ic-space-md);\n height: var(--ic-border-width);\n background-color: var(--ic-data-list-keyline-heading);\n}\n\n:host(.ic-data-list-small) .divider {\n margin-top: var(--ic-space-sm);\n margin-bottom: var(--ic-space-xs);\n}\n\n@media (forced-colors: active) {\n .divider {\n background-color: canvastext;\n }\n}\n","import { Component, Element, Host, h, Prop } from \"@stencil/core\";\nimport { IcSizesNoLarge, IcThemeMode } from \"../../utils/types\";\n\n/**\n * @slot heading - Content will be placed at the top of the data list.\n */\n@Component({\n tag: \"ic-data-list\",\n styleUrl: \"ic-data-list.css\",\n shadow: true,\n})\nexport class DataList {\n @Element() el: HTMLIcDataListElement;\n\n /**\n * The title for the data list.\n */\n @Prop() heading?: string;\n\n /**\n * The size of the data list component.\n */\n @Prop() size?: IcSizesNoLarge = \"medium\";\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n render() {\n const { el, heading, size, theme } = this;\n\n if (size === \"small\") {\n Array.from(el.children).forEach((child) =>\n child.setAttribute(\"size\", \"small\")\n );\n }\n\n return (\n <Host\n class={{\n \"ic-data-list-small\": size === \"small\",\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n <div class=\"heading\" id=\"data-list-heading\">\n <slot name=\"heading\">\n <ic-typography variant=\"h3\">{heading}</ic-typography>\n </slot>\n </div>\n <div class=\"divider\" />\n <ul aria-labelledby=\"data-list-heading\" class=\"rows\">\n <slot></slot>\n </ul>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,m3FACtB,MAAAC,EAAeD,E,MCUFE,EAAQ,MALrB,WAAAC,CAAAC,G,UAgBUC,KAAAC,KAAwB,SAKxBD,KAAAE,MAAsB,S,CAE9B,MAAAC,GACE,MAAMC,GAAEA,EAAEC,QAAEA,EAAOJ,KAAEA,EAAIC,MAAEA,GAAUF,KAErC,GAAIC,IAAS,QAAS,CACpBK,MAAMC,KAAKH,EAAGI,UAAUC,SAASC,GAC/BA,EAAMC,aAAa,OAAQ,U,CAI/B,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,qBAAsBd,IAAS,QAC/B,CAAC,YAAYC,KAAUA,IAAU,YAGnCU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UAAUC,GAAG,qBACtBJ,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WACTL,EAAA,iBAAAE,IAAA,2CAAeI,QAAQ,MAAMb,KAGjCO,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YACXH,EAAA,MAAAE,IAAA,6DAAoB,oBAAoBC,MAAM,QAC5CH,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/core/p-8b268274.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,h as o,H as i,g as a}from"./p-8e4e97b4.js";import{r as s,i as r}from"./p-ed8957da.js";const n='/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--indicator-initial-color:rgba(23 89 188 / 0%);--focus-indicator:var(--ic-border-focus);display:flex;align-items:center;border-radius:0;color:var(--ic-tab-label);--ic-typography-color:var(--ic-tab-label);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}::slotted([slot="icon"]){fill:var(--ic-tab-icon)}:host(.ic-tab-disabled) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-disabled)}:host(:focus){box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}:host(:focus-visible){outline:var(--ic-hc-focus-outline)}:host(:hover){background-color:var(--ic-tab-item-hover)}:host(:active){background-color:var(--ic-tab-item-pressed)}:host(.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item)}:host(.ic-tab-disabled){pointer-events:none;color:var(--ic-architectural-300)}:host(.ic-tab-disabled) ic-typography{--ic-typography-color:var(--ic-tab-label-disabled)}:host(.ic-tab-monochrome){color:var(--ic-tab-label-monochrome)}:host(.ic-tab-monochrome.ic-tab-disabled) ic-typography{color:var(--ic-tab-label-monochrome-disabled)}:host(.ic-tab-monochrome) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-monochrome)}:host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-monochrome-disabled)}:host(.ic-tab-monochrome.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item-monochrome)}:host(.ic-tab-monochrome:hover){background-color:var(--ic-tab-item-hover-monochrome)}:host(.ic-tab-monochrome:active){background-color:var(--ic-tab-item-pressed-monochrome)}@media (prefers-reduced-motion: no-preference){:host(.ic-tab-selected.with-transition){transition:all var(--ic-easing-transition-slow),\n border-color var(--ic-transition-duration-slow)}}.ic-tab-label{pointer-events:none;text-wrap:nowrap}::slotted(svg){fill:currentcolor}@media (forced-colors: active){:host{border-bottom:var(--ic-space-xxs) solid canvas}:host(.ic-tab-disabled){color:GrayText}:host(.ic-tab-disabled) ic-typography{color:GrayText;--ic-typography-color:GrayText}}';const c=n;const l=class{constructor(o){t(this,o);this.tabClick=e(this,"tabClick",7);this.tabCreated=e(this,"tabCreated",7);this.tabEnabled=e(this,"tabEnabled",7);this.tabFocus=e(this,"tabFocus",7);this.tabRemoved=e(this,"tabRemoved",7);this.focusFromClick=false;this.isInitialRender=true;this.contextId="default";this.disabled=false;this.monochrome=false;this.selected=false;this.theme="inherit";this.handleClick=()=>{this.tabClick.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});if(this.focusFromClick){this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});this.focusFromClick=false}};this.handleFocus=()=>{if(!this.focusFromClick){this.focusTabId=this.tabId;this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition})}};this.handleMouseDown=()=>{this.focusFromClick=true}}watchDisabledHandler(){s(this.disabled,this.el)}disabledWatchHandler(){this.tabEnabled.emit()}connectedCallback(){this.tabCreated.emit(this.el)}disconnectedCallback(){var t;(t=document.querySelector(`ic-tab-context[context-id=${this.contextId}]`))===null\|\|t===void 0?void 0:t.tabRemovedHandler(!!this.focusTabId)}componentWillLoad(){s(this.disabled,this.el)}componentDidUpdate(){this.isInitialRender=false}async setFocus(){if(this.el){this.el.focus()}}render(){const{disabled:t,selected:e,theme:a,monochrome:s,handleClick:n,handleFocus:c,handleMouseDown:l}=this;return o(i,{key:"954c5dd86688230d4ebb36c8a98b9c30c1524fc9",class:{["with-transition"]:!this.isInitialRender,["ic-tab-selected"]:!!e,["ic-tab-disabled"]:!!t,[`ic-theme-${a}`]:a!=="inherit",["ic-tab-monochrome"]:!!s},role:"tab","aria-selected":`${e}`,onClick:n,onFocus:c,onMouseDown:l,"aria-disabled":`${t}`,tabindex:e?0:-1},r(this.el,"icon")&&o("slot",{key:"11506c4354b5dc44310df86479b02ed0638bbe32",name:"icon"}),o("ic-typography",{key:"d466ad914e607cabb9ff47dc31b6428a081b08a7",class:"ic-tab-label",variant:"label"},o("span",{key:"8cc33760084b7735ed7db8b222a2b0374c936f3f"},o("slot",{key:"04bdfe11cd1eef76fad7f6e0afa7e059251ba3cc"}))),r(this.el,"badge")&&o("slot",{key:"a29692b7826b09874aba3ec5579dbca979cd791a",name:"badge"}))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler","disabledWatchHandler"]}}};l.style=c;export{l as ic_tab};
2	+ //# sourceMappingURL=p-8b268274.entry.js.map

package/dist/core/p-8b268274.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["icTabCss","IcTabStyle0","Tab","constructor","hostRef","this","focusFromClick","isInitialRender","contextId","disabled","monochrome","selected","theme","handleClick","tabClick","emit","tabId","position","tabPosition","tabFocus","handleFocus","focusTabId","handleMouseDown","watchDisabledHandler","removeDisabledFalse","el","disabledWatchHandler","tabEnabled","connectedCallback","tabCreated","disconnectedCallback","_a","document","querySelector","tabRemovedHandler","componentWillLoad","componentDidUpdate","setFocus","focus","render","h","Host","key","class","role","onClick","onFocus","onMouseDown","tabindex","isSlotUsed","name","variant"],"sources":["src/components/ic-tab/ic-tab.css?tag=ic-tab&encapsulation=shadow","src/components/ic-tab/ic-tab.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n --indicator-initial-color: rgba(23 89 188 / 0%);\n --focus-indicator: var(--ic-border-focus);\n\n display: flex;\n align-items: center;\n border-radius: 0;\n color: var(--ic-tab-label);\n\n --ic-typography-color: var(--ic-tab-label);\n\n height: 2.5rem;\n padding: 0 var(--ic-space-md);\n cursor: pointer;\n position: relative;\n border-bottom: var(--ic-space-xxs) solid var(--indicator-initial-color);\n gap: var(--ic-space-xs);\n transition: all var(--ic-easing-transition-fast);\n}\n\n::slotted([slot=\"icon\"]) {\n fill: var(--ic-tab-icon);\n}\n\n:host(.ic-tab-disabled) ::slotted([slot=\"icon\"]) {\n fill: var(--ic-tab-icon-disabled);\n}\n\n:host(:focus) {\n box-shadow: var(--focus-indicator);\n border-radius: var(--ic-border-radius);\n}\n\n:host(:focus-visible) {\n outline: var(--ic-hc-focus-outline);\n}\n\n:host(:hover) {\n background-color: var(--ic-tab-item-hover);\n}\n\n:host(:active) {\n background-color: var(--ic-tab-item-pressed);\n}\n\n:host(.ic-tab-selected) {\n border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item);\n}\n\n:host(.ic-tab-disabled) {\n pointer-events: none;\n color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-disabled) ic-typography {\n --ic-typography-color: var(--ic-tab-label-disabled);\n}\n\n:host(.ic-tab-monochrome) {\n color: var(--ic-tab-label-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-disabled) ic-typography {\n color: var(--ic-tab-label-monochrome-disabled);\n}\n\n:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]) {\n fill: var(--ic-tab-icon-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot=\"icon\"]) {\n fill: var(--ic-tab-icon-monochrome-disabled);\n}\n\n:host(.ic-tab-monochrome.ic-tab-selected) {\n border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item-monochrome);\n}\n\n:host(.ic-tab-monochrome:hover) {\n background-color: var(--ic-tab-item-hover-monochrome);\n}\n\n:host(.ic-tab-monochrome:active) {\n background-color: var(--ic-tab-item-pressed-monochrome);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n :host(.ic-tab-selected.with-transition) {\n transition: all var(--ic-easing-transition-slow),\n border-color var(--ic-transition-duration-slow);\n }\n}\n\n.ic-tab-label {\n pointer-events: none;\n text-wrap: nowrap;\n}\n\n::slotted(svg) {\n fill: currentcolor;\n}\n\n@media (forced-colors: active) {\n :host {\n border-bottom: var(--ic-space-xxs) solid canvas;\n }\n\n :host(.ic-tab-disabled) {\n color: GrayText;\n }\n\n :host(.ic-tab-disabled) ic-typography {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n :host(ic-tab) .ic-tab-label {\n color: var(--ic-architectural-white);\n }\n :host(ic-tab.ic-tab-disabled) .ic-tab-label {\n color: inherit;\n }\n} */\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Prop,\n h,\n Method,\n Watch,\n} from \"@stencil/core\";\n\nimport { IcTabClickEventDetail } from \"./ic-tab.types\";\nimport { IcThemeMode } from \"../../utils/types\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\n\n/**\n * @slot icon - Content will be rendered next to the tab label.\n * @slot badge - Badge component displayed inline with the tab.\n */\n@Component({\n tag: \"ic-tab\",\n styleUrl: \"ic-tab.css\",\n shadow: true,\n})\nexport class Tab {\n private focusFromClick: boolean = false;\n private focusTabId: string;\n private isInitialRender: boolean = true;\n\n @Element() el: HTMLIcTabElement;\n\n /** @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. */\n @Prop({ reflect: true }) contextId?: string = \"default\";\n\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled?: boolean = false;\n @Watch(\"disabled\")\n watchDisabledHandler(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /** @internal Determines whether black variant of the tabs should be displayed. */\n @Prop() monochrome?: boolean = false;\n\n /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */\n @Prop({ reflect: true }) selected?: boolean = false;\n\n /** @internal The shared ID between panel and tab. */\n @Prop({ reflect: true }) tabId!: string;\n\n /** @internal The position of the tab inside the tabs array in context. */\n @Prop() tabPosition!: number;\n\n /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n @Watch(\"disabled\")\n disabledWatchHandler(): void {\n this.tabEnabled.emit();\n }\n\n /**\n * @internal Emitted when a tab is selected.\n */\n @Event() tabClick: EventEmitter<IcTabClickEventDetail>;\n\n /**\n * @internal Emitted when a tab is dynamically created.\n */\n @Event() tabCreated: EventEmitter<HTMLIcTabElement>;\n\n /**\n * @internal Emitted when a tab's disabled prop changes\n */\n @Event() tabEnabled: EventEmitter<void>;\n\n /**\n * @internal Emitted when a tab is focussed.\n */\n @Event() tabFocus: EventEmitter<IcTabClickEventDetail>;\n\n /**\n * @internal Emitted when a tab is unmounted.\n */\n @Event() tabRemoved: EventEmitter<void>;\n\n connectedCallback(): void {\n this.tabCreated.emit(this.el);\n }\n\n disconnectedCallback(): void {\n document\n .querySelector<HTMLIcTabContextElement>(\n `ic-tab-context[context-id=${this.contextId}]`\n )\n ?.tabRemovedHandler(!!this.focusTabId);\n }\n\n componentWillLoad(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidUpdate(): void {\n this.isInitialRender = false;\n }\n\n /**\n * Sets focus on the tab.\n */\n @Method()\n async setFocus(): Promise<void> {\n if (this.el) {\n this.el.focus();\n }\n }\n\n private handleClick = () => {\n this.tabClick.emit({\n tabId: this.tabId,\n contextId: this.contextId!,\n position: this.tabPosition,\n });\n if (this.focusFromClick) {\n this.tabFocus.emit({\n tabId: this.tabId,\n contextId: this.contextId!,\n position: this.tabPosition,\n });\n this.focusFromClick = false;\n }\n };\n\n private handleFocus = () => {\n if (!this.focusFromClick) {\n this.focusTabId = this.tabId;\n\n this.tabFocus.emit({\n tabId: this.tabId,\n contextId: this.contextId!,\n position: this.tabPosition,\n });\n }\n };\n\n private handleMouseDown = () => {\n //set flag so that focus gets handled after click\n //there is a timing issue where a long click only causes focus to happen & not the click\n //the focus does need to be a separate event though to handle focus from keyboard\n this.focusFromClick = true;\n };\n\n render() {\n const {\n disabled,\n selected,\n theme,\n monochrome,\n handleClick,\n handleFocus,\n handleMouseDown,\n } = this;\n return (\n <Host\n class={{\n [\"with-transition\"]: !this.isInitialRender,\n [\"ic-tab-selected\"]: !!selected,\n [\"ic-tab-disabled\"]: !!disabled,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n [\"ic-tab-monochrome\"]: !!monochrome,\n }}\n role=\"tab\"\n aria-selected={`${selected}`}\n onClick={handleClick}\n onFocus={handleFocus}\n onMouseDown={handleMouseDown}\n aria-disabled={`${disabled}`}\n tabindex={selected ? 0 : -1}\n >\n {isSlotUsed(this.el, \"icon\") && <slot name=\"icon\"></slot>}\n <ic-typography class=\"ic-tab-label\" variant=\"label\">\n <span>\n <slot></slot>\n </span>\n </ic-typography>\n {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n </Host>\n );\n }\n}\n"],"mappings":"2GAAA,MAAMA,EAAW,0/IACjB,MAAAC,EAAeD,E,MCwBFE,EAAG,MALhB,WAAAC,CAAAC,G,qMAMUC,KAAAC,eAA0B,MAE1BD,KAAAE,gBAA2B,KAKVF,KAAAG,UAAqB,UAKtCH,KAAAI,SAAqB,MAOrBJ,KAAAK,WAAuB,MAGNL,KAAAM,SAAqB,MAStCN,KAAAO,MAAsB,UA8DtBP,KAAAQ,YAAc,KACpBR,KAAKS,SAASC,KAAK,CACjBC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,cAEjB,GAAIb,KAAKC,eAAgB,CACvBD,KAAKc,SAASJ,KAAK,CACjBC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,cAEjBb,KAAKC,eAAiB,K,GAIlBD,KAAAe,YAAc,KACpB,IAAKf,KAAKC,eAAgB,CACxBD,KAAKgB,WAAahB,KAAKW,MAEvBX,KAAKc,SAASJ,KAAK,CACjBC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,a,GAKbb,KAAAiB,gBAAkB,KAIxBjB,KAAKC,eAAiB,IAAI,C,CA/G5B,oBAAAiB,GACEC,EAAoBnB,KAAKI,SAAUJ,KAAKoB,G,CAmB1C,oBAAAC,GACErB,KAAKsB,WAAWZ,M,CA4BlB,iBAAAa,GACEvB,KAAKwB,WAAWd,KAAKV,KAAKoB,G,CAG5B,oBAAAK,G,OACEC,EAAAC,SACGC,cACC,6BAA6B5B,KAAKG,iBACnC,MAAAuB,SAAA,SAAAA,EACCG,oBAAoB7B,KAAKgB,W,CAG/B,iBAAAc,GACEX,EAAoBnB,KAAKI,SAAUJ,KAAKoB,G,CAG1C,kBAAAW,GACE/B,KAAKE,gBAAkB,K,CAOzB,cAAM8B,GACJ,GAAIhC,KAAKoB,GAAI,CACXpB,KAAKoB,GAAGa,O,EAuCZ,MAAAC,GACE,MAAM9B,SACJA,EAAQE,SACRA,EAAQC,MACRA,EAAKF,WACLA,EAAUG,YACVA,EAAWO,YACXA,EAAWE,gBACXA,GACEjB,KACJ,OACEmC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,oBAAqBtC,KAAKE,gBAC3B,CAAC,qBAAsBI,EACvB,CAAC,qBAAsBF,EACvB,CAAC,YAAYG,KAAUA,IAAU,UACjC,CAAC,uBAAwBF,GAE3BkC,KAAK,MAAK,gBACK,GAAGjC,IAClBkC,QAAShC,EACTiC,QAAS1B,EACT2B,YAAazB,EAAe,gBACb,GAAGb,IAClBuC,SAAUrC,EAAW,GAAK,GAEzBsC,EAAW5C,KAAKoB,GAAI,SAAWe,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,SAC3CV,EAAA,iBAAAE,IAAA,2CAAeC,MAAM,eAAeQ,QAAQ,SAC1CX,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,+CAGHO,EAAW5C,KAAKoB,GAAI,UAAYe,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,U","ignoreList":[]}

package/dist/core/p-8e4e97b4.js ADDED Viewed

@@ -0,0 +1,3 @@
+const e="core";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:true,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var n=Object.defineProperty;var l=(e,t)=>{for(var l in t)n(e,l,{get:t[l],enumerable:true})};var r="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var i=new WeakMap;var o=e=>i.get(e);var f=(e,t)=>{i.set(t.t=e,t)};var a=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const l=i.set(e,n);return l};var c=(e,t)=>t in e;var u=(e,t)=>(0,console.error)(e,t);var v=new Map;var d=(e,t,n)=>{const l=e.m.replace(/-/g,"_");const r=e.$;if(!r){return void 0}const s=v.get(r);if(s){return s[l]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{v.set(r,e)}return e[l]}),(e=>{u(e,t.$hostElement$)}))};var h=new Map;var p="r";var m="o";var $="s";var y="t";var w="c";var b="s-id";var g="sty-id";var S="c-id";var k="{visibility:hidden}.hydrated{visibility:inherit}";var O="slot-fb{display:contents}slot-fb[hidden]{display:none}";var x="http://www.w3.org/1999/xlink";var C=typeof window!=="undefined"?window:{};var j=C.document||{head:{}};var T={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var L=(()=>{let e=false;try{j.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var D=e=>Promise.resolve(e);var F=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var R=false;var E=[];var M=[];var A=(e,t)=>n=>{e.push(n);if(!R){R=true;if(t&&T.l&4){U(N)}else{T.raf(N)}}};var P=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){u(e)}}e.length=0};var N=()=>{P(E);{P(M);if(R=E.length>0){T.raf(N)}}};var U=e=>D().then(e);var I=A(M,true);var W=e=>e!=null&&e!==void 0;var B=e=>{e=typeof e;return e==="object"||e==="function"};function H(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var z={};l(z,{err:()=>V,map:()=>q,ok:()=>Q,unwrap:()=>G,unwrapErr:()=>K});var Q=e=>({isOk:true,isErr:false,value:e});var V=e=>({isOk:false,isErr:true,value:e});function q(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>Q(e)))}else{return Q(n)}}if(e.isErr){const t=e.value;return V(t)}throw"should never get here"}var G=e=>{if(e.isOk){return e.value}else{throw e.value}};var K=e=>{if(e.isErr){return e.value}else{throw e.value}};var X=e=>{const t=e.__childNodes||e.childNodes;if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){_(t,e.tagName).forEach((e=>{var t;if(e.nodeType===1&&e.tagName==="SLOT-FB"){if((t=J(e,e["s-sn"],false))==null?void 0:t.length){e.hidden=true}else{e.hidden=false}}}))}for(const e of t){if(e.nodeType===1&&(e.__childNodes||e.childNodes).length){X(e)}}};function _(e,t,n){let l=0;let r=[];let s;for(;l<e.length;l++){s=e[l];if(s["s-sr"]&&s["s-hn"]===t&&(n===void 0||s["s-sn"]===n)){r.push(s);if(typeof n!=="undefined")return r}r=[...r,..._(s.childNodes,t,n)]}return r}var J=(e,t,n=true)=>{const l=[];if(n&&e["s-sr"]||!e["s-sr"])l.push(e);while((e=e.nextSibling)&&e["s-sn"]===t){l.push(e)}return l};var Y=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Z=(e,t,n,l)=>{let r;if(e["s-ol"]&&e["s-ol"].isConnected){r=e["s-ol"]}else{r=document.createTextNode("");r["s-nr"]=e}if(!t["s-cr"]||!t["s-cr"].parentNode)return;const s=t["s-cr"].parentNode;const i=n?s.__prepend||s.prepend:s.__appendChild||s.appendChild;if(typeof l!=="undefined"){{r["s-oo"]=l;const e=s.__childNodes||s.childNodes;const t=[r];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>i.call(s,e)))}}else{i.call(s,r)}e["s-ol"]=r;e["s-sh"]=t["s-hn"]};var ee=(e,t="")=>{{return()=>{}}};var te=(e,t)=>{{return()=>{}}};var ne=(e,t,...n)=>{let l=null;let r=null;let s=null;let i=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){a(l)}else if(l!=null&&typeof l!=="boolean"){if(i=typeof e!=="function"&&!B(l)){l=String(l)}if(i&&o){f[f.length-1].k+=l}else{f.push(i?le(null,l):l)}o=i}}};a(n);if(t){if(t.key){r=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,ie)}const c=le(e,null);c.O=t;if(f.length>0){c.C=f}{c.j=r}{c.T=s}return c};var le=(e,t)=>{const n={l:0,L:e,k:t,D:null,C:null};{n.O=null}{n.j=null}{n.T=null}return n};var re={};var se=e=>e&&e.L===re;var ie={forEach:(e,t)=>e.map(oe).forEach(t),map:(e,t)=>e.map(oe).map(t).map(fe)};var oe=e=>({vattrs:e.O,vchildren:e.C,vkey:e.j,vname:e.T,vtag:e.L,vtext:e.k});var fe=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return ne(e.vtag,t,...e.vchildren||[])}const t=le(e.vtag,e.vtext);t.O=e.vattrs;t.C=e.vchildren;t.j=e.vkey;t.T=e.vname;return t};var ae=(e,t,n,l)=>{const r=ee("hydrateClient",t);const s=e.shadowRoot;const i=[];const o=[];const f=[];const a=s?[]:null;const c=le(t,null);c.D=e;let u;{const t=l.i;if(t&&t.l&10&&e["s-sc"]){u=e["s-sc"];e.classList.add(u+"-h")}else if(e["s-sc"]){delete e["s-sc"]}}if(!T.F||!T.F.size){ue(j.body,T.F=new Map)}e[b]=n;e.removeAttribute(b);l.R=ce(c,i,o,a,e,e,n,f);let v=0;const d=i.length;let h;for(v;v<d;v++){h=i[v];const n=h.M+"."+h.A;const l=T.F.get(n);const r=h.D;if(!s){r["s-hn"]=t.toUpperCase();if(h.L==="slot"){r["s-cr"]=e["s-cr"]}}if(h.L==="slot"){h.T=h.D["s-sn"]||h.D["name"]||null;if(h.C){h.l|=2;if(!h.D.childNodes.length){h.C.forEach((e=>{h.D.appendChild(e.D)}))}}else{h.l|=1}}if(l&&l.isConnected){if(s&&l["s-en"]===""){l.parentNode.insertBefore(r,l.nextSibling)}l.parentNode.removeChild(l);if(!s){r["s-oo"]=parseInt(h.A)}}T.F.delete(n)}const p=[];const m=f.length;let $=0;let y;let w;let g;let S;for($;$<m;$++){y=f[$];if(!y||!y.length)continue;g=y.length;w=0;for(w;w<g;w++){S=y[w];if(!p[S.hostId]){p[S.hostId]=T.F.get(S.hostId)}if(!p[S.hostId])continue;const e=p[S.hostId];if(!e.shadowRoot||!s){S.slot["s-cr"]=e["s-cr"];if(!S.slot["s-cr"]&&e.shadowRoot){S.slot["s-cr"]=e}else{S.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}Z(S.node,S.slot,false,S.node["s-oo"])}if(e.shadowRoot&&S.node.parentElement!==e){e.appendChild(S.node)}}}if(u&&o.length){o.forEach((e=>{e.D.parentElement.classList.add(u+"-s")}))}if(s&&!s.childNodes.length){let t=0;const n=a.length;if(n){for(t;t<n;t++){s.appendChild(a[t])}Array.from(e.childNodes).forEach((e=>{if(typeof e["s-sn"]!=="string"){if(e.nodeType===1&&e.slot&&e.hidden){e.removeAttribute("hidden")}else if(e.nodeType===8||e.nodeType===3&&!e.wholeText.trim()){e.parentNode.removeChild(e)}}}))}}T.F.delete(e["s-id"]);l.$hostElement$=e;r()};var ce=(e,t,n,l,r,s,i,o=[])=>{let f;let a;let c;let u;const v=r["s-sc"];if(s.nodeType===1){f=s.getAttribute(S);if(f){a=f.split(".");if(a[0]===i||a[0]==="0"){c=ve({l:0,M:a[0],A:a[1],P:a[2],N:a[3],L:s.tagName.toLowerCase(),D:s,O:{class:s.className||""}});t.push(c);s.removeAttribute(S);if(!e.C){e.C=[]}if(v){s["s-si"]=v;c.O.class+=" "+v}const r=c.D.getAttribute("s-sn");if(typeof r==="string"){if(c.L==="slot-fb"){de(r,a[2],c,s,e,t,n,l,o);if(v){s.classList.add(v)}}c.D["s-sn"]=r;c.D.removeAttribute("s-sn")}if(c.N!==void 0){e.C[c.N]=c}e=c;if(l&&c.P==="0"){l[c.N]=c.D}}}if(s.shadowRoot){for(u=s.shadowRoot.childNodes.length-1;u>=0;u--){ce(e,t,n,l,r,s.shadowRoot.childNodes[u],i,o)}}const d=s.__childNodes||s.childNodes;for(u=d.length-1;u>=0;u--){ce(e,t,n,l,r,d[u],i,o)}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){f=a[0];c=ve({M:a[1],A:a[2],P:a[3],N:a[4]||"0",D:s,O:null,C:null,j:null,T:null,L:null,k:null});if(f===y){c.D=pe(s,3);if(c.D&&c.D.nodeType===3){c.k=c.D.textContent;t.push(c);s.remove();if(i===c.M){if(!e.C){e.C=[]}e.C[c.N]=c}if(l&&c.P==="0"){l[c.N]=c.D}}}else if(f===w){c.D=pe(s,8);if(c.D&&c.D.nodeType===8){t.push(c);s.remove()}}else if(c.M===i){if(f===$){const r=s["s-sn"]=a[5]||"";de(r,a[2],c,s,e,t,n,l,o)}else if(f===p){if(l){s.remove()}else{r["s-cr"]=s;s["s-cn"]=true}}}}}else if(e&&e.L==="style"){const t=le(null,s.textContent);t.D=s;t.N="0";e.C=[t]}else{if(s.nodeType===3&&!s.wholeText.trim()){s.remove()}}return e};var ue=(e,t)=>{if(e.nodeType===1){const n=e[b]||e.getAttribute(b);if(n){t.set(n,e)}let l=0;if(e.shadowRoot){for(;l<e.shadowRoot.childNodes.length;l++){ue(e.shadowRoot.childNodes[l],t)}}const r=e.__childNodes||e.childNodes;for(l=0;l<r.length;l++){ue(r[l],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===m){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var ve=e=>{const t={l:0,M:null,A:null,P:null,N:"0",D:null,O:null,C:null,j:null,T:null,L:null,k:null};return{...t,...e}};function de(e,t,n,l,r,s,i,o,f){l["s-sr"]=true;n.T=e||null;n.L="slot";const a=(r==null?void 0:r.D)?r.D["s-id"]||r.D.getAttribute("s-id"):"";if(o){const s=n.D=j.createElement(n.L);if(n.T){n.D.setAttribute("name",e)}if(a&&a!==n.M){r.D.insertBefore(s,r.D.children[0])}else{l.parentNode.insertBefore(n.D,l)}he(f,t,e,l,n.M);l.remove();if(n.P==="0"){o[n.N]=n.D}}else{const i=n.D;const o=a&&a!==n.M&&r.D.shadowRoot;he(f,t,e,l,o?a:n.M);if(o){r.D.insertBefore(i,r.D.children[0])}s.push(n)}i.push(n);if(!r.C){r.C=[]}r.C[n.N]=n}var he=(e,t,n,l,r)=>{let s=l.nextSibling;e[t]=e[t]||[];while(s&&((s["getAttribute"]&&s.getAttribute("slot")||s["s-sn"])===n||n===""&&!s["s-sn"]&&(s.nodeType===8&&s.nodeValue.indexOf(".")!==1||s.nodeType===3))){s["s-sn"]=n;e[t].push({slot:l,node:s,hostId:r});s=s.nextSibling}};var pe=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n};var me=(e,t)=>{if(e!=null&&!B(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var $e=e=>o(e).$hostElement$;var ye=(e,t,n)=>{const l=$e(e);return{emit:e=>we(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var we=(e,t,n)=>{const l=T.ce(t,n);e.dispatchEvent(l);return l};var be=new WeakMap;var ge=(e,t,n)=>{let l=h.get(e);if(F&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}h.set(e,l)};var Se=(e,t,n)=>{var l;const r=Oe(t);const s=h.get(r);e=e.nodeType===11?e:j;if(s){if(typeof s==="string"){e=e.head||e;let n=be.get(e);let i;if(!n){be.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(i=e.querySelector(`[${g}="${r}"]`))){i.innerHTML=s}else{i=document.querySelector(`[${g}="${r}"]`)||j.createElement("style");i.innerHTML=s;const n=(l=T.U)!=null?l:H(j);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(F){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=O}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return r};var ke=e=>{const t=e.i;const n=e.$hostElement$;const l=t.l;const r=ee("attachStyles",t.m);const s=Se(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(l&10&&l&2||l&128){n["s-sc"]=s;n.classList.add(s+"-h")}r()};var Oe=(e,t)=>"sc-"+e.m;var xe=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var Ce=()=>{const e=j.querySelectorAll(`[${g}]`);let t=0;for(;t<e.length;t++){ge(e[t].getAttribute(g),xe(e[t].innerHTML),true)}};var je=(e,t,n,l,r,s,i)=>{if(n!==l){let o=c(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const r=Le(n);let s=Le(l);if(e["s-si"]&&i){s.push(e["s-si"]);r.forEach((t=>{if(t.startsWith(e["s-si"]))s.push(t)}));s=[...new Set(s)];t.add(...s)}else{t.remove(...r.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!r.includes(e))))}}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(c(C,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||l){const r=t.endsWith(De);t=t.replace(Fe,"");if(n){T.rel(e,t,n,r)}if(l){T.ael(e,t,l,r)}}}else{const i=B(l);if((o||i&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){o=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else if(e[t]!==l){e[t]=l}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(x,t)}else{e.removeAttribute(t)}}}else if((!o||s&4||r)&&!i){l=l===true?"":l;if(a){e.setAttributeNS(x,t,l)}else{e.setAttribute(t,l)}}}}};var Te=/\s/;var Le=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Te)};var De="Capture";var Fe=new RegExp(De+"$");var Re=(e,t,n,l)=>{const r=t.D.nodeType===11&&t.D.host?t.D.host:t.D;const s=e&&e.O||{};const i=t.O||{};{for(const e of Ee(Object.keys(s))){if(!(e in i)){je(r,e,s[e],void 0,n,t.l,l)}}}for(const e of Ee(Object.keys(i))){je(r,e,s[e],i[e],n,t.l,l)}};function Ee(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Me;var Ae;var Pe;var Ne=false;var Ue=false;var Ie=false;var We=false;var Be=(e,n,l)=>{var i;const o=n.C[l];let f=0;let a;let c;let u;if(!Ne){Ie=true;if(o.L==="slot"){o.l|=o.C?2:1}}if(o.k!==null){a=o.D=j.createTextNode(o.k)}else if(o.l&1){a=o.D=j.createTextNode("")}else{if(!We){We=o.L==="svg"}a=o.D=j.createElementNS(We?r:s,!Ne&&t.slotRelocation&&o.l&2?"slot-fb":o.L);if(We&&o.L==="foreignObject"){We=false}{Re(null,o,We)}if(W(Me)&&a["s-si"]!==Me){a.classList.add(a["s-si"]=Me)}if(o.C){for(f=0;f<o.C.length;++f){c=Be(e,o,f);if(c){a.appendChild(c)}}}{if(o.L==="svg"){We=false}else if(a.tagName==="foreignObject"){We=true}}}a["s-hn"]=Pe;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=Ae;a["s-sn"]=o.T||"";a["s-rf"]=(i=o.O)==null?void 0:i.ref;u=e&&e.C&&e.C[l];if(u&&u.L===o.L&&e.D){{He(e.D,false)}}{Ze(Ae,a,n.D,e==null?void 0:e.D)}}}return a};var He=(e,n)=>{T.l|=1;const l=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Pe){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==Pe&&t["s-ol"]){Ye(Ge(t).parentNode,t,Ge(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;Ie=true}if(n){He(t,n)}}T.l&=~1};var ze=(e,t,n,l,r,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===Pe){i=i.shadowRoot}for(;r<=s;++r){if(l[r]){o=Be(null,n,r);if(o){l[r].D=o;Ye(i,o,Ge(t))}}}};var Qe=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.D;Je(t);if(e){{Ue=true;if(e["s-ol"]){e["s-ol"].remove()}else{He(e,true)}}e.remove()}}}};var Ve=(e,t,n,l,r=false)=>{let s=0;let i=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=l.length-1;let d=l[0];let h=l[v];let p;let m;while(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=l[++i]}else if(h==null){h=l[--v]}else if(qe(c,d,r)){Ke(c,d,r);c=t[++s];d=l[++i]}else if(qe(u,h,r)){Ke(u,h,r);u=t[--a];h=l[--v]}else if(qe(c,h,r)){if(c.L==="slot"||h.L==="slot"){He(c.D.parentNode,false)}Ke(c,h,r);Ye(e,c.D,u.D.nextSibling);c=t[++s];h=l[--v]}else if(qe(u,d,r)){if(c.L==="slot"||h.L==="slot"){He(u.D.parentNode,false)}Ke(u,d,r);Ye(e,u.D,c.D);u=t[--a];d=l[++i]}else{o=-1;{for(f=s;f<=a;++f){if(t[f]&&t[f].j!==null&&t[f].j===d.j){o=f;break}}}if(o>=0){m=t[o];if(m.L!==d.L){p=Be(t&&t[i],n,o)}else{Ke(m,d,r);t[o]=void 0;p=m.D}d=l[++i]}else{p=Be(t&&t[i],n,i);d=l[++i]}if(p){{Ye(Ge(c.D).parentNode,p,Ge(c.D))}}}}if(s>a){ze(e,l[v+1]==null?null:l[v+1].D,n,l,i,v)}else if(i>v){Qe(t,s,a)}};var qe=(e,t,n=false)=>{if(e.L===t.L){if(e.L==="slot"){return e.T===t.T}if(!n){return e.j===t.j}if(n&&!e.j&&t.j){e.j=t.j}return true}return false};var Ge=e=>e&&e["s-ol"]||e;var Ke=(e,n,l=false)=>{const r=n.D=e.D;const s=e.C;const i=n.C;const o=n.L;const f=n.k;let a;if(f===null){{We=o==="svg"?true:o==="foreignObject"?false:We}{if(o==="slot"&&!Ne);else{Re(e,n,We,l)}}if(s!==null&&i!==null){Ve(r,s,n,i,l)}else if(i!==null){if(e.k!==null){r.textContent=""}ze(r,null,n,i,0,i.length-1)}else if(!l&&t.updatable&&s!==null){Qe(s,0,s.length-1)}if(We&&o==="svg"){We=false}}else if(a=r["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){r.data=f}};var Xe=[];var _e=e=>{let n;let l;let r;const s=e.__childNodes||e.childNodes;for(const e of s){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){l=n.parentNode.__childNodes||n.parentNode.childNodes;const s=e["s-sn"];for(r=l.length-1;r>=0;r--){n=l[r];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]&&!t.experimentalSlotFixes){if(Y(n,s)){let t=Xe.find((e=>e.I===n));Ue=true;n["s-sn"]=n["s-sn"]||s;if(t){t.I["s-sh"]=e["s-hn"];t.W=e}else{n["s-sh"]=e["s-hn"];Xe.push({W:e,I:n})}if(n["s-sr"]){Xe.map((e=>{if(Y(e.I,n["s-sn"])){t=Xe.find((e=>e.I===n));if(t&&!e.W){e.W=t.W}}}))}}else if(!Xe.some((e=>e.I===n))){Xe.push({I:n})}}}}if(e.nodeType===1){_e(e)}}};var Je=e=>{{e.O&&e.O.ref&&e.O.ref(null);e.C&&e.C.map(Je)}};var Ye=(e,t,n)=>{if(typeof t["s-sn"]==="string"&&!!t["s-sr"]&&!!t["s-cr"]){Ze(t["s-cr"],t,e,t.parentElement)}{return e==null?void 0:e.insertBefore(t,n)}};function Ze(e,t,n,l){var r,s;let i;if(e&&typeof t["s-sn"]==="string"&&!!t["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(i=t["s-si"]||e.parentNode["s-sc"])){const e=t["s-sn"];const o=t["s-hn"];(r=n.classList)==null?void 0:r.add(i+"-s");if(l&&((s=l.classList)==null?void 0:s.contains(i+"-s"))){let t=(l.__childNodes||l.childNodes)[0];let n=false;while(t){if(t["s-sn"]!==e&&t["s-hn"]===o&&!!t["s-sr"]){n=true;break}t=t.nextSibling}if(!n)l.classList.remove(i+"-s")}}}var et=(e,t,n=false)=>{var l,r,s,i;const o=e.$hostElement$;const f=e.i;const a=e.R||le(null,null);const c=se(t)?t:ne(null,null,t);Pe=o.tagName;if(f.B){c.O=c.O||{};f.B.map((([e,t])=>c.O[t]=o[e]))}if(n&&c.O){for(const e of Object.keys(c.O)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.O[e]=o[e]}}}c.L=null;c.l|=4;e.R=c;c.D=a.D=o.shadowRoot||o;{Me=o["s-sc"]}Ne=!!(f.l&1)&&!(f.l&128);{Ae=o["s-cr"];Ue=false}Ke(a,c,n);{T.l|=1;if(Ie){_e(c.D);for(const e of Xe){const t=e.I;if(!t["s-ol"]){const e=j.createTextNode("");e["s-nr"]=t;Ye(t.parentNode,t["s-ol"]=e,t)}}for(const e of Xe){const t=e.I;const o=e.W;if(o){const e=o.parentNode;let n=o.nextSibling;{let s=(l=t["s-ol"])==null?void 0:l.previousSibling;while(s){let l=(r=s["s-nr"])!=null?r:null;if(l&&l["s-sn"]===t["s-sn"]&&e===(l.__parentNode||l.parentNode)){l=l.nextSibling;while(l===t||(l==null?void 0:l["s-sr"])){l=l==null?void 0:l.nextSibling}if(!l||!l["s-nr"]){n=l;break}}s=s.previousSibling}}const i=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==i||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ye(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(n){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(Ue){X(c.D)}T.l&=~1;Xe.length=0}Ae=void 0};var tt=(e,t)=>{if(t&&!e.H&&t["s-p"]){const n=t["s-p"].push(new Promise((l=>e.H=()=>{t["s-p"].splice(n-1,1);l()})))}};var nt=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}tt(e,e.V);const n=()=>lt(e,t);return I(n)};var lt=(e,t)=>{const n=e.$hostElement$;const l=ee("scheduleUpdate",e.i.m);const r=e.t;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.l|=256;if(e.q){e.q.map((([e,t])=>ut(r,e,t,n)));e.q=void 0}}{s=ut(r,"componentWillLoad",void 0,n)}}else{{s=ut(r,"componentWillUpdate",void 0,n)}}{s=rt(s,(()=>ut(r,"componentWillRender",void 0,n)))}l();return rt(s,(()=>it(e,r,t)))};var rt=(e,t)=>st(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var st=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var it=async(e,t,n)=>{var l;const r=e.$hostElement$;const s=ee("update",e.i.m);const i=r["s-rc"];if(n){ke(e)}const o=ee("render",e.i.m);{ot(e,t,r,n)}if(i){i.map((e=>e()));r["s-rc"]=void 0}o();s();{const t=(l=r["s-p"])!=null?l:[];const n=()=>ft(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var ot=(e,t,n,l)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{et(e,t,l)}}}}catch(t){u(t,e.$hostElement$)}return null};var ft=e=>{const t=e.i.m;const n=e.$hostElement$;const l=ee("postUpdate",t);const r=e.t;const s=e.V;{ut(r,"componentDidRender",void 0,n)}if(!(e.l&64)){e.l|=64;{vt(n)}{ut(r,"componentDidLoad",void 0,n)}l();{e.p(n);if(!s){ct()}}}else{{ut(r,"componentDidUpdate",void 0,n)}l()}{e.v(n)}{if(e.H){e.H();e.H=void 0}if(e.l&512){U((()=>nt(e,false)))}e.l&=~(4|512)}};var at=e=>{{const t=o(e);const n=t.$hostElement$.isConnected;if(n&&(t.l&(2|16))===2){nt(t,false)}return n}};var ct=t=>{U((()=>we(C,"appload",{detail:{namespace:e}})))};var ut=(e,t,n,l)=>{if(e&&e[t]){try{return e[t](n)}catch(e){u(e,l)}}return void 0};var vt=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var dt=(e,t)=>o(e).o.get(t);var ht=(e,t,n,l)=>{const r=o(e);if(!r){throw new Error(`Couldn't find host element for "${l.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const s=r.$hostElement$;const i=r.o.get(t);const f=r.l;const a=r.t;n=me(n,l.G[t][0]);const c=Number.isNaN(i)&&Number.isNaN(n);const v=n!==i&&!c;if((!(f&8)||i===void 0)&&v){r.o.set(t,n);if(a){if(l.K&&f&128){const e=l.K[t];if(e){e.map((e=>{try{a[e](n,i,t)}catch(e){u(e,s)}}))}}if((f&(2|16))===2){nt(r,false)}}}};var pt=(e,n,l)=>{var r,s;const i=e.prototype;if(n.G||(n.K||e.watchers)){if(e.watchers&&!n.K){n.K=e.watchers}const f=Object.entries((r=n.G)!=null?r:{});f.map((([e,[t]])=>{if(t&31||l&2&&t&32){const{get:r,set:s}=Object.getOwnPropertyDescriptor(i,e)||{};if(r)n.G[e][0]|=2048;if(s)n.G[e][0]|=4096;if(l&1||!r){Object.defineProperty(i,e,{get(){{if((n.G[e][0]&2048)===0){return dt(this,e)}const t=o(this);const l=t?t.t:i;if(!l)return;return l[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(r){const i=o(this);if(s){const l=t&32?this[e]:i.$hostElement$[e];if(typeof l==="undefined"&&i.o.get(e)){r=i.o.get(e)}else if(!i.o.get(e)&&l){i.o.set(e,l)}s.apply(this,[me(r,t)]);r=t&32?this[e]:i.$hostElement$[e];ht(this,e,r,n);return}{if((l&1)===0||(n.G[e][0]&4096)===0){ht(this,e,r,n);if(l&1&&!i.t){i.h.then((()=>{if(n.G[e][0]&4096&&i.t[e]!==i.o.get(e)){i.t[e]=r}}))}return}const s=()=>{const l=i.t[e];if(!i.o.get(e)&&l){i.o.set(e,l)}i.t[e]=me(r,t);ht(this,e,i.t[e],n)};if(i.t){s()}else{i.h.then((()=>s()))}}}})}else if(l&1&&t&64){Object.defineProperty(i,e,{value(...t){var n;const l=o(this);return(n=l==null?void 0:l.u)==null?void 0:n.then((()=>{var n;return(n=l.t)==null?void 0:n[e](...t)}))}})}}));if(l&1){const l=new Map;i.attributeChangedCallback=function(e,r,s){T.jmp((()=>{var f;const a=l.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){s=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==s){return}else if(a==null){const t=o(this);const l=t==null?void 0:t.l;if(l&&!(l&8)&&l&128&&s!==r){const l=t.t;const i=(f=n.K)==null?void 0:f[e];i==null?void 0:i.forEach((t=>{if(l[t]!=null){l[t].call(l,s,r,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,a);s=s===null&&typeof this[a]==="boolean"?false:s;if(s!==this[a]&&(!c.get||!!c.set)){this[a]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=n.K)!=null?s:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var r;const s=t[1]||e;l.set(s,e);if(t[0]&512){(r=n.B)==null?void 0:r.push([e,s])}return s}))]))}}return e};var mt=async(e,t,n,l)=>{let r;if((t.l&32)===0){t.l|=32;const l=n.$;if(l){const l=d(n,t);if(l&&"then"in l){const e=te();r=await l;e()}else{r=l}if(!r){throw new Error(`Constructor for "${n.m}#${t.X}" was not found`)}if(!r.isProxied){{n.K=r.watchers}pt(r,n,2);r.isProxied=true}const s=ee("createInstance",n.m);{t.l|=8}try{new r(t)}catch(t){u(t,e)}{t.l&=~8}{t.l|=128}s();$t(t.t,e)}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=Oe(n);if(!h.has(t)){const l=ee("registerStyles",n.m);ge(t,e,!!(n.l&1));l()}}}const s=t.V;const i=()=>nt(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var $t=(e,t)=>{{ut(e,"connectedCallback",void 0,t)}};var yt=e=>{if((T.l&1)===0){const t=o(e);const n=t.i;const l=ee("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let l;{l=e.getAttribute(b);if(l){if(n.l&1){const t=Se(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}else if(n.l&2){const t=Oe(n);e["s-sc"]=t}ae(e,n.m,l,t)}}if(!l){if(n.l&(4|8)){wt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){tt(t,t.V=n);break}}}if(n.G){Object.entries(n.G).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{mt(e,t,n)}}else{Ot(e,t,n._);if(t==null?void 0:t.t){$t(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>$t(t.t,e)))}}l()}};var wt=e=>{const t=e["s-cr"]=j.createComment("");t["s-cn"]=true;Ye(e,t,e.firstChild)};var bt=(e,t)=>{{ut(e,"disconnectedCallback",void 0,t||e)}};var gt=async e=>{if((T.l&1)===0){const t=o(e);{if(t.J){t.J.map((e=>e()));t.J=void 0}}if(t==null?void 0:t.t){bt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>bt(t.t,e)))}}if(be.has(e)){be.delete(e)}if(e.shadowRoot&&be.has(e.shadowRoot)){be.delete(e.shadowRoot)}};var St=(e,t={})=>{var n;const l=ee();const r=[];const s=t.exclude||[];const i=C.customElements;const f=j.head;const c=f.querySelector("meta[charset]");const u=j.createElement("style");const v=[];let d;let h=true;Object.assign(T,t);T.S=new URL(t.resourcesUrl||"./",j.baseURI).href;{T.l|=2}{Ce()}let p=false;e.map((e=>{e[1].map((t=>{var n;const l={l:t[0],m:t[1],G:t[2],_:t[3]};if(l.l&4){p=true}{l.G=t[2]}{l._=t[3]}{l.B=[]}{l.K=(n=t[4])!=null?n:{}}const f=l.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;a(e,l);if(l.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open",delegatesFocus:!!(l.l&16)})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${l.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ot(this,e,l._)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{T.jmp((()=>yt(this)))}}disconnectedCallback(){T.jmp((()=>gt(this)));T.raf((()=>{var e;const t=o(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.R)==null?void 0:e.D)instanceof Node&&!t.R.D.isConnected){delete t.R.D}}))}componentOnReady(){return o(this).h}};l.$=e[0];if(!s.includes(f)&&!i.get(f)){r.push(f);i.define(f,pt(c,l,1))}}))}));if(r.length>0){if(p){u.textContent+=O}{u.textContent+=r.sort()+k}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=T.U)!=null?n:H(j);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{T.jmp((()=>d=setTimeout(ct,30)))}}l()};var kt=(e,t)=>t;var Ot=(e,t,n,l)=>{if(n){n.map((([n,l,r])=>{const s=Ct(e,n);const i=xt(t,r);const o=jt(n);T.ael(s,l,i,o);(t.J=t.J||[]).push((()=>T.rel(s,l,i,o)))}))}};var xt=(e,t)=>n=>{var l;try{{if(e.l&256){(l=e.t)==null?void 0:l[t](n)}else{(e.q=e.q||[]).push([t,n])}}}catch(t){u(t,e.$hostElement$)}};var Ct=(e,t)=>{if(t&4)return j;return e};var jt=e=>L?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Tt=e=>T.U=e;export{kt as F,re as H,St as b,ye as c,at as f,$e as g,ne as h,D as p,f as r,Tt as s};
+//# sourceMappingURL=p-8e4e97b4.js.map