@ukic/web-components 2.1.0-beta.1 → 2.1.0-beta.10

package/dist/core/p-521be4e2.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t,H as a,g as e}from"./p-5450cebf.js";import{c as o}from"./p-44512ebe.js";import{c as n}from"./p-24240e11.js";import{y as s,i as r,D as l,g as d,k as p,c,a as h,l as v}from"./p-1724000c.js";import{I as g}from"./p-6f57b13c.js";const m=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">\n  <path d="M0 0h24v24H0V0z" fill="none" />\n  <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />\n  <title>menu icon</title>\n</svg>\n`;const b=':host{display:block;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n    --ic-transition-duration-slow\n  );--side-navigation-width:20rem;z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-theme-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-theme-primary);z-index:var(--ic-z-index-side-navigation)}:host(.inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-theme-primary);display:flex;flex-direction:column;flex:1 1 0;overflow:auto;visibility:hidden}:host(.inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--ic-keyline-lighten);position:sticky;bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-theme-primary);display:flex;flex-direction:column;visibility:hidden}:host(.dark) .bottom-wrapper{border-top:var(--ic-keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-theme-primary);position:fixed;top:0;left:0;right:0;border-bottom:var(--ic-keyline-darken);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.inline) .top-bar{position:absolute}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.top-bar.light{border-bottom:var(--ic-keyline-lighten)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--ic-keyline-darken);padding-left:var(--ic-space-xxs);color:var(--ic-theme-text);align-items:center}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-theme-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-theme-text)}slot[name="app-title"]::slotted(a),slot[name="app-icon"]::slotted(a){color:var(--ic-theme-text);outline:none;text-decoration:none}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-theme-hover)}:host .title-link:active{background-color:var(--ic-theme-active)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-theme-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{position:absolute;right:var(--ic-space-md);top:0;bottom:0;width:auto;display:flex;align-items:center;pointer-events:none}.app-status-wrapper .app-version{max-width:6.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-status-wrapper .app-status{border-radius:5rem;background-color:var(--ic-theme-text);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-right:var(--ic-space-xs);max-width:6.25rem}.app-status-wrapper .app-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6rem}:host(.dark) .app-status-wrapper .app-status{color:var(--ic-color-white-text)}.navigation-landmark-title{position:absolute;width:0.063rem;height:0.063rem;padding:0;margin:-0.063rem;overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-theme-hover);--navigation-group-text-hover:var(--ic-theme-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-active);--navigation-item-child-color:var(--ic-theme-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-height:3.5rem;--navigation-item-width:auto;--navigation-item-justify-content:flex-start}.bottom-side-nav{position:relative;align-content:flex-end;height:var(--sm-side-navigation-top-bar-height)}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{display:none}.menu-visibility-visible{visibility:visible}.menu-visibility-hidden{visibility:hidden}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 577px){:host{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.static){position:relative;left:auto;top:auto;bottom:auto}.app-icon-container{padding:var(--ic-space-xxs) 0}.top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.inline) .top-bar{position:sticky}:host(.anchor-right) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}.side-navigation,.top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}.side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.inline) .side-navigation{position:relative}:host(.anchor-right) .side-navigation{left:auto;right:0}.side-navigation-inner{width:100%;visibility:visible}.bottom-wrapper{visibility:visible}.app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-sm)}.app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}.app-title-wrapper ic-typography{margin:calc(-1 * 0.281rem) 0 calc(-1 * 0.281rem) var(--ic-space-md);font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-expanded) ic-typography{position:relative;left:0}:host(.sm-expanded) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded) :is(.side-navigation,.top-bar){left:auto;right:0}.app-status-wrapper,:host(.sm-collapsed) .app-status-wrapper{display:none}:host(.sm-expanded) .app-status-wrapper{display:flex}.bottom-side-nav{justify-items:flex-end;display:flex;flex-direction:column}.bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-theme-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}.bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}.bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-theme-hover)}:host .bottom-side-nav{outline:none}:host .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow)}:host(.anchor-right.sm-collapsed) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed) ::slotted(ic-navigation-item),:host(.sm-collapsed) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0}:host(.sm-expanded) ::slotted(ic-navigation-item),:host(.sm-expanded) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1}:host(.sm-collapsed) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels) .side-navigation,:host(.sm-collapsed.collapsed-labels) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels) .bottom-side-nav .menu-expand-button{justify-content:center}:host .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}}@media screen and (min-width: 993px){:host{position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-hc-border)}slot[name="app-icon"]::slotted(svg){fill:currentcolor}}';const u=class{constructor(a){i(this,a);this.ANIMATION_DURATION=parseInt(s("--ic-transition-duration-slow"))||0;this.emitSideNavigationExpanded=i=>{const t=new CustomEvent("sideNavExpanded",{detail:{sideNavExpanded:i.sideNavExpanded,sideNavMobile:i.sideNavMobile}});this.el.dispatchEvent(t)};this.toggleMenu=()=>{this.menuOpen=!this.menuOpen;this.setMobileMenuAriaAttributes(this.menuOpen);this.setToggleMenuFlyoutMenuVisibility(this.menuOpen);this.emitSideNavigationExpanded({sideNavExpanded:this.menuOpen,sideNavMobile:true})};this.setToggleMenuFlyoutMenuVisibility=i=>{const t=this.el.shadowRoot.querySelector("#side-navigation");const a=t.querySelector(".side-navigation-inner");const e=t.querySelector(".bottom-wrapper");if(i){e.classList.add("menu-visibility-visible");a.classList.add("menu-visibility-visible")}else{setTimeout((()=>{a.classList.remove("menu-visibility-visible");e.classList.remove("menu-visibility-visible")}),this.ANIMATION_DURATION)}};this.setMobileMenuAriaAttributes=i=>{const t=this.el.shadowRoot.querySelector("#menu-button").shadowRoot.querySelector("button");if(i){t.setAttribute("aria-expanded","true");t.setAttribute("aria-label","Close navigation menu")}else{t.setAttribute("aria-expanded","false");t.setAttribute("aria-label","Open navigation menu")}};this.setAndRemoveNoWrapAfterMenuExpanded=()=>{const i=this.el.shadowRoot.querySelector(".title-link ic-typography");i.classList.add("ic-typography-no-wrap");setTimeout((()=>{i.classList.remove("ic-typography-no-wrap")}),this.ANIMATION_DURATION)};this.toggleMenuExpanded=()=>{this.menuExpanded=!this.menuExpanded;if(this.menuExpanded){this.setAndRemoveNoWrapAfterMenuExpanded()}this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);if(this.collapsedIconLabels){this.animateCollapsedIconLabels()}this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded})};this.arrangeSlottedNavigationItem=i=>{const t=this.el.querySelectorAll("ic-navigation-item");t.forEach((t=>{const a=r(t,"navigation-item");if(a){const a=t.querySelector("[slot='navigation-item']");const e=document.createElement("div");const o=a.querySelector("svg");const n=t.textContent.trim();const s=document.createElement("ic-typography");s.classList.add("ic-typography-label","hydrated","navigation-item-side-nav-slotted-text");e.className="icon-container";e.append(o);a.textContent="";s.textContent=n;a.append(e);a.append(s);if(this.collapsedIconLabels){this.styleSlottedCollapsedIconLabels(i,s)}else{this.styleSlottedIconLabels(i,s)}}}))};this.styleSlottedCollapsedIconLabels=(i,t)=>{if(i){t.style.marginTop="0";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}else{t.style.marginTop="10px";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}};this.styleSlottedIconLabels=(i,t)=>{if(i){t.style.opacity="1";t.style.visibility="visible";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}else{t.style.opacity="0";t.style.visibility="hidden";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}};this.animateCollapsedIconLabels=()=>{const i=this.el.shadowRoot.querySelector(".primary-navigation");const t=this.el.shadowRoot.querySelector(".bottom-wrapper > .secondary-navigation");if(i){i.classList.remove("collapsed-icon-labels-end");i.classList.add("collapsed-icon-labels-start")}if(t){t.classList.remove("collapsed-icon-labels-end");t.classList.add("collapsed-icon-labels-start")}this.el.addEventListener("transitionend",(()=>{if(i){i.classList.remove("collapsed-icon-labels-start");i.classList.add("collapsed-icon-labels-end")}if(t){t.classList.remove("collapsed-icon-labels-start");t.classList.add("collapsed-icon-labels-end")}}))};this.paddingIconWidth=i=>{const t=i[0].shadowRoot&&i[0].shadowRoot.querySelector("ic-tooltip a")||i[0].querySelector("a");const a=i[0].querySelector("svg");const e={gap:window.getComputedStyle(t).gap,iconWidth:window.getComputedStyle(a).width,paddingLeft:window.getComputedStyle(t).paddingLeft};return Object.values(e).reduce(((i,t)=>i+=parseInt(t)),0)};this.displayTooltipWithExpandedLongLabel=i=>{let t;if(i){t=setTimeout((()=>{const i=this.el.clientWidth;const t=Array.from(this.el.querySelectorAll("ic-navigation-item"));const a=t.length?this.paddingIconWidth(t):0;t.forEach((t=>{var e,o;const n=((e=t.shadowRoot&&t.shadowRoot.querySelector("ic-tooltip .link ic-typography.ic-typography-label"))===null||e===void 0?void 0:e.scrollWidth)||((o=t.querySelector("ic-typography.ic-typography-label"))===null||o===void 0?void 0:o.scrollWidth);if(n>i-a){t.setAttribute("display-navigation-tooltip","true")}}))}),this.ANIMATION_DURATION)}else{clearTimeout(t);const i=Array.from(this.el.querySelectorAll("ic-navigation-item"));i.forEach((i=>{i.setAttribute("display-navigation-tooltip","false")}))}};this.setMenuExpanded=i=>{this.menuExpanded=i};this.setParentPaddingTop=i=>{this.el.parentElement.style.setProperty("padding-top",i)};this.setParentPaddingLeft=i=>{this.el.parentElement.style.setProperty("padding-left",i)};this.resizeObserver=null;this.resizeObserverCallback=i=>{if(i!==this.deviceSize){this.deviceSize=i;if(i===l.S){if(!this.disableAutoParentStyling){const i=this.el.shadowRoot.querySelector(".top-bar").scrollHeight;this.setParentPaddingTop(`${i}px`);this.setParentPaddingLeft("0");if(this.inline){this.el.parentElement.style.setProperty("height",`calc(100% - ${i}px)`)}}this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:true})}else{if(!this.disableAutoParentStyling){this.setParentPaddingTop("0");this.el.parentElement.style.setProperty("height","100%")}this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:false})}if(i>l.L){if(!this.disableAutoParentStyling){this.setParentPaddingTop("0");this.setParentPaddingLeft("0")}}else if(i>l.S&&i<=l.L&&!this.static&&!this.disableAutoParentStyling){if(this.collapsedIconLabels){this.setParentPaddingLeft("calc(var(--ic-space-xxl) * 2)")}else{this.setParentPaddingLeft("calc(var(--ic-space-xxl) + var(--ic-space-xs))")}}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const i=d();this.deviceSizeAppTitle=i;this.resizeObserverCallback(i)}));this.resizeObserver.observe(document.body,{box:"content-box"})};this.setCollapsedIconLabels=()=>{const i=Array.from(this.el.querySelectorAll("ic-navigation-item"));i.forEach((i=>{i.setAttribute("collapsed-icon-label","true")}))};this.styleSlottedCollapsedIconLabel=()=>{const i=Array.from(this.el.querySelectorAll(".navigation-item-side-nav-slotted-text"));i.forEach((i=>{var t,a;if((a=(t=i===null||i===void 0?void 0:i.parentElement)===null||t===void 0?void 0:t.parentElement)===null||a===void 0?void 0:a.classList.contains("navigation-item-side-nav-collapsed-with-label")){i.style.whiteSpace="nowrap";i.style.overflow="hidden";i.style.textOverflow="ellipsis";i.style.marginTop="10px"}}))};this.renderTopBar=({isSDevice:i,foregroundColor:a,menuOpen:e,href:n,isAppNameSubtitleVariant:s,appTitle:l})=>{const d=this.appTitle!==""&&this.appTitle!==undefined;const p=r(this.el,"app-title")?"div":"a";const c=p=="a"&&{href:n};return t("div",{class:{"top-bar":true,[this.foregroundColor]:true}},i&&t("nav",{"aria-labelledby":"menu-navigation-toggle-button-landmark","aria-hidden":"false"},t("ic-button",{"aria-label":"Open navigation menu",class:"menu-button",id:"menu-button",variant:"secondary",size:"small","full-width":"true",appearance:a,onClick:this.toggleMenu,"aria-owns":"side-navigation","aria-haspopup":"true","aria-expanded":"false"},t("span",{class:"mobile-top-bar-menu-icon",slot:"icon",innerHTML:e?o:m}),e?"Close":"Menu"),t("span",{id:"menu-navigation-toggle-button-landmark",class:"navigation-landmark-title","aria-hidden":"true"},"Navigation menu toggle button")),t("div",{class:"app-title-wrapper"},(d||r(this.el,"app-title"))&&t(p,Object.assign({},c,{class:"title-link"}),t("div",{class:"app-icon-container","aria-hidden":"true"},t("slot",{name:"app-icon"})),t("ic-typography",{variant:s?"subtitle-small":"h3"},r(this.el,"app-title")?t("slot",{name:"app-title"}):l))))};this.appTitle=undefined;this.status=undefined;this.version=undefined;this.expanded=false;this.href="/";this.static=false;this.collapsedIconLabels=false;this.inline=false;this.disableAutoParentStyling=false;this.foregroundColor=p();this.menuOpen=false;this.menuExpanded=false;this.deviceSize=l.XL;this.deviceSizeAppTitle=l.S;this.hasSecondaryNavigation=false}themeChangeHandler(i){const t=i.detail;this.foregroundColor=t.mode}componentWillLoad(){if(this.expanded){this.setMenuExpanded(true)}else{this.setMenuExpanded(false)}if(this.collapsedIconLabels){this.setCollapsedIconLabels()}this.hasSecondaryNavigation=r(this.el,"secondary-navigation")}componentDidLoad(){this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:this.deviceSize===l.S});c(this.runResizeObserver);this.arrangeSlottedNavigationItem();this.styleSlottedCollapsedIconLabel();this.displayTooltipWithExpandedLongLabel(this.menuExpanded);!r(this.el,"app-title")&&h([{prop:this.appTitle,propName:"app-title"}],"Side Navigation")}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}render(){const{appTitle:i,menuOpen:e,foregroundColor:o,menuExpanded:s,href:d,status:p,version:c,collapsedIconLabels:h,inline:m}=this;const b=this.deviceSize===l.S;const u=this.deviceSize===l.M;const f=this.deviceSize>=l.L;const x=this.deviceSizeAppTitle===l.S;const y=u||f&&!this.static;const w={isSDevice:b,foregroundColor:o,menuOpen:e,href:d,isAppNameSubtitleVariant:x,appTitle:i};return t(a,{class:{"xs-menu-open":e&&b,"xs-menu-close":!e&&b,"sm-collapsed":!b&&!s,"sm-expanded":!b&&s,[g.Dark]:o===g.Dark,["collapsed-labels"]:!b&&!s&&h,["static"]:this.static,["inline"]:m}},b&&this.renderTopBar(Object.assign({},w)),t("div",{class:"side-navigation",id:"side-navigation"},!b&&this.renderTopBar(Object.assign({},w)),t("div",{class:"side-navigation-inner"},r(this.el,"primary-navigation")&&t("nav",{class:"primary-navigation","aria-labelledby":"primary-navigation-landmark"},t("span",{"aria-hidden":"true",class:"navigation-landmark-title",id:"primary-navigation-landmark"},"Primary"),t("ul",{class:"navigation-list"},t("slot",{name:"primary-navigation"})))),t("div",{class:{["bottom-wrapper"]:true,["classification-spacing"]:v()}},r(this.el,"secondary-navigation")&&t("nav",{class:"secondary-navigation","aria-labelledby":"secondary-navigation-landmark"},t("span",{"aria-hidden":"true",class:"navigation-landmark-title",id:"secondary-navigation-landmark"},"Secondary"),t("ul",{class:"navigation-list"},t("slot",{name:"secondary-navigation"}))),t("div",{class:"bottom-side-nav"},this.hasSecondaryNavigation&&t("ic-divider",null),y&&t("button",{class:"menu-expand-button",innerHTML:n,onClick:this.toggleMenuExpanded,"aria-label":`${s?"Collapse":"Expand"} side navigation`}),t("div",{class:"app-status-wrapper"},p!==""&&t("div",{class:{["app-status"]:true}},t("ic-typography",{"aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},p)),c!==""&&t("ic-typography",{variant:"label",class:"app-version","aria-label":"app version"},c))))))}get el(){return e(this)}};u.style=b;export{u as ic_side_navigation};
+//# sourceMappingURL=p-521be4e2.entry.js.map

package/dist/core/p-521be4e2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"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"],"names":["icSideNavigationCss","SideNavigation","this","ANIMATION_DURATION","parseInt","getCssProperty","emitSideNavigationExpanded","objDetails","event","CustomEvent","detail","sideNavExpanded","sideNavMobile","el","dispatchEvent","toggleMenu","menuOpen","setMobileMenuAriaAttributes","setToggleMenuFlyoutMenuVisibility","sideNav","shadowRoot","querySelector","sideNavInner","bottomWrapper","classList","add","setTimeout","remove","nativeButton","setAttribute","setAndRemoveNoWrapAfterMenuExpanded","appTitle","toggleMenuExpanded","menuExpanded","arrangeSlottedNavigationItem","displayTooltipWithExpandedLongLabel","collapsedIconLabels","animateCollapsedIconLabels","navItems","querySelectorAll","forEach","navItem","hasUsedSlot","isSlotUsed","navItemSlot","iconWrapper","document","createElement","icon","label","textContent","trim","icTypography","className","append","styleSlottedCollapsedIconLabels","styleSlottedIconLabels","style","marginTop","whiteSpace","overflow","textOverflow","opacity","visibility","transition","primaryNavigationWrapper","secondaryNavigationWrapper","addEventListener","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","_a","scrollWidth","_b","clearTimeout","setMenuExpanded","expanded","setParentPaddingTop","value","parentElement","setProperty","setParentPaddingLeft","resizeObserver","resizeObserverCallback","currSize","deviceSize","DEVICE_SIZES","S","disableAutoParentStyling","topBarHeight","scrollHeight","inline","L","static","runResizeObserver","ResizeObserver","getCurrentDeviceSize","deviceSizeAppTitle","observe","body","box","setCollapsedIconLabels","styleSlottedCollapsedIconLabel","dynamicSlottedIcTypographyComps","contains","renderTopBar","isSDevice","foregroundColor","href","isAppNameSubtitleVariant","hasTitle","undefined","Component","attrs","h","class","top-bar","[object Object]","aria-labelledby","aria-hidden","aria-label","id","variant","size","full-width","appearance","onClick","aria-owns","aria-haspopup","aria-expanded","slot","innerHTML","closeIcon","menuIcon","assign","name","getThemeForegroundColor","XL","ev","theme","mode","hasSecondaryNavigation","checkResizeObserver","onComponentRequiredPropUndefined","prop","propName","disconnect","status","version","isMdDevice","M","isLgDevice","displayExpandBtn","topBarProps","Host","xs-menu-open","xs-menu-close","sm-collapsed","sm-expanded","IcThemeForegroundEnum","Dark","hasClassificationBanner","chevronIcon"],"mappings":"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","sourcesContent":["/**\n * @prop --ic-z-index-side-navigation: z-index of side navigation panel\n */\n\n:host {\n  display: block;\n\n  --side-navigation-position: fixed;\n  --side-navigation-position-left: 0;\n  --side-navigation-position-top: var(--ic-space-xxl);\n  --side-navigation-height: var(--ic-space-xxl);\n  --sm-side-navigation-top-bar-height: 3.5rem;\n  --sm-side-navigation-collapsed-labels-width: 6rem;\n  --sm-side-navigation-expand-transition-duration: var(\n    --ic-transition-duration-slow\n  );\n  --side-navigation-width: 20rem;\n\n  z-index: var(--ic-z-index-side-navigation);\n}\n\n:host > * {\n  box-sizing: border-box;\n}\n\n.side-navigation {\n  display: flex;\n  flex-direction: column;\n  width: var(--side-navigation-width);\n  color: var(--ic-theme-text);\n  position: var(--side-navigation-position);\n  top: var(--side-navigation-position-top);\n  left: calc(var(--side-navigation-width) * -1);\n  bottom: 0;\n  background-color: var(--ic-theme-primary);\n  z-index: var(--ic-z-index-side-navigation);\n}\n\n:host(.inline) .side-navigation {\n  position: absolute;\n  height: 100%;\n}\n\n:host(.anchor-right) .side-navigation {\n  right: calc(var(--side-navigation-width) * -1);\n}\n\n.classification-spacing {\n  margin-bottom: var(--ic-space-lg);\n}\n\n.navigation-list {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.side-navigation-inner {\n  background-color: var(--ic-theme-primary);\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 0;\n  overflow: auto;\n  visibility: hidden;\n}\n\n:host(.inline) .side-navigation-inner {\n  flex: 1;\n}\n\n:host(.xs-menu-open) .side-navigation {\n  transition: left var(--ic-easing-transition-slow);\n  left: 0;\n}\n\n:host(.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(.anchor-right.xs-menu-open) .side-navigation {\n  right: 0;\n  left: auto;\n}\n\n:host(.anchor-right.xs-menu-close) .side-navigation {\n  right: calc(var(--side-navigation-width) * -1);\n  left: auto;\n  transition: right var(--ic-easing-transition-slow);\n}\n\n.bottom-wrapper {\n  border-top: var(--ic-keyline-lighten);\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n  box-shadow: -0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);\n  background-color: var(--ic-theme-primary);\n  display: flex;\n  flex-direction: column;\n  visibility: hidden;\n}\n\n:host(.dark) .bottom-wrapper {\n  border-top: var(--ic-keyline-darken);\n}\n\n/* Mobile Top Bar */\n\n.top-bar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  min-height: var(--side-navigation-height);\n  padding: var(--ic-space-xs);\n  box-sizing: border-box;\n  background-color: var(--ic-theme-primary);\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  border-bottom: var(--ic-keyline-darken);\n  box-shadow: var(--ic-elevation-overlay);\n  z-index: 2;\n  overflow: hidden;\n  visibility: visible;\n}\n\n:host(.inline) .top-bar {\n  position: absolute;\n}\n\n.top-bar.dark a:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n.top-bar.light {\n  border-bottom: var(--ic-keyline-lighten);\n}\n\n.app-title-wrapper {\n  display: flex;\n  margin-left: var(--ic-space-xs);\n  border-left: var(--ic-keyline-darken);\n  padding-left: var(--ic-space-xxs);\n  color: var(--ic-theme-text);\n  align-items: center;\n}\n\n@media screen and (min-width: 340px) {\n  .app-title-wrapper ic-typography {\n    margin-left: var(--ic-space-xs);\n  }\n}\n\n:host .title-link {\n  display: flex;\n  align-items: center;\n  transition: box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);\n  text-decoration: none;\n  padding: var(--ic-space-xxs);\n  color: var(--ic-theme-text);\n}\n\n:host .title-link:visited,\n:host .title-link:active {\n  color: var(--ic-theme-text);\n}\n\nslot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a) {\n  color: var(--ic-theme-text);\n  outline: none;\n  text-decoration: none;\n}\n\n:host .title-link:hover {\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-theme-hover);\n}\n\n:host .title-link:active {\n  background-color: var(--ic-theme-active);\n}\n\n:host .title-link:focus,\n:host .title-link:focus-within {\n  border-radius: var(--ic-border-radius);\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  background-color: transparent;\n}\n\n:host .title-link ic-typography {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.app-title-wrapper ::slotted(svg) {\n  fill: var(--ic-theme-text);\n}\n\n.app-icon-container {\n  display: none;\n}\n\n.button-label {\n  display: flex;\n  align-items: center;\n}\n\n.mobile-top-bar-menu-icon {\n  display: flex;\n}\n\n.menu-button {\n  width: 6.5rem;\n}\n\n.app-status-wrapper {\n  position: absolute;\n  right: var(--ic-space-md);\n  top: 0;\n  bottom: 0;\n  width: auto;\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.app-status-wrapper .app-version {\n  max-width: 6.25rem;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.app-status-wrapper .app-status {\n  border-radius: 5rem;\n  background-color: var(--ic-theme-text);\n  color: var(--ic-color-primary-text);\n  padding: var(--ic-space-xxs) var(--ic-space-lg);\n  margin-right: var(--ic-space-xs);\n  max-width: 6.25rem;\n}\n\n.app-status-wrapper .app-status-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 6rem;\n}\n\n:host(.dark) .app-status-wrapper .app-status {\n  color: var(--ic-color-white-text);\n}\n\n.navigation-landmark-title {\n  position: absolute;\n  width: 0.063rem;\n  height: 0.063rem;\n  padding: 0;\n  margin: -0.063rem;\n  overflow: hidden;\n}\n\n/* Navigation Group */\n\n::slotted(ic-navigation-group) {\n  --navigation-group-height: 2.75rem;\n  --navigation-group-width: 100%;\n  --navigation-group-justify-content: space-between;\n  --navigation-group-hover: var(--ic-theme-hover);\n  --navigation-group-text-hover: var(--ic-theme-text);\n  --navigation-item-child-height: 3.5rem;\n  --navigation-item-child-active: var(--ic-action-dark-bg-active);\n  --navigation-item-child-color: var(--ic-theme-text);\n  --navigation-group-expand-toggle-padding: 0.25rem;\n}\n\n/* Navigation Items */\n\n::slotted(ic-navigation-item),\n::slotted(ic-navigation-group) {\n  --navigation-item-height: 3.5rem;\n  --navigation-item-width: auto;\n  --navigation-item-justify-content: flex-start;\n}\n\n/* Toggle Chevron */\n\n.bottom-side-nav {\n  position: relative;\n  align-content: flex-end;\n  height: var(--sm-side-navigation-top-bar-height);\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  display: none;\n}\n\n.menu-visibility-visible {\n  visibility: visible;\n}\n\n.menu-visibility-hidden {\n  visibility: hidden;\n}\n\n/* Media Queries */\n\n@media screen and (min-width: 340px) {\n  .app-icon-container {\n    display: flex;\n  }\n}\n\n@media screen and (min-width: 577px) {\n  :host {\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(.static) {\n    position: relative;\n    left: auto;\n    top: auto;\n    bottom: auto;\n  }\n\n  .app-icon-container {\n    padding: var(--ic-space-xxs) 0;\n  }\n\n  .top-bar {\n    --side-navigation-height: var(--sm-side-navigation-top-bar-height);\n\n    position: relative;\n    padding: 0;\n    box-shadow: -0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%);\n  }\n\n  :host(.inline) .top-bar {\n    position: sticky;\n  }\n\n  :host(.anchor-right) .top-bar {\n    box-shadow: 0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%);\n  }\n\n  :host(.anchor-right) .bottom-wrapper {\n    box-shadow: 0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);\n  }\n\n  .side-navigation,\n  .top-bar {\n    width: var(--sm-side-navigation-top-bar-height);\n  }\n\n  :host(.sm-collapsed) {\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) {\n    width: var(--sm-side-navigation-collapsed-labels-width);\n  }\n\n  :host(.sm-expanded) {\n    width: var(--side-navigation-width);\n    transition: width var(--ic-easing-transition-slow);\n    box-shadow: var(--ic-elevation-overlay);\n  }\n\n  .side-navigation {\n    --side-navigation-position-top: 0;\n\n    flex: 1;\n    position: relative;\n    top: auto;\n    left: auto;\n    bottom: auto;\n  }\n\n  :host(.inline) .side-navigation {\n    position: relative;\n  }\n\n  :host(.anchor-right) .side-navigation {\n    left: auto;\n    right: 0;\n  }\n\n  .side-navigation-inner {\n    width: 100%;\n    visibility: visible;\n  }\n\n  .bottom-wrapper {\n    visibility: visible;\n  }\n\n  .app-title-wrapper {\n    margin-left: 0;\n    border-left: none;\n    padding: var(--ic-space-sm);\n  }\n\n  .app-title-wrapper ::slotted(svg) {\n    height: var(--ic-space-lg);\n    width: var(--ic-space-lg);\n  }\n\n  .app-title-wrapper ic-typography {\n    margin: calc(-1 * 0.281rem) 0 calc(-1 * 0.281rem) var(--ic-space-md);\n    font-weight: var(--ic-font-weight-semibold);\n  }\n\n  :host(.sm-collapsed) .app-title-wrapper ic-typography {\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n    transition: opacity var(--ic-easing-transition-slow);\n  }\n\n  :host(.sm-expanded) ic-typography {\n    position: relative;\n    left: 0;\n  }\n\n  :host(.sm-expanded) :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) :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) :is(.side-navigation, .top-bar) {\n    left: auto;\n    right: 0;\n  }\n\n  .app-status-wrapper,\n  :host(.sm-collapsed) .app-status-wrapper {\n    display: none;\n  }\n\n  :host(.sm-expanded) .app-status-wrapper {\n    display: flex;\n  }\n\n  .bottom-side-nav {\n    justify-items: flex-end;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .bottom-side-nav .menu-expand-button {\n    padding-left: var(--ic-space-md);\n    height: var(--sm-side-navigation-top-bar-height);\n    width: 100%;\n    color: var(--ic-theme-text);\n    background-color: transparent;\n    outline: var(--ic-hc-focus-outline);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    transition: var(--ic-easing-transition-fast);\n  }\n\n  .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  .bottom-side-nav .menu-expand-button:hover {\n    background-color: var(--ic-theme-hover);\n  }\n\n  :host .bottom-side-nav {\n    outline: none;\n  }\n\n  :host .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) .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) .bottom-side-nav .menu-expand-button svg {\n    transform: scaleX(-1);\n    transition: transform var(--ic-easing-transition-slow);\n  }\n\n  :host(.anchor-right.sm-collapsed) .bottom-side-nav .menu-expand-button svg {\n    transform: scaleX(-1);\n  }\n\n  :host(.anchor-right.sm-expanded) .bottom-side-nav .menu-expand-button svg {\n    transform: scaleX(1);\n  }\n\n  :host(.sm-collapsed) ::slotted(ic-navigation-item) {\n    --navigation-item-label-opacity: 1;\n  }\n\n  :host(.sm-collapsed) ::slotted(ic-navigation-item),\n  :host(.sm-collapsed) ::slotted(ic-navigation-group) {\n    --navigation-item-label-opacity: 0;\n  }\n\n  :host(.sm-expanded) ::slotted(ic-navigation-item),\n  :host(.sm-expanded) ::slotted(ic-navigation-group) {\n    --navigation-item-label-opacity: 1;\n  }\n\n  :host(.sm-collapsed) ::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) ::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-navigation,\n  :host(.sm-collapsed.collapsed-labels) .top-bar {\n    width: var(--sm-side-navigation-collapsed-labels-width);\n  }\n\n  :host(.sm-collapsed.collapsed-labels) .menu-expand-button {\n    padding: 0;\n  }\n\n  :host(.sm-collapsed.collapsed-labels) .app-title-wrapper {\n    width: 100%;\n    justify-content: center;\n  }\n\n  :host(.sm-collapsed.collapsed-labels) ::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) .bottom-side-nav .menu-expand-button {\n    justify-content: center;\n  }\n\n  :host .collapsed-icon-labels-start {\n    visibility: hidden;\n    opacity: 0;\n  }\n\n  :host .collapsed-icon-labels-end {\n    visibility: visible;\n    opacity: 1;\n    transition: visibility 0s, opacity var(--ic-easing-transition-slow);\n  }\n}\n\n@media screen and (min-width: 993px) {\n  :host {\n    position: sticky;\n    left: auto;\n    top: 0;\n    bottom: 0;\n  }\n\n  :host(.sm-expanded) {\n    box-shadow: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .side-navigation,\n  .top-bar {\n    border-right: var(--ic-hc-border);\n  }\n\n  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} 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  getThemeForegroundColor,\n  getCssProperty,\n  hasClassificationBanner,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\nimport {\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { IcTopBar } 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  @Element() el: HTMLIcSideNavigationElement;\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   * The status of the app to be displayed.\n   */\n  @Prop() status: string;\n  /**\n   * The version of the app to be displayed.\n   */\n  @Prop() version: string;\n  /**\n   * If `true`, the side navigation will load in an expanded state.\n   */\n  @Prop() expanded: boolean = false;\n  /**\n   * The URL that the app title link points to.\n   */\n  @Prop() href: string = \"/\";\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   * If `true`, the icon and label will appear when side navigation is collapsed.\n   */\n  @Prop() collapsedIconLabels: boolean = false;\n  /**\n   * @internal If `true`, side navigation will be contained by its parent element.\n   */\n  @Prop() inline: boolean = false;\n\n  /**\n   * If `true`, automatic parent wrapper styling will be disabled.\n   */\n  @Prop() disableAutoParentStyling: boolean = false;\n\n  @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n  @State() menuOpen: boolean = false;\n  @State() menuExpanded: boolean = false;\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() deviceSizeAppTitle = DEVICE_SIZES.S;\n  @State() hasSecondaryNavigation: boolean = false;\n\n  private ANIMATION_DURATION =\n    parseInt(getCssProperty(\"--ic-transition-duration-slow\")) || 0;\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.foregroundColor = theme.mode;\n  }\n\n  private emitSideNavigationExpanded = (objDetails: {\n    sideNavExpanded: boolean;\n    sideNavMobile?: boolean;\n  }): void => {\n    const event = new CustomEvent(\"sideNavExpanded\", {\n      detail: {\n        sideNavExpanded: objDetails.sideNavExpanded,\n        sideNavMobile: objDetails.sideNavMobile,\n      },\n    });\n    this.el.dispatchEvent(event);\n  };\n\n  private toggleMenu = (): void => {\n    this.menuOpen = !this.menuOpen;\n    this.setMobileMenuAriaAttributes(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    if (menuOpen) {\n      bottomWrapper.classList.add(\"menu-visibility-visible\");\n      sideNavInner.classList.add(\"menu-visibility-visible\");\n    } else {\n      setTimeout(() => {\n        sideNavInner.classList.remove(\"menu-visibility-visible\");\n        bottomWrapper.classList.remove(\"menu-visibility-visible\");\n      }, this.ANIMATION_DURATION);\n    }\n  };\n\n  private setMobileMenuAriaAttributes = (menuOpen: boolean) => {\n    const nativeButton = this.el.shadowRoot\n      .querySelector(\"#menu-button\")\n      .shadowRoot.querySelector(\"button\");\n\n    if (menuOpen) {\n      nativeButton.setAttribute(\"aria-expanded\", \"true\");\n      nativeButton.setAttribute(\"aria-label\", \"Close navigation menu\");\n    } else {\n      nativeButton.setAttribute(\"aria-expanded\", \"false\");\n      nativeButton.setAttribute(\"aria-label\", \"Open navigation menu\");\n    }\n  };\n\n  private setAndRemoveNoWrapAfterMenuExpanded = () => {\n    const appTitle = this.el.shadowRoot.querySelector(\n      \".title-link ic-typography\"\n    );\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 = (): void => {\n    this.menuExpanded = !this.menuExpanded;\n\n    if (this.menuExpanded) {\n      this.setAndRemoveNoWrapAfterMenuExpanded();\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.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/collaped animations as external CSS classes are not\n   * do not take affect.\n   * @param menuExpanded boolean - true or false depending on seide navigation state\n   */\n  private arrangeSlottedNavigationItem = (menuExpanded?: boolean) => {\n    const navItems = this.el.querySelectorAll(\"ic-navigation-item\");\n\n    navItems.forEach((navItem) => {\n      const hasUsedSlot = isSlotUsed(navItem, \"navigation-item\");\n\n      if (hasUsedSlot) {\n        const navItemSlot = navItem.querySelector(\"[slot='navigation-item']\");\n        const iconWrapper = document.createElement(\"div\");\n        const icon = navItemSlot.querySelector(\"svg\");\n        const label = navItem.textContent.trim();\n        const icTypography = document.createElement(\"ic-typography\");\n        icTypography.classList.add(\n          \"ic-typography-label\",\n          \"hydrated\",\n          \"navigation-item-side-nav-slotted-text\"\n        );\n\n        iconWrapper.className = \"icon-container\";\n        iconWrapper.append(icon);\n\n        navItemSlot.textContent = \"\";\n\n        icTypography.textContent = label;\n\n        navItemSlot.append(iconWrapper);\n        navItemSlot.append(icTypography);\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 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 animateCollapsedIconLabels = () => {\n    const primaryNavigationWrapper = this.el.shadowRoot.querySelector(\n      \".primary-navigation\"\n    );\n    const secondaryNavigationWrapper = this.el.shadowRoot.querySelector(\n      \".bottom-wrapper > .secondary-navigation\"\n    );\n\n    if (primaryNavigationWrapper) {\n      primaryNavigationWrapper.classList.remove(\"collapsed-icon-labels-end\");\n      primaryNavigationWrapper.classList.add(\"collapsed-icon-labels-start\");\n    }\n\n    if (secondaryNavigationWrapper) {\n      secondaryNavigationWrapper.classList.remove(\"collapsed-icon-labels-end\");\n      secondaryNavigationWrapper.classList.add(\"collapsed-icon-labels-start\");\n    }\n\n    this.el.addEventListener(\"transitionend\", () => {\n      if (primaryNavigationWrapper) {\n        primaryNavigationWrapper.classList.remove(\n          \"collapsed-icon-labels-start\"\n        );\n        primaryNavigationWrapper.classList.add(\"collapsed-icon-labels-end\");\n      }\n\n      if (secondaryNavigationWrapper) {\n        secondaryNavigationWrapper.classList.remove(\n          \"collapsed-icon-labels-start\"\n        );\n        secondaryNavigationWrapper.classList.add(\"collapsed-icon-labels-end\");\n      }\n    });\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].querySelector(\"a\");\n    const navItemSVG = navItems[0].querySelector(\"svg\");\n\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  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(\"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 (icTypographyScrollWidth > sideNavWidth - paddingIconDelta) {\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(\"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 resizeObserver: ResizeObserver = null;\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n\n      if (currSize === DEVICE_SIZES.S) {\n        if (!this.disableAutoParentStyling) {\n          const topBarHeight =\n            this.el.shadowRoot.querySelector(\".top-bar\").scrollHeight;\n          this.setParentPaddingTop(`${topBarHeight}px`);\n          this.setParentPaddingLeft(\"0\");\n\n          if (this.inline) {\n            this.el.parentElement.style.setProperty(\n              \"height\",\n              `calc(100% - ${topBarHeight}px)`\n            );\n          }\n        }\n        this.emitSideNavigationExpanded({\n          sideNavExpanded: this.menuExpanded,\n          sideNavMobile: true,\n        });\n      } else {\n        if (!this.disableAutoParentStyling) {\n          this.setParentPaddingTop(\"0\");\n          this.el.parentElement.style.setProperty(\"height\", \"100%\");\n        }\n        this.emitSideNavigationExpanded({\n          sideNavExpanded: this.menuExpanded,\n          sideNavMobile: false,\n        });\n      }\n\n      if (currSize > DEVICE_SIZES.L) {\n        if (!this.disableAutoParentStyling) {\n          this.setParentPaddingTop(\"0\");\n          this.setParentPaddingLeft(\"0\");\n        }\n      } else if (\n        currSize > DEVICE_SIZES.S &&\n        currSize <= DEVICE_SIZES.L &&\n        !this.static &&\n        !this.disableAutoParentStyling\n      ) {\n        if (this.collapsedIconLabels) {\n          this.setParentPaddingLeft(\"calc(var(--ic-space-xxl) * 2)\");\n        } else {\n          this.setParentPaddingLeft(\n            \"calc(var(--ic-space-xxl) + var(--ic-space-xs))\"\n          );\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(\"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    appTitle,\n  }: IcTopBar) => {\n    const hasTitle = this.appTitle !== \"\" && this.appTitle !== undefined;\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              appearance={foregroundColor}\n              onClick={this.toggleMenu}\n              aria-owns=\"side-navigation\"\n              aria-haspopup=\"true\"\n              aria-expanded=\"false\"\n            >\n              <span\n                class=\"mobile-top-bar-menu-icon\"\n                slot=\"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              <ic-typography\n                variant={isAppNameSubtitleVariant ? \"subtitle-small\" : \"h3\"}\n              >\n                {isSlotUsed(this.el, \"app-title\") ? (\n                  <slot name=\"app-title\"></slot>\n                ) : (\n                  appTitle\n                )}\n              </ic-typography>\n            </Component>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  componentWillLoad(): void {\n    if (this.expanded) {\n      this.setMenuExpanded(true);\n    } else {\n      this.setMenuExpanded(false);\n    }\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: this.deviceSize === DEVICE_SIZES.S,\n    });\n\n    checkResizeObserver(this.runResizeObserver);\n    this.arrangeSlottedNavigationItem();\n    this.styleSlottedCollapsedIconLabel();\n    this.displayTooltipWithExpandedLongLabel(this.menuExpanded);\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\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 = this.deviceSize === DEVICE_SIZES.S;\n    const isMdDevice = this.deviceSize === DEVICE_SIZES.M;\n    const isLgDevice = this.deviceSize >= DEVICE_SIZES.L;\n    const isAppNameSubtitleVariant = this.deviceSizeAppTitle === DEVICE_SIZES.S;\n    const displayExpandBtn = isMdDevice || (isLgDevice && !this.static);\n\n    const topBarProps: IcTopBar = {\n      isSDevice,\n      foregroundColor,\n      menuOpen,\n      href,\n      isAppNameSubtitleVariant,\n      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          [IcThemeForegroundEnum.Dark]:\n            foregroundColor === IcThemeForegroundEnum.Dark,\n          [\"collapsed-labels\"]:\n            !isSDevice && !menuExpanded && collapsedIconLabels,\n          [\"static\"]: this.static,\n          [\"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}\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"]}

package/dist/core/{p-f9370be6.js → p-5450cebf.js}

@@ -1,3 +1,3 @@
-const t="core";let e;let n;let s;let l=false;let o=false;let i=false;let f=false;let c=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="r";const $="o";const d="s";const h="t";const p="s-id";const y="sty-id";const m="c-id";const b="{visibility:hidden}.hydrated{visibility:inherit}";const w="http://www.w3.org/1999/xlink";const g={};const k="http://www.w3.org/2000/svg";const S="http://www.w3.org/1999/xhtml";const v=t=>t!=null;const j=t=>{t=typeof t;return t==="object"||t==="function"};const x=(t,e,...n)=>{let s=null;let l=null;let o=null;let i=false;let f=false;const c=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof t!=="function"&&!j(s)){s=String(s)}if(i&&f){c[c.length-1].t+=s}else{c.push(i?O(null,s):s)}f=i}}};r(n);if(e){if(e.key){l=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,c,R)}const u=O(t,null);u.l=e;if(c.length>0){u.o=c}{u.i=l}{u.u=o}return u};const O=(t,e)=>{const n={$:0,h:t,t:e,p:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const C={};const M=t=>t&&t.h===C;const R={forEach:(t,e)=>t.map(U).forEach(e),map:(t,e)=>t.map(U).map(e).map(I)};const U=t=>({vattrs:t.l,vchildren:t.o,vkey:t.i,vname:t.u,vtag:t.h,vtext:t.t});const I=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return x(t.vtag,e,...t.vchildren||[])}const e=O(t.vtag,t.vtext);e.l=t.vattrs;e.o=t.vchildren;e.i=t.vkey;e.u=t.vname;return e};const P=(t,e,n,s)=>{const l=r("hydrateClient",e);const o=t.shadowRoot;const i=[];const f=[];const c=o?[]:null;const u=s.m=O(e,null);if(!_t.g){W(Vt.body,_t.g=new Map)}t[p]=n;t.removeAttribute(p);T(u,i,f,c,t,t,n);i.map((t=>{const n=t.k+"."+t.S;const s=_t.g.get(n);const l=t.p;if(s&&zt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=e;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}_t.g.delete(n)}));if(o){c.map((t=>{if(t){o.appendChild(t)}}))}l()};const T=(t,e,n,s,l,o,i)=>{let f;let c;let r;let u;if(o.nodeType===1){f=o.getAttribute(m);if(f){c=f.split(".");if(c[0]===i||c[0]==="0"){r={$:0,k:c[0],S:c[1],v:c[2],j:c[3],h:o.tagName.toLowerCase(),p:o,l:null,o:null,i:null,u:null,t:null};e.push(r);o.removeAttribute(m);if(!t.o){t.o=[]}t.o[r.j]=r;t=r;if(s&&r.v==="0"){s[r.j]=r.p}}}for(u=o.childNodes.length-1;u>=0;u--){T(t,e,n,s,l,o.childNodes[u],i)}if(o.shadowRoot){for(u=o.shadowRoot.childNodes.length-1;u>=0;u--){T(t,e,n,s,l,o.shadowRoot.childNodes[u],i)}}}else if(o.nodeType===8){c=o.nodeValue.split(".");if(c[1]===i||c[1]==="0"){f=c[0];r={$:0,k:c[1],S:c[2],v:c[3],j:c[4],p:o,l:null,o:null,i:null,u:null,h:null,t:null};if(f===h){r.p=o.nextSibling;if(r.p&&r.p.nodeType===3){r.t=r.p.textContent;e.push(r);o.remove();if(!t.o){t.o=[]}t.o[r.j]=r;if(s&&r.v==="0"){s[r.j]=r.p}}}else if(r.k===i){if(f===d){r.h="slot";if(c[5]){o["s-sn"]=r.u=c[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){r.p=Vt.createElement(r.h);if(r.u){r.p.setAttribute("name",r.u)}o.parentNode.insertBefore(r.p,o);o.remove();if(r.v==="0"){s[r.j]=r.p}}n.push(r);if(!t.o){t.o=[]}t.o[r.j]=r}else if(f===a){if(s){o.remove()}else{l["s-cr"]=o;o["s-cn"]=true}}}}}else if(t&&t.h==="style"){const e=O(null,o.textContent);e.p=o;e.j="0";t.o=[e]}};const W=(t,e)=>{if(t.nodeType===1){let n=0;for(;n<t.childNodes.length;n++){W(t.childNodes[n],e)}if(t.shadowRoot){for(n=0;n<t.shadowRoot.childNodes.length;n++){W(t.shadowRoot.childNodes[n],e)}}}else if(t.nodeType===8){const n=t.nodeValue.split(".");if(n[0]===$){e.set(n[1]+"."+n[2],t);t.nodeValue="";t["s-en"]=n[3]}}};const E=(t,e)=>{if(t!=null&&!j(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const L=t=>Wt(t).O;const N=(t,e,n)=>{const s=L(t);return{emit:t=>D(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const D=(t,e,n)=>{const s=_t.ce(e,n);t.dispatchEvent(s);return s};const A=new WeakMap;const F=(t,e,n)=>{let s=Ht.get(t);if(Gt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Ht.set(t,s)};const H=(t,e,n,s)=>{let l=V(e);const o=Ht.get(l);t=t.nodeType===11?t:Vt;if(o){if(typeof o==="string"){t=t.head||t;let e=A.get(t);let n;if(!e){A.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(n=t.querySelector(`[${y}="${l}"]`))){n.innerHTML=o}else{{n=Vt.createElement("style");n.innerHTML=o}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const q=t=>{const e=t.C;const n=t.O;const s=e.$;const l=r("attachStyles",e.M);const o=H(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const V=(t,e)=>"sc-"+t.M;const _=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const z=(t,e,n,s,l,o)=>{if(n!==s){let i=Nt(t,e);let f=e.toLowerCase();if(e==="class"){const e=t.classList;const l=G(n);const o=G(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Nt(qt,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n){_t.rel(t,e,n,false)}if(s){_t.ael(t,e,s,false)}}else{const c=j(s);if((i||c&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){e=f;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(w,e)}else{t.removeAttribute(e)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;if(r){t.setAttributeNS(w,e,s)}else{t.setAttribute(e,s)}}}}};const B=/\s/;const G=t=>!t?[]:t.split(B);const J=(t,e,n,s)=>{const l=e.p.nodeType===11&&e.p.host?e.p.host:e.p;const o=t&&t.l||g;const i=e.l||g;{for(s in o){if(!(s in i)){z(l,s,o[s],undefined,n,e.$)}}}for(s in i){z(l,s,o[s],i[s],n,e.$)}};const K=(t,o,c,r)=>{const u=o.o[c];let a=0;let $;let d;let h;if(!l){i=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.$|=u.o?2:1}}if(u.t!==null){$=u.p=Vt.createTextNode(u.t)}else if(u.$&1){$=u.p=Vt.createTextNode("")}else{if(!f){f=u.h==="svg"}$=u.p=Vt.createElementNS(f?k:S,u.$&2?"slot-fb":u.h);if(f&&u.h==="foreignObject"){f=false}{J(null,u,f)}if(v(e)&&$["s-si"]!==e){$.classList.add($["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){d=K(t,u,a,$);if(d){$.appendChild(d)}}}{if(u.h==="svg"){f=false}else if($.tagName==="foreignObject"){f=true}}}{$["s-hn"]=s;if(u.$&(2|1)){$["s-sr"]=true;$["s-cr"]=n;$["s-sn"]=u.u||"";h=t&&t.o&&t.o[c];if(h&&h.h===u.h&&t.p){Q(t.p,false)}}}return $};const Q=(t,e)=>{_t.$|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){nt(l).insertBefore(l,et(l));l["s-ol"].remove();l["s-ol"]=undefined;i=true}if(e){Q(l,e)}}_t.$&=~1};const X=(t,e,n,l,o,i)=>{let f=t["s-cr"]&&t["s-cr"].parentNode||t;let c;if(f.shadowRoot&&f.tagName===s){f=f.shadowRoot}for(;o<=i;++o){if(l[o]){c=K(null,n,o,t);if(c){l[o].p=c;f.insertBefore(c,et(e))}}}};const Y=(t,e,n,s,l)=>{for(;e<=n;++e){if(s=t[e]){l=s.p;ct(s);{o=true;if(l["s-ol"]){l["s-ol"].remove()}else{Q(l,true)}}l.remove()}}};const Z=(t,e,n,s)=>{let l=0;let o=0;let i=0;let f=0;let c=e.length-1;let r=e[0];let u=e[c];let a=s.length-1;let $=s[0];let d=s[a];let h;let p;while(l<=c&&o<=a){if(r==null){r=e[++l]}else if(u==null){u=e[--c]}else if($==null){$=s[++o]}else if(d==null){d=s[--a]}else if(tt(r,$)){st(r,$);r=e[++l];$=s[++o]}else if(tt(u,d)){st(u,d);u=e[--c];d=s[--a]}else if(tt(r,d)){if(r.h==="slot"||d.h==="slot"){Q(r.p.parentNode,false)}st(r,d);t.insertBefore(r.p,u.p.nextSibling);r=e[++l];d=s[--a]}else if(tt(u,$)){if(r.h==="slot"||d.h==="slot"){Q(u.p.parentNode,false)}st(u,$);t.insertBefore(u.p,r.p);u=e[--c];$=s[++o]}else{i=-1;{for(f=l;f<=c;++f){if(e[f]&&e[f].i!==null&&e[f].i===$.i){i=f;break}}}if(i>=0){p=e[i];if(p.h!==$.h){h=K(e&&e[o],n,i,t)}else{st(p,$);e[i]=undefined;h=p.p}$=s[++o]}else{h=K(e&&e[o],n,o,t);$=s[++o]}if(h){{nt(r.p).insertBefore(h,et(r.p))}}}}if(l>c){X(t,s[a+1]==null?null:s[a+1].p,n,s,o,a)}else if(o>a){Y(e,l,c)}};const tt=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.u===e.u}{return t.i===e.i}}return false};const et=t=>t&&t["s-ol"]||t;const nt=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const st=(t,e)=>{const n=e.p=t.p;const s=t.o;const l=e.o;const o=e.h;const i=e.t;let c;if(i===null){{f=o==="svg"?true:o==="foreignObject"?false:f}{if(o==="slot");else{J(t,e,f)}}if(s!==null&&l!==null){Z(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}X(n,null,e,l,0,l.length-1)}else if(s!==null){Y(s,0,s.length-1)}if(f&&o==="svg"){f=false}}else if(c=n["s-cr"]){c.parentNode.textContent=i}else if(t.t!==i){n.data=i}};const lt=t=>{const e=t.childNodes;let n;let s;let l;let o;let i;let f;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){i=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){f=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||i!==""){if(f===1&&i===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(f===1||f===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}lt(n)}}};const ot=[];const it=t=>{let e;let n;let s;let l;let i;let f;let c=0;const r=t.childNodes;const u=r.length;for(;c<u;c++){e=r[c];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(f=s.length-1;f>=0;f--){n=s[f];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(ft(n,l)){i=ot.find((t=>t.R===n));o=true;n["s-sn"]=n["s-sn"]||l;if(i){i.U=e}else{ot.push({U:e,R:n})}if(n["s-sr"]){ot.map((t=>{if(ft(t.R,n["s-sn"])){i=ot.find((t=>t.R===n));if(i&&!t.U){t.U=i.U}}}))}}else if(!ot.some((t=>t.R===n))){ot.push({R:n})}}}}if(e.nodeType===1){it(e)}}};const ft=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const ct=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(ct)}};const rt=(t,f)=>{const c=t.O;const r=t.C;const u=t.m||O(null,null);const a=M(f)?f:x(null,null,f);s=c.tagName;if(r.I){a.l=a.l||{};r.I.map((([t,e])=>a.l[e]=c[t]))}a.h=null;a.$|=4;t.m=a;a.p=u.p=c.shadowRoot||c;{e=c["s-sc"]}{n=c["s-cr"];l=(r.$&1)!==0;o=false}st(u,a);{_t.$|=1;if(i){it(a.p);let t;let e;let n;let s;let l;let o;let i=0;for(;i<ot.length;i++){t=ot[i];e=t.R;if(!e["s-ol"]){n=Vt.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(i=0;i<ot.length;i++){t=ot[i];e=t.R;if(t.U){s=t.U.parentNode;l=t.U.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){lt(a.p)}_t.$&=~1;ot.length=0}};const ut=(t,e)=>{if(e&&!t.P&&e["s-p"]){e["s-p"].push(new Promise((e=>t.P=e)))}};const at=(t,e)=>{{t.$|=16}if(t.$&4){t.$|=512;return}ut(t,t.T);const n=()=>$t(t,e);return te(n)};const $t=(t,e)=>{const n=r("scheduleUpdate",t.C.M);const s=t.W;let l;if(e){{t.$|=256;if(t.L){t.L.map((([t,e])=>mt(s,t,e)));t.L=null}}{l=mt(s,"componentWillLoad")}}else{{l=mt(s,"componentWillUpdate")}}{l=bt(l,(()=>mt(s,"componentWillRender")))}n();return bt(l,(()=>dt(t,s,e)))};const dt=async(t,e,n)=>{const s=t.O;const l=r("update",t.C.M);const o=s["s-rc"];if(n){q(t)}const i=r("render",t.C.M);{ht(t,e)}if(o){o.map((t=>t()));s["s-rc"]=undefined}i();l();{const e=s["s-p"];const n=()=>pt(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.$|=4;e.length=0}}};const ht=(t,e,n)=>{try{e=e.render();{t.$&=~16}{t.$|=2}{{{rt(t,e)}}}}catch(e){Dt(e,t.O)}return null};const pt=t=>{const e=t.C.M;const n=t.O;const s=r("postUpdate",e);const l=t.W;const o=t.T;{mt(l,"componentDidRender")}if(!(t.$&64)){t.$|=64;{wt(n)}{mt(l,"componentDidLoad")}s();{t.N(n);if(!o){yt()}}}else{{mt(l,"componentDidUpdate")}s()}{t.D(n)}{if(t.P){t.P();t.P=undefined}if(t.$&512){Zt((()=>at(t,false)))}t.$&=~(4|512)}};const yt=e=>{{wt(Vt.documentElement)}Zt((()=>D(qt,"appload",{detail:{namespace:t}})))};const mt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Dt(t)}}return undefined};const bt=(t,e)=>t&&t.then?t.then(e):e();const wt=t=>t.classList.add("hydrated");const gt=(t,e)=>Wt(t).A.get(e);const kt=(t,e,n,s)=>{const l=Wt(t);const o=l.O;const i=l.A.get(e);const f=l.$;const c=l.W;n=E(n,s.F[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(f&8)||i===undefined)&&u){l.A.set(e,n);if(c){if(s.H&&f&128){const t=s.H[e];if(t){t.map((t=>{try{c[t](n,i,e)}catch(t){Dt(t,o)}}))}}if((f&(2|16))===2){at(l,false)}}}};const St=(t,e,n)=>{if(e.F){if(t.watchers){e.H=t.watchers}const s=Object.entries(e.F);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return gt(this,t)},set(n){kt(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){const n=Wt(this);return n.q.then((()=>n.W[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){_t.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.I.push([t,l])}return l}))}}return t};const vt=async(t,e,n,s,l)=>{if((e.$&32)===0){{e.$|=32;l=Ft(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.H=l.watchers}St(l,n,2);l.isProxied=true}const t=r("createInstance",n.M);{e.$|=8}try{new l(e)}catch(t){Dt(t)}{e.$&=~8}{e.$|=128}t();jt(e.W)}if(l.style){let t=l.style;const e=V(n);if(!Ht.has(e)){const s=r("registerStyles",n.M);F(e,t,!!(n.$&1));s()}}}const o=e.T;const i=()=>at(e,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const jt=t=>{{mt(t,"connectedCallback")}};const xt=t=>{if((_t.$&1)===0){const e=Wt(t);const n=e.C;const s=r("connectedCallback",n.M);if(!(e.$&1)){e.$|=1;let s;{s=t.getAttribute(p);if(s){if(n.$&1){const e=H(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}P(t,n.M,s,e)}}if(!s){if(n.$&(4|8)){Ot(t)}}{let n=t;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ut(e,e.T=n);break}}}if(n.F){Object.entries(n.F).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{vt(t,e,n)}}else{Rt(t,e,n.V);jt(e.W)}s()}};const Ot=t=>{const e=t["s-cr"]=Vt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const Ct=t=>{if((_t.$&1)===0){const e=Wt(t);const n=e.W;{if(e._){e._.map((t=>t()));e._=undefined}}{mt(n,"disconnectedCallback")}}};const Mt=(t,e={})=>{const n=r();const s=[];const l=e.exclude||[];const o=qt.customElements;const i=Vt.head;const f=i.querySelector("meta[charset]");const c=Vt.createElement("style");const u=[];const a=Vt.querySelectorAll(`[${y}]`);let $;let d=true;let h=0;Object.assign(_t,e);_t.B=new URL(e.resourcesUrl||"./",Vt.baseURI).href;{_t.$|=2}{for(;h<a.length;h++){F(a[h].getAttribute(y),_(a[h].innerHTML),true)}}t.map((t=>{t[1].map((e=>{const n={$:e[0],M:e[1],F:e[2],V:e[3]};{n.F=e[2]}{n.V=e[3]}{n.I=[]}{n.H={}}const i=n.M;const f=class extends HTMLElement{constructor(t){super(t);t=this;Lt(t,n);if(n.$&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if($){clearTimeout($);$=null}if(d){u.push(this)}else{_t.jmp((()=>xt(this)))}}disconnectedCallback(){_t.jmp((()=>Ct(this)))}componentOnReady(){return Wt(this).G}};n.J=t[0];if(!l.includes(i)&&!o.get(i)){s.push(i);o.define(i,St(f,n,1))}}))}));{c.innerHTML=s+b;c.setAttribute("data-styles","");i.insertBefore(c,f?f.nextSibling:i.firstChild)}d=false;if(u.length){u.map((t=>t.connectedCallback()))}else{{_t.jmp((()=>$=setTimeout(yt,30)))}}n()};const Rt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=It(t,n);const i=Ut(e,l);const f=Pt(n);_t.ael(o,s,i,f);(e._=e._||[]).push((()=>_t.rel(o,s,i,f)))}))}};const Ut=(t,e)=>n=>{try{{if(t.$&256){t.W[e](n)}else{(t.L=t.L||[]).push([e,n])}}}catch(t){Dt(t)}};const It=(t,e)=>{if(e&4)return Vt;return t};const Pt=t=>(t&2)!==0;const Tt=new WeakMap;const Wt=t=>Tt.get(t);const Et=(t,e)=>Tt.set(e.W=t,e);const Lt=(t,e)=>{const n={$:0,O:t,C:e,A:new Map};{n.q=new Promise((t=>n.D=t))}{n.G=new Promise((t=>n.N=t));t["s-p"]=[];t["s-rc"]=[]}Rt(t,n,e.V);return Tt.set(t,n)};const Nt=(t,e)=>e in t;const Dt=(t,e)=>(0,console.error)(t,e);const At=new Map;const Ft=(t,e,n)=>{const s=t.M.replace(/-/g,"_");const l=t.J;const o=At.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{At.set(l,t)}return t[s]}),Dt)};const Ht=new Map;const qt=typeof window!=="undefined"?window:{};const Vt=qt.document||{head:{}};const _t={$:0,B:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const zt=true;const Bt=t=>Promise.resolve(t);const Gt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Jt=[];const Kt=[];const Qt=(t,e)=>n=>{t.push(n);if(!c){c=true;if(e&&_t.$&4){Zt(Yt)}else{_t.raf(Yt)}}};const Xt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Dt(t)}}t.length=0};const Yt=()=>{Xt(Jt);{Xt(Kt);if(c=Jt.length>0){_t.raf(Yt)}}};const Zt=t=>Bt().then(t);const te=Qt(Kt,true);export{C as H,Mt as b,N as c,L as g,x as h,Bt as p,Et as r};
-//# sourceMappingURL=p-f9370be6.js.map
+const t="core";let e;let n;let s;let l=false;let o=false;let i=false;let f=false;let c=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="r";const $="o";const d="s";const h="t";const p="s-id";const y="sty-id";const m="c-id";const b="{visibility:hidden}.hydrated{visibility:inherit}";const w="http://www.w3.org/1999/xlink";const g={};const k="http://www.w3.org/2000/svg";const S="http://www.w3.org/1999/xhtml";const v=t=>t!=null;const j=t=>{t=typeof t;return t==="object"||t==="function"};const x=(t,e,...n)=>{let s=null;let l=null;let o=null;let i=false;let f=false;const c=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof t!=="function"&&!j(s)){s=String(s)}if(i&&f){c[c.length-1].t+=s}else{c.push(i?O(null,s):s)}f=i}}};r(n);if(e){if(e.key){l=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,c,R)}const u=O(t,null);u.l=e;if(c.length>0){u.o=c}{u.i=l}{u.u=o}return u};const O=(t,e)=>{const n={$:0,h:t,t:e,p:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const C={};const M=t=>t&&t.h===C;const R={forEach:(t,e)=>t.map(U).forEach(e),map:(t,e)=>t.map(U).map(e).map(I)};const U=t=>({vattrs:t.l,vchildren:t.o,vkey:t.i,vname:t.u,vtag:t.h,vtext:t.t});const I=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return x(t.vtag,e,...t.vchildren||[])}const e=O(t.vtag,t.vtext);e.l=t.vattrs;e.o=t.vchildren;e.i=t.vkey;e.u=t.vname;return e};const P=(t,e,n,s)=>{const l=r("hydrateClient",e);const o=t.shadowRoot;const i=[];const f=[];const c=o?[]:null;const u=s.m=O(e,null);if(!_t.g){W(Vt.body,_t.g=new Map)}t[p]=n;t.removeAttribute(p);T(u,i,f,c,t,t,n);i.map((t=>{const n=t.k+"."+t.S;const s=_t.g.get(n);const l=t.p;if(s&&zt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=e;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}_t.g.delete(n)}));if(o){c.map((t=>{if(t){o.appendChild(t)}}))}l()};const T=(t,e,n,s,l,o,i)=>{let f;let c;let r;let u;if(o.nodeType===1){f=o.getAttribute(m);if(f){c=f.split(".");if(c[0]===i||c[0]==="0"){r={$:0,k:c[0],S:c[1],v:c[2],j:c[3],h:o.tagName.toLowerCase(),p:o,l:null,o:null,i:null,u:null,t:null};e.push(r);o.removeAttribute(m);if(!t.o){t.o=[]}t.o[r.j]=r;t=r;if(s&&r.v==="0"){s[r.j]=r.p}}}for(u=o.childNodes.length-1;u>=0;u--){T(t,e,n,s,l,o.childNodes[u],i)}if(o.shadowRoot){for(u=o.shadowRoot.childNodes.length-1;u>=0;u--){T(t,e,n,s,l,o.shadowRoot.childNodes[u],i)}}}else if(o.nodeType===8){c=o.nodeValue.split(".");if(c[1]===i||c[1]==="0"){f=c[0];r={$:0,k:c[1],S:c[2],v:c[3],j:c[4],p:o,l:null,o:null,i:null,u:null,h:null,t:null};if(f===h){r.p=o.nextSibling;if(r.p&&r.p.nodeType===3){r.t=r.p.textContent;e.push(r);o.remove();if(!t.o){t.o=[]}t.o[r.j]=r;if(s&&r.v==="0"){s[r.j]=r.p}}}else if(r.k===i){if(f===d){r.h="slot";if(c[5]){o["s-sn"]=r.u=c[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){r.p=Vt.createElement(r.h);if(r.u){r.p.setAttribute("name",r.u)}o.parentNode.insertBefore(r.p,o);o.remove();if(r.v==="0"){s[r.j]=r.p}}n.push(r);if(!t.o){t.o=[]}t.o[r.j]=r}else if(f===a){if(s){o.remove()}else{l["s-cr"]=o;o["s-cn"]=true}}}}}else if(t&&t.h==="style"){const e=O(null,o.textContent);e.p=o;e.j="0";t.o=[e]}};const W=(t,e)=>{if(t.nodeType===1){let n=0;for(;n<t.childNodes.length;n++){W(t.childNodes[n],e)}if(t.shadowRoot){for(n=0;n<t.shadowRoot.childNodes.length;n++){W(t.shadowRoot.childNodes[n],e)}}}else if(t.nodeType===8){const n=t.nodeValue.split(".");if(n[0]===$){e.set(n[1]+"."+n[2],t);t.nodeValue="";t["s-en"]=n[3]}}};const E=(t,e)=>{if(t!=null&&!j(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const L=t=>Wt(t).O;const N=(t,e,n)=>{const s=L(t);return{emit:t=>D(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const D=(t,e,n)=>{const s=_t.ce(e,n);t.dispatchEvent(s);return s};const F=new WeakMap;const A=(t,e,n)=>{let s=Ht.get(t);if(Gt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Ht.set(t,s)};const H=(t,e,n,s)=>{let l=V(e);const o=Ht.get(l);t=t.nodeType===11?t:Vt;if(o){if(typeof o==="string"){t=t.head||t;let e=F.get(t);let n;if(!e){F.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(n=t.querySelector(`[${y}="${l}"]`))){n.innerHTML=o}else{{n=Vt.createElement("style");n.innerHTML=o}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const q=t=>{const e=t.C;const n=t.O;const s=e.$;const l=r("attachStyles",e.M);const o=H(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const V=(t,e)=>"sc-"+t.M;const _=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const z=(t,e,n,s,l,o)=>{if(n!==s){let i=Nt(t,e);let f=e.toLowerCase();if(e==="class"){const e=t.classList;const l=G(n);const o=G(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Nt(qt,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n){_t.rel(t,e,n,false)}if(s){_t.ael(t,e,s,false)}}else{const c=j(s);if((i||c&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){e=f;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(w,e)}else{t.removeAttribute(e)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;if(r){t.setAttributeNS(w,e,s)}else{t.setAttribute(e,s)}}}}};const B=/\s/;const G=t=>!t?[]:t.split(B);const J=(t,e,n,s)=>{const l=e.p.nodeType===11&&e.p.host?e.p.host:e.p;const o=t&&t.l||g;const i=e.l||g;{for(s in o){if(!(s in i)){z(l,s,o[s],undefined,n,e.$)}}}for(s in i){z(l,s,o[s],i[s],n,e.$)}};const K=(t,o,c,r)=>{const u=o.o[c];let a=0;let $;let d;let h;if(!l){i=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.$|=u.o?2:1}}if(u.t!==null){$=u.p=Vt.createTextNode(u.t)}else if(u.$&1){$=u.p=Vt.createTextNode("")}else{if(!f){f=u.h==="svg"}$=u.p=Vt.createElementNS(f?k:S,u.$&2?"slot-fb":u.h);if(f&&u.h==="foreignObject"){f=false}{J(null,u,f)}if(v(e)&&$["s-si"]!==e){$.classList.add($["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){d=K(t,u,a,$);if(d){$.appendChild(d)}}}{if(u.h==="svg"){f=false}else if($.tagName==="foreignObject"){f=true}}}{$["s-hn"]=s;if(u.$&(2|1)){$["s-sr"]=true;$["s-cr"]=n;$["s-sn"]=u.u||"";h=t&&t.o&&t.o[c];if(h&&h.h===u.h&&t.p){Q(t.p,false)}}}return $};const Q=(t,e)=>{_t.$|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){nt(l).insertBefore(l,et(l));l["s-ol"].remove();l["s-ol"]=undefined;i=true}if(e){Q(l,e)}}_t.$&=~1};const X=(t,e,n,l,o,i)=>{let f=t["s-cr"]&&t["s-cr"].parentNode||t;let c;if(f.shadowRoot&&f.tagName===s){f=f.shadowRoot}for(;o<=i;++o){if(l[o]){c=K(null,n,o,t);if(c){l[o].p=c;f.insertBefore(c,et(e))}}}};const Y=(t,e,n,s,l)=>{for(;e<=n;++e){if(s=t[e]){l=s.p;ct(s);{o=true;if(l["s-ol"]){l["s-ol"].remove()}else{Q(l,true)}}l.remove()}}};const Z=(t,e,n,s)=>{let l=0;let o=0;let i=0;let f=0;let c=e.length-1;let r=e[0];let u=e[c];let a=s.length-1;let $=s[0];let d=s[a];let h;let p;while(l<=c&&o<=a){if(r==null){r=e[++l]}else if(u==null){u=e[--c]}else if($==null){$=s[++o]}else if(d==null){d=s[--a]}else if(tt(r,$)){st(r,$);r=e[++l];$=s[++o]}else if(tt(u,d)){st(u,d);u=e[--c];d=s[--a]}else if(tt(r,d)){if(r.h==="slot"||d.h==="slot"){Q(r.p.parentNode,false)}st(r,d);t.insertBefore(r.p,u.p.nextSibling);r=e[++l];d=s[--a]}else if(tt(u,$)){if(r.h==="slot"||d.h==="slot"){Q(u.p.parentNode,false)}st(u,$);t.insertBefore(u.p,r.p);u=e[--c];$=s[++o]}else{i=-1;{for(f=l;f<=c;++f){if(e[f]&&e[f].i!==null&&e[f].i===$.i){i=f;break}}}if(i>=0){p=e[i];if(p.h!==$.h){h=K(e&&e[o],n,i,t)}else{st(p,$);e[i]=undefined;h=p.p}$=s[++o]}else{h=K(e&&e[o],n,o,t);$=s[++o]}if(h){{nt(r.p).insertBefore(h,et(r.p))}}}}if(l>c){X(t,s[a+1]==null?null:s[a+1].p,n,s,o,a)}else if(o>a){Y(e,l,c)}};const tt=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.u===e.u}{return t.i===e.i}}return false};const et=t=>t&&t["s-ol"]||t;const nt=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const st=(t,e)=>{const n=e.p=t.p;const s=t.o;const l=e.o;const o=e.h;const i=e.t;let c;if(i===null){{f=o==="svg"?true:o==="foreignObject"?false:f}{if(o==="slot");else{J(t,e,f)}}if(s!==null&&l!==null){Z(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}X(n,null,e,l,0,l.length-1)}else if(s!==null){Y(s,0,s.length-1)}if(f&&o==="svg"){f=false}}else if(c=n["s-cr"]){c.parentNode.textContent=i}else if(t.t!==i){n.data=i}};const lt=t=>{const e=t.childNodes;let n;let s;let l;let o;let i;let f;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){i=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){f=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||i!==""){if(f===1&&i===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(f===1||f===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}lt(n)}}};const ot=[];const it=t=>{let e;let n;let s;let l;let i;let f;let c=0;const r=t.childNodes;const u=r.length;for(;c<u;c++){e=r[c];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(f=s.length-1;f>=0;f--){n=s[f];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(ft(n,l)){i=ot.find((t=>t.R===n));o=true;n["s-sn"]=n["s-sn"]||l;if(i){i.U=e}else{ot.push({U:e,R:n})}if(n["s-sr"]){ot.map((t=>{if(ft(t.R,n["s-sn"])){i=ot.find((t=>t.R===n));if(i&&!t.U){t.U=i.U}}}))}}else if(!ot.some((t=>t.R===n))){ot.push({R:n})}}}}if(e.nodeType===1){it(e)}}};const ft=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const ct=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(ct)}};const rt=(t,f)=>{const c=t.O;const r=t.C;const u=t.m||O(null,null);const a=M(f)?f:x(null,null,f);s=c.tagName;if(r.I){a.l=a.l||{};r.I.map((([t,e])=>a.l[e]=c[t]))}a.h=null;a.$|=4;t.m=a;a.p=u.p=c.shadowRoot||c;{e=c["s-sc"]}{n=c["s-cr"];l=(r.$&1)!==0;o=false}st(u,a);{_t.$|=1;if(i){it(a.p);let t;let e;let n;let s;let l;let o;let i=0;for(;i<ot.length;i++){t=ot[i];e=t.R;if(!e["s-ol"]){n=Vt.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(i=0;i<ot.length;i++){t=ot[i];e=t.R;if(t.U){s=t.U.parentNode;l=t.U.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){lt(a.p)}_t.$&=~1;ot.length=0}};const ut=(t,e)=>{if(e&&!t.P&&e["s-p"]){e["s-p"].push(new Promise((e=>t.P=e)))}};const at=(t,e)=>{{t.$|=16}if(t.$&4){t.$|=512;return}ut(t,t.T);const n=()=>$t(t,e);return te(n)};const $t=(t,e)=>{const n=r("scheduleUpdate",t.C.M);const s=t.W;let l;if(e){{t.$|=256;if(t.L){t.L.map((([t,e])=>mt(s,t,e)));t.L=null}}{l=mt(s,"componentWillLoad")}}else{{l=mt(s,"componentWillUpdate")}}{l=bt(l,(()=>mt(s,"componentWillRender")))}n();return bt(l,(()=>dt(t,s,e)))};const dt=async(t,e,n)=>{const s=t.O;const l=r("update",t.C.M);const o=s["s-rc"];if(n){q(t)}const i=r("render",t.C.M);{ht(t,e)}if(o){o.map((t=>t()));s["s-rc"]=undefined}i();l();{const e=s["s-p"];const n=()=>pt(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.$|=4;e.length=0}}};const ht=(t,e,n)=>{try{e=e.render();{t.$&=~16}{t.$|=2}{{{rt(t,e)}}}}catch(e){Dt(e,t.O)}return null};const pt=t=>{const e=t.C.M;const n=t.O;const s=r("postUpdate",e);const l=t.W;const o=t.T;{mt(l,"componentDidRender")}if(!(t.$&64)){t.$|=64;{wt(n)}{mt(l,"componentDidLoad")}s();{t.N(n);if(!o){yt()}}}else{{mt(l,"componentDidUpdate")}s()}{t.D(n)}{if(t.P){t.P();t.P=undefined}if(t.$&512){Zt((()=>at(t,false)))}t.$&=~(4|512)}};const yt=e=>{{wt(Vt.documentElement)}Zt((()=>D(qt,"appload",{detail:{namespace:t}})))};const mt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Dt(t)}}return undefined};const bt=(t,e)=>t&&t.then?t.then(e):e();const wt=t=>t.classList.add("hydrated");const gt=(t,e)=>Wt(t).F.get(e);const kt=(t,e,n,s)=>{const l=Wt(t);const o=l.O;const i=l.F.get(e);const f=l.$;const c=l.W;n=E(n,s.A[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(f&8)||i===undefined)&&u){l.F.set(e,n);if(c){if(s.H&&f&128){const t=s.H[e];if(t){t.map((t=>{try{c[t](n,i,e)}catch(t){Dt(t,o)}}))}}if((f&(2|16))===2){at(l,false)}}}};const St=(t,e,n)=>{if(e.A){if(t.watchers){e.H=t.watchers}const s=Object.entries(e.A);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return gt(this,t)},set(n){kt(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){const n=Wt(this);return n.q.then((()=>n.W[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){_t.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.I.push([t,l])}return l}))}}return t};const vt=async(t,e,n,s,l)=>{if((e.$&32)===0){{e.$|=32;l=At(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.H=l.watchers}St(l,n,2);l.isProxied=true}const t=r("createInstance",n.M);{e.$|=8}try{new l(e)}catch(t){Dt(t)}{e.$&=~8}{e.$|=128}t();jt(e.W)}if(l.style){let t=l.style;const e=V(n);if(!Ht.has(e)){const s=r("registerStyles",n.M);A(e,t,!!(n.$&1));s()}}}const o=e.T;const i=()=>at(e,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const jt=t=>{{mt(t,"connectedCallback")}};const xt=t=>{if((_t.$&1)===0){const e=Wt(t);const n=e.C;const s=r("connectedCallback",n.M);if(!(e.$&1)){e.$|=1;let s;{s=t.getAttribute(p);if(s){if(n.$&1){const e=H(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}P(t,n.M,s,e)}}if(!s){if(n.$&(4|8)){Ot(t)}}{let n=t;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ut(e,e.T=n);break}}}if(n.A){Object.entries(n.A).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{vt(t,e,n)}}else{Rt(t,e,n.V);jt(e.W)}s()}};const Ot=t=>{const e=t["s-cr"]=Vt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const Ct=t=>{if((_t.$&1)===0){const e=Wt(t);const n=e.W;{if(e._){e._.map((t=>t()));e._=undefined}}{mt(n,"disconnectedCallback")}}};const Mt=(t,e={})=>{const n=r();const s=[];const l=e.exclude||[];const o=qt.customElements;const i=Vt.head;const f=i.querySelector("meta[charset]");const c=Vt.createElement("style");const u=[];const a=Vt.querySelectorAll(`[${y}]`);let $;let d=true;let h=0;Object.assign(_t,e);_t.B=new URL(e.resourcesUrl||"./",Vt.baseURI).href;{_t.$|=2}{for(;h<a.length;h++){A(a[h].getAttribute(y),_(a[h].innerHTML),true)}}t.map((t=>{t[1].map((e=>{const n={$:e[0],M:e[1],A:e[2],V:e[3]};{n.A=e[2]}{n.V=e[3]}{n.I=[]}{n.H={}}const i=n.M;const f=class extends HTMLElement{constructor(t){super(t);t=this;Lt(t,n);if(n.$&1){{{t.attachShadow({mode:"open",delegatesFocus:!!(n.$&16)})}}}}connectedCallback(){if($){clearTimeout($);$=null}if(d){u.push(this)}else{_t.jmp((()=>xt(this)))}}disconnectedCallback(){_t.jmp((()=>Ct(this)))}componentOnReady(){return Wt(this).G}};n.J=t[0];if(!l.includes(i)&&!o.get(i)){s.push(i);o.define(i,St(f,n,1))}}))}));{c.innerHTML=s+b;c.setAttribute("data-styles","");i.insertBefore(c,f?f.nextSibling:i.firstChild)}d=false;if(u.length){u.map((t=>t.connectedCallback()))}else{{_t.jmp((()=>$=setTimeout(yt,30)))}}n()};const Rt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=It(t,n);const i=Ut(e,l);const f=Pt(n);_t.ael(o,s,i,f);(e._=e._||[]).push((()=>_t.rel(o,s,i,f)))}))}};const Ut=(t,e)=>n=>{try{{if(t.$&256){t.W[e](n)}else{(t.L=t.L||[]).push([e,n])}}}catch(t){Dt(t)}};const It=(t,e)=>{if(e&4)return Vt;return t};const Pt=t=>(t&2)!==0;const Tt=new WeakMap;const Wt=t=>Tt.get(t);const Et=(t,e)=>Tt.set(e.W=t,e);const Lt=(t,e)=>{const n={$:0,O:t,C:e,F:new Map};{n.q=new Promise((t=>n.D=t))}{n.G=new Promise((t=>n.N=t));t["s-p"]=[];t["s-rc"]=[]}Rt(t,n,e.V);return Tt.set(t,n)};const Nt=(t,e)=>e in t;const Dt=(t,e)=>(0,console.error)(t,e);const Ft=new Map;const At=(t,e,n)=>{const s=t.M.replace(/-/g,"_");const l=t.J;const o=Ft.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Ft.set(l,t)}return t[s]}),Dt)};const Ht=new Map;const qt=typeof window!=="undefined"?window:{};const Vt=qt.document||{head:{}};const _t={$:0,B:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const zt=true;const Bt=t=>Promise.resolve(t);const Gt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Jt=[];const Kt=[];const Qt=(t,e)=>n=>{t.push(n);if(!c){c=true;if(e&&_t.$&4){Zt(Yt)}else{_t.raf(Yt)}}};const Xt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Dt(t)}}t.length=0};const Yt=()=>{Xt(Jt);{Xt(Kt);if(c=Jt.length>0){_t.raf(Yt)}}};const Zt=t=>Bt().then(t);const te=Qt(Kt,true);export{C as H,Mt as b,N as c,L as g,x as h,Bt as p,Et as r};
+//# sourceMappingURL=p-5450cebf.js.map