@ukic/web-components 2.1.0-beta.12 → 2.1.0-beta.14

package/dist/core/p-52fd3533.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t,H as a,g as e}from"./p-589f6dd3.js";import{c as o}from"./p-44512ebe.js";import{C as n}from"./p-06321d19.js";import{z as s,i as r,D as l,g as d,k as p,c,a as h,l as v}from"./p-3dea2867.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;--sm-side-navigation-bottom-bar-height:3.5rem;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);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(.inline) .bottom-wrapper{position:sticky}: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{left:3.5rem;right:var(--ic-space-sm);top:0;bottom:0;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-theme-text);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.dark) .app-status-wrapper .app-status{color:var(--ic-color-white-text)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));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;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0;width:100%}.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{position:absolute;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;margin-left:0}:host(.sm-expanded) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}.bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex}.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)}:host(.sm-expanded) .bottom-side-nav .menu-expand-button{height:100%}.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);align-self:flex-end;margin-bottom:0.875rem}: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.setExpandedButtonHeight();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.setExpandedButtonHeight=()=>{const i=this.el.shadowRoot.querySelector("#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper");if(i.offsetHeight!==0){this.el.style.setProperty("--sm-side-navigation-bottom-bar-height",`${i.offsetHeight}px`)}};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.styleSlottedCollapsedIconLabel();this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);this.setExpandedButtonHeight();!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 x=this.deviceSize>=l.L;const f=this.deviceSizeAppTitle===l.S;const y=u||x&&!this.static;const w={isSDevice:b,foregroundColor:o,menuOpen:e,href:d,isAppNameSubtitleVariant:f,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-52fd3533.entry.js.map

package/dist/core/p-52fd3533.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","setExpandedButtonHeight","navItems","querySelectorAll","forEach","navItem","hasUsedSlot","isSlotUsed","navItemSlot","iconWrapper","document","createElement","icon","label","textContent","trim","icTypography","className","append","styleSlottedCollapsedIconLabels","styleSlottedIconLabels","style","marginTop","whiteSpace","overflow","textOverflow","appStatusWrapper","offsetHeight","setProperty","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","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":"2fAAA,MAAMA,EAAsB,4jXC0CfC,EAAc,+BA+CjBC,KAAAC,mBACNC,SAASC,EAAe,mCAAqC,EAQvDH,KAAAI,2BAA8BC,IAIpC,MAAMC,EAAQ,IAAIC,YAAY,kBAAmB,CAC/CC,OAAQ,CACNC,gBAAiBJ,EAAWI,gBAC5BC,cAAeL,EAAWK,iBAG9BV,KAAKW,GAAGC,cAAcN,IAGhBN,KAAAa,WAAa,KACnBb,KAAKc,UAAYd,KAAKc,SACtBd,KAAKe,4BAA4Bf,KAAKc,UAEtCd,KAAKgB,kCAAkChB,KAAKc,UAE5Cd,KAAKI,2BAA2B,CAC9BK,gBAAiBT,KAAKc,SACtBJ,cAAe,QAIXV,KAAAgB,kCAAqCF,IAC3C,MAAMG,EAAUjB,KAAKW,GAAGO,WAAWC,cACjC,oBAEF,MAAMC,EAAeH,EAAQE,cAC3B,0BAEF,MAAME,EAAgBJ,EAAQE,cAC5B,mBAGF,GAAIL,EAAU,CACZO,EAAcC,UAAUC,IAAI,2BAC5BH,EAAaE,UAAUC,IAAI,+BACtB,CACLC,YAAW,KACTJ,EAAaE,UAAUG,OAAO,2BAC9BJ,EAAcC,UAAUG,OAAO,6BAC9BzB,KAAKC,sBAIJD,KAAAe,4BAA+BD,IACrC,MAAMY,EAAe1B,KAAKW,GAAGO,WAC1BC,cAAc,gBACdD,WAAWC,cAAc,UAE5B,GAAIL,EAAU,CACZY,EAAaC,aAAa,gBAAiB,QAC3CD,EAAaC,aAAa,aAAc,6BACnC,CACLD,EAAaC,aAAa,gBAAiB,SAC3CD,EAAaC,aAAa,aAAc,0BAIpC3B,KAAA4B,oCAAsC,KAC5C,MAAMC,EAAW7B,KAAKW,GAAGO,WAAWC,cAClC,6BAGFU,EAASP,UAAUC,IAAI,yBAEvBC,YAAW,KACTK,EAASP,UAAUG,OAAO,2BACzBzB,KAAKC,qBAGFD,KAAA8B,mBAAqB,KAC3B9B,KAAK+B,cAAgB/B,KAAK+B,aAE1B,GAAI/B,KAAK+B,aAAc,CACrB/B,KAAK4B,sCAGP5B,KAAKgC,6BAA6BhC,KAAK+B,cAEvC/B,KAAKiC,oCAAoCjC,KAAK+B,cAE9C,GAAI/B,KAAKkC,oBAAqB,CAC5BlC,KAAKmC,6BAGPnC,KAAKoC,0BACLpC,KAAKI,2BAA2B,CAAEK,gBAAiBT,KAAK+B,gBASlD/B,KAAAgC,6BAAgCD,IACtC,MAAMM,EAAWrC,KAAKW,GAAG2B,iBAAiB,sBAE1CD,EAASE,SAASC,IAChB,MAAMC,EAAcC,EAAWF,EAAS,mBAExC,GAAIC,EAAa,CACf,MAAME,EAAcH,EAAQrB,cAAc,4BAC1C,MAAMyB,EAAcC,SAASC,cAAc,OAC3C,MAAMC,EAAOJ,EAAYxB,cAAc,OACvC,MAAM6B,EAAQR,EAAQS,YAAYC,OAClC,MAAMC,EAAeN,SAASC,cAAc,iBAC5CK,EAAa7B,UAAUC,IACrB,sBACA,WACA,yCAGFqB,EAAYQ,UAAY,iBACxBR,EAAYS,OAAON,GAEnBJ,EAAYM,YAAc,GAE1BE,EAAaF,YAAcD,EAE3BL,EAAYU,OAAOT,GACnBD,EAAYU,OAAOF,GAEnB,GAAInD,KAAKkC,oBAAqB,CAC5BlC,KAAKsD,gCAAgCvB,EAAcoB,OAC9C,CACLnD,KAAKuD,uBAAuBxB,EAAcoB,SAM1CnD,KAAAsD,gCAAkC,CACxCvB,EACAoB,KAEA,GAAIpB,EAAc,CAChBoB,EAAaK,MAAMC,UAAY,IAC/BN,EAAaK,MAAME,WAAa,SAChCP,EAAaK,MAAMG,SAAW,SAC9BR,EAAaK,MAAMI,aAAe,eAC7B,CACLT,EAAaK,MAAMC,UAAY,OAC/BN,EAAaK,MAAME,WAAa,SAChCP,EAAaK,MAAMG,SAAW,SAC9BR,EAAaK,MAAMI,aAAe,aAI9B5D,KAAAoC,wBAA0B,KAChC,MAAMyB,EAAmB7D,KAAKW,GAAGO,WAAWC,cAC1C,+EAGF,GAAI0C,EAAiBC,eAAiB,EAAG,CACvC9D,KAAKW,GAAG6C,MAAMO,YACZ,yCACA,GAAGF,EAAiBC,oBAKlB9D,KAAAuD,uBAAyB,CAC/BxB,EACAoB,KAEA,GAAIpB,EAAc,CAChBoB,EAAaK,MAAMQ,QAAU,IAC7Bb,EAAaK,MAAMS,WAAa,UAChCd,EAAaK,MAAMU,WACjB,8DACG,CACLf,EAAaK,MAAMQ,QAAU,IAC7Bb,EAAaK,MAAMS,WAAa,SAChCd,EAAaK,MAAMU,WACjB,4DAIElE,KAAAmC,2BAA6B,KACnC,MAAMgC,EAA2BnE,KAAKW,GAAGO,WAAWC,cAClD,uBAEF,MAAMiD,EAA6BpE,KAAKW,GAAGO,WAAWC,cACpD,2CAGF,GAAIgD,EAA0B,CAC5BA,EAAyB7C,UAAUG,OAAO,6BAC1C0C,EAAyB7C,UAAUC,IAAI,+BAGzC,GAAI6C,EAA4B,CAC9BA,EAA2B9C,UAAUG,OAAO,6BAC5C2C,EAA2B9C,UAAUC,IAAI,+BAG3CvB,KAAKW,GAAG0D,iBAAiB,iBAAiB,KACxC,GAAIF,EAA0B,CAC5BA,EAAyB7C,UAAUG,OACjC,+BAEF0C,EAAyB7C,UAAUC,IAAI,6BAGzC,GAAI6C,EAA4B,CAC9BA,EAA2B9C,UAAUG,OACnC,+BAEF2C,EAA2B9C,UAAUC,IAAI,kCAKvCvB,KAAAsE,iBACNjC,IAEA,MAAMkC,EACHlC,EAAS,GAAGnB,YACXmB,EAAS,GAAGnB,WAAWC,cAAc,iBACvCkB,EAAS,GAAGlB,cAAc,KAC5B,MAAMqD,EAAanC,EAAS,GAAGlB,cAAc,OAE7C,MAAMsD,EAAY,CAChBC,IAAKC,OAAOC,iBAAiBL,GAAaG,IAC1CG,UAAWF,OAAOC,iBAAiBJ,GAAYM,MAC/CC,YAAaJ,OAAOC,iBAAiBL,GAAaQ,aAGpD,OAAOC,OAAOC,OAAOR,GAAWS,QAAO,CAACC,EAAMC,IACpCD,GAAQjF,SAASkF,IACxB,IAGGpF,KAAAiC,oCAAuCF,IAC7C,IAAIsD,EAEJ,GAAItD,EAAc,CAChBsD,EAAQ7D,YAAW,KACjB,MAAM8D,EAAetF,KAAKW,GAAG4E,YAE7B,MAAMC,EAAiDC,MAAMC,KAC3D1F,KAAKW,GAAG2B,iBAAiB,uBAG3B,MAAMqD,EAAmBH,EAAgBI,OACrC5F,KAAKsE,iBAAiBkB,GACtB,EAEJA,EAAgBjD,SACbsD,YACC,MAAMC,IACJC,EACEF,EAAe3E,YACf2E,EAAe3E,WAAWC,cACxB,yDAEH,MAAA4E,SAAA,OAAA,EAAAA,EAAEC,gBACHC,EAAAJ,EAAe1E,cAAc,wCAAoC,MAAA8E,SAAA,OAAA,EAAAA,EAC7DD,aAEN,GAAIF,EAA0BR,EAAeK,EAAkB,CAC7DE,EAAelE,aAAa,6BAA8B,cAI/D3B,KAAKC,wBACH,CACLiG,aAAab,GAEb,MAAMG,EAAiDC,MAAMC,KAC3D1F,KAAKW,GAAG2B,iBAAiB,uBAE3BkD,EAAgBjD,SAASsD,IACvBA,EAAelE,aAAa,6BAA8B,cAKxD3B,KAAAmG,gBAAmBC,IACzBpG,KAAK+B,aAAeqE,GAQdpG,KAAAqG,oBAAuBC,IAC7BtG,KAAKW,GAAG4F,cAAc/C,MAAMO,YAAY,cAAeuC,IAGjDtG,KAAAwG,qBAAwBF,IAC9BtG,KAAKW,GAAG4F,cAAc/C,MAAMO,YAAY,eAAgBuC,IAGlDtG,KAAAyG,eAAiC,KAEjCzG,KAAA0G,uBAA0BC,IAChC,GAAIA,IAAa3G,KAAK4G,WAAY,CAChC5G,KAAK4G,WAAaD,EAElB,GAAIA,IAAaE,EAAaC,EAAG,CAC/B,IAAK9G,KAAK+G,yBAA0B,CAClC,MAAMC,EACJhH,KAAKW,GAAGO,WAAWC,cAAc,YAAY8F,aAC/CjH,KAAKqG,oBAAoB,GAAGW,OAC5BhH,KAAKwG,qBAAqB,KAE1B,GAAIxG,KAAKkH,OAAQ,CACflH,KAAKW,GAAG4F,cAAc/C,MAAMO,YAC1B,SACA,eAAeiD,SAIrBhH,KAAKI,2BAA2B,CAC9BK,gBAAiBT,KAAK+B,aACtBrB,cAAe,WAEZ,CACL,IAAKV,KAAK+G,yBAA0B,CAClC/G,KAAKqG,oBAAoB,KACzBrG,KAAKW,GAAG4F,cAAc/C,MAAMO,YAAY,SAAU,QAEpD/D,KAAKI,2BAA2B,CAC9BK,gBAAiBT,KAAK+B,aACtBrB,cAAe,QAInB,GAAIiG,EAAWE,EAAaM,EAAG,CAC7B,IAAKnH,KAAK+G,yBAA0B,CAClC/G,KAAKqG,oBAAoB,KACzBrG,KAAKwG,qBAAqB,WAEvB,GACLG,EAAWE,EAAaC,GACxBH,GAAYE,EAAaM,IACxBnH,KAAKoH,SACLpH,KAAK+G,yBACN,CACA,GAAI/G,KAAKkC,oBAAqB,CAC5BlC,KAAKwG,qBAAqB,qCACrB,CACLxG,KAAKwG,qBACH,sDAOFxG,KAAAqH,kBAAoB,KAC1BrH,KAAKyG,eAAiB,IAAIa,gBAAe,KACvC,MAAMX,EAAWY,IACjBvH,KAAKwH,mBAAqBb,EAC1B3G,KAAK0G,uBAAuBC,MAG9B3G,KAAKyG,eAAegB,QAAQ5E,SAAS6E,KAAM,CAAEC,IAAK,iBAG5C3H,KAAA4H,uBAAyB,KAC/B,MAAMpC,EAAiDC,MAAMC,KAC3D1F,KAAKW,GAAG2B,iBAAiB,uBAE3BkD,EAAgBjD,SAASsD,IACvBA,EAAelE,aAAa,uBAAwB,YAIhD3B,KAAA6H,+BAAiC,KACvC,MAAMC,EACJrC,MAAMC,KACJ1F,KAAKW,GAAG2B,iBAAiB,2CAG7BwF,EAAgCvF,SAASY,YACvC,IACE8C,GAAAF,EAAA5C,IAAY,MAAZA,SAAY,OAAA,EAAZA,EAAcoD,iBAAa,MAAAR,SAAA,OAAA,EAAAA,EAAEQ,iBAAa,MAAAN,SAAA,OAAA,EAAAA,EAAE3E,UAAUyG,SACpD,iDAEF,CACA5E,EAAaK,MAAME,WAAa,SAChCP,EAAaK,MAAMG,SAAW,SAC9BR,EAAaK,MAAMI,aAAe,WAClCT,EAAaK,MAAMC,UAAY,YAK7BzD,KAAAgI,aAAe,EACrBC,UAAAA,EACAC,gBAAAA,EACApH,SAAAA,EACAqH,KAAAA,EACAC,yBAAAA,EACAvG,SAAAA,MAEA,MAAMwG,EAAWrI,KAAK6B,WAAa,IAAM7B,KAAK6B,WAAayG,UAE3D,MAAMC,EAAY7F,EAAW1C,KAAKW,GAAI,aAAe,MAAQ,IAE7D,MAAM6H,EAAQD,GAAa,KAAO,CAChCJ,KAAMA,GAGR,OACEM,EAAA,MAAA,CACEC,MAAO,CACLC,UAAW,KACXC,CAAC5I,KAAKkI,iBAAkB,OAGzBD,GACCQ,EAAA,MAAA,CAAAI,kBACkB,yCAAwCC,cAC5C,SAEZL,EAAA,YAAA,CAAAM,aACa,uBACXL,MAAM,cACNM,GAAG,cACHC,QAAQ,YACRC,KAAK,QAAOC,aACD,OACXC,WAAYlB,EACZmB,QAASrJ,KAAKa,WAAUyI,YACd,kBAAiBC,gBACb,OAAMC,gBACN,SAEdf,EAAA,OAAA,CACEC,MAAM,2BACNe,KAAK,OACLC,UAAW5I,EAAW6I,EAAYC,IAEnC9I,EAAW,QAAU,QAExB2H,EAAA,OAAA,CACEO,GAAG,yCACHN,MAAM,4BAA2BI,cACrB,QAAM,kCAMxBL,EAAA,MAAA,CAAKC,MAAM,sBACPL,GAAY3F,EAAW1C,KAAKW,GAAI,eAChC8H,EAACF,EAASvD,OAAA6E,OAAA,GAAKrB,EAAK,CAAEE,MAAM,eAC1BD,EAAA,MAAA,CAAKC,MAAM,qBAAoBI,cAAa,QAC1CL,EAAA,OAAA,CAAMqB,KAAK,cAEbrB,EAAA,gBAAA,CACEQ,QAASb,EAA2B,iBAAmB,MAEtD1F,EAAW1C,KAAKW,GAAI,aACnB8H,EAAA,OAAA,CAAMqB,KAAK,cAAmB,0FArflB,gBAIL,gBAIG,+BAIa,kBAIb,oCAKkB,2BAEEC,kBACjB,wBACI,sBACHlD,EAAamD,2BACbnD,EAAaC,8BACA,MAM3C8B,mBAAmBqB,GACjB,MAAMC,EAAiBD,EAAGzJ,OAC1BR,KAAKkI,gBAAkBgC,EAAMC,KA6d/BvB,oBACE,GAAI5I,KAAKoG,SAAU,CACjBpG,KAAKmG,gBAAgB,UAChB,CACLnG,KAAKmG,gBAAgB,OAGvB,GAAInG,KAAKkC,oBAAqB,CAC5BlC,KAAK4H,yBAGP5H,KAAKoK,uBAAyB1H,EAAW1C,KAAKW,GAAI,wBAGpDiI,mBACE5I,KAAKI,2BAA2B,CAC9BK,gBAAiBT,KAAK+B,aACtBrB,cAAeV,KAAK4G,aAAeC,EAAaC,IAGlDuD,EAAoBrK,KAAKqH,mBACzBrH,KAAK6H,iCACL7H,KAAKgC,6BAA6BhC,KAAK+B,cACvC/B,KAAKiC,oCAAoCjC,KAAK+B,cAE9C/B,KAAKoC,2BAEJM,EAAW1C,KAAKW,GAAI,cACnB2J,EACE,CAAC,CAAEC,KAAMvK,KAAK6B,SAAU2I,SAAU,cAClC,mBAIN5B,uBACE,GAAI5I,KAAKyG,iBAAmB,KAAM,CAChCzG,KAAKyG,eAAegE,cAIxB7B,SACE,MAAM/G,SACJA,EAAQf,SACRA,EAAQoH,gBACRA,EAAenG,aACfA,EAAYoG,KACZA,EAAIuC,OACJA,EAAMC,QACNA,EAAOzI,oBACPA,EAAmBgF,OACnBA,GACElH,KAEJ,MAAMiI,EAAYjI,KAAK4G,aAAeC,EAAaC,EACnD,MAAM8D,EAAa5K,KAAK4G,aAAeC,EAAagE,EACpD,MAAMC,EAAa9K,KAAK4G,YAAcC,EAAaM,EACnD,MAAMiB,EAA2BpI,KAAKwH,qBAAuBX,EAAaC,EAC1E,MAAMiE,EAAmBH,GAAeE,IAAe9K,KAAKoH,OAE5D,MAAM4D,EAAwB,CAC5B/C,UAAAA,EACAC,gBAAAA,EACApH,SAAAA,EACAqH,KAAAA,EACAC,yBAAAA,EACAvG,SAAAA,GAGF,OACE4G,EAACwC,EAAI,CACHvC,MAAO,CACLwC,eAAgBpK,GAAYmH,EAC5BkD,iBAAkBrK,GAAYmH,EAC9BmD,gBAAiBnD,IAAclG,EAC/BsJ,eAAgBpD,GAAalG,EAC7B6G,CAAC0C,EAAsBC,MACrBrD,IAAoBoD,EAAsBC,KAC5C3C,CAAC,qBACEX,IAAclG,GAAgBG,EACjC0G,CAAC,UAAW5I,KAAKoH,OACjBwB,CAAC,UAAW1B,IAGbe,GAAajI,KAAKgI,aAAYhD,OAAA6E,OAAA,GAAMmB,IACrCvC,EAAA,MAAA,CAAKC,MAAM,kBAAkBM,GAAG,oBAC5Bf,GAAajI,KAAKgI,aAAYhD,OAAA6E,OAAA,GAAMmB,IACtCvC,EAAA,MAAA,CAAKC,MAAM,yBACRhG,EAAW1C,KAAKW,GAAI,uBACnB8H,EAAA,MAAA,CACEC,MAAM,qBAAoBG,kBACV,+BAEhBJ,EAAA,OAAA,CAAAK,cACc,OACZJ,MAAM,4BACNM,GAAG,+BAA6B,WAIlCP,EAAA,KAAA,CAAIC,MAAM,mBACRD,EAAA,OAAA,CAAMqB,KAAK,0BAKnBrB,EAAA,MAAA,CACEC,MAAO,CACLE,CAAC,kBAAmB,KACpBA,CAAC,0BAA2B4C,MAG7B9I,EAAW1C,KAAKW,GAAI,yBACnB8H,EAAA,MAAA,CACEC,MAAM,uBAAsBG,kBACZ,iCAEhBJ,EAAA,OAAA,CAAAK,cACc,OACZJ,MAAM,4BACNM,GAAG,iCAA+B,aAIpCP,EAAA,KAAA,CAAIC,MAAM,mBACRD,EAAA,OAAA,CAAMqB,KAAK,2BAIjBrB,EAAA,MAAA,CAAKC,MAAM,mBACR1I,KAAKoK,wBAA0B3B,EAAA,aAAA,MAC/BsC,GACCtC,EAAA,SAAA,CACEC,MAAM,qBACNgB,UAAW+B,EACXpC,QAASrJ,KAAK8B,mBAAkBiH,aACpB,GACVhH,EAAe,WAAa,6BAIlC0G,EAAA,MAAA,CAAKC,MAAM,sBACRgC,IAAW,IACVjC,EAAA,MAAA,CACEC,MAAO,CACLE,CAAC,cAAe,OAGlBH,EAAA,gBAAA,CAAAM,aACa,UACXE,QAAQ,kBACRP,MAAM,mBAELgC,IAINC,IAAY,IACXlC,EAAA,gBAAA,CACEQ,QAAQ,QACRP,MAAM,cAAaK,aACR,eAEV4B","sourcesContent":["/**\n * @prop --ic-z-index-side-navigation: z-index of side navigation panel\n */\n\n:host {\n  display: block;\n\n  --side-navigation-position: fixed;\n  --side-navigation-position-left: 0;\n  --side-navigation-position-top: var(--ic-space-xxl);\n  --side-navigation-height: var(--ic-space-xxl);\n  --sm-side-navigation-top-bar-height: 3.5rem;\n  --sm-side-navigation-collapsed-labels-width: 6rem;\n  --sm-side-navigation-expand-transition-duration: var(\n    --ic-transition-duration-slow\n  );\n  --side-navigation-width: 20rem;\n  --sm-side-navigation-bottom-bar-height: 3.5rem;\n\n  z-index: var(--ic-z-index-side-navigation);\n}\n\n:host > * {\n  box-sizing: border-box;\n}\n\n.side-navigation {\n  display: flex;\n  flex-direction: column;\n  width: var(--side-navigation-width);\n  color: var(--ic-theme-text);\n  position: var(--side-navigation-position);\n  top: var(--side-navigation-position-top);\n  left: calc(var(--side-navigation-width) * -1);\n  bottom: 0;\n  background-color: var(--ic-theme-primary);\n  z-index: var(--ic-z-index-side-navigation);\n}\n\n:host(.inline) .side-navigation {\n  position: absolute;\n  height: 100%;\n}\n\n:host(.anchor-right) .side-navigation {\n  right: calc(var(--side-navigation-width) * -1);\n}\n\n.classification-spacing {\n  margin-bottom: var(--ic-space-lg);\n}\n\n.navigation-list {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.side-navigation-inner {\n  background-color: var(--ic-theme-primary);\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 0;\n  overflow: auto;\n  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  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(.inline) .bottom-wrapper {\n  position: sticky;\n}\n\n:host(.dark) .bottom-wrapper {\n  border-top: var(--ic-keyline-darken);\n}\n\n/* Mobile Top Bar */\n\n.top-bar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  min-height: var(--side-navigation-height);\n  padding: var(--ic-space-xs);\n  box-sizing: border-box;\n  background-color: var(--ic-theme-primary);\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  border-bottom: var(--ic-keyline-darken);\n  box-shadow: var(--ic-elevation-overlay);\n  z-index: 2;\n  overflow: hidden;\n  visibility: visible;\n}\n\n:host(.inline) .top-bar {\n  position: absolute;\n}\n\n.top-bar.dark a:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n.top-bar.light {\n  border-bottom: var(--ic-keyline-lighten);\n}\n\n.app-title-wrapper {\n  display: flex;\n  margin-left: var(--ic-space-xs);\n  border-left: var(--ic-keyline-darken);\n  padding-left: var(--ic-space-xxs);\n  color: var(--ic-theme-text);\n  align-items: center;\n}\n\n@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  left: 3.5rem;\n  right: var(--ic-space-sm);\n  top: 0;\n  bottom: 0;\n  width: auto;\n  display: flex;\n  gap: var(--ic-space-xs);\n  padding: var(--ic-space-sm) 0;\n  justify-content: flex-end;\n  align-items: flex-end;\n  pointer-events: none;\n  height: fit-content;\n  margin: 0 var(--ic-space-xs);\n}\n\n.app-status-wrapper .app-version {\n  display: flex;\n  overflow-wrap: break-word;\n  padding-bottom: var(--ic-space-xxs);\n}\n\n.app-status-wrapper .app-status {\n  display: flex;\n  border-radius: 1rem;\n  background-color: var(--ic-theme-text);\n  color: var(--ic-color-primary-text);\n  padding: var(--ic-space-xxs) var(--ic-space-lg);\n  min-width: 1rem;\n}\n\n.app-status-wrapper .app-status-text {\n  overflow-wrap: break-word;\n}\n\n:host(.dark) .app-status-wrapper .app-status {\n  color: var(--ic-color-white-text);\n}\n\n.navigation-landmark-title {\n  position: absolute;\n  width: var(--ic-space-1px);\n  height: var(--ic-space-1px);\n  padding: 0;\n  margin: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n}\n\n/* Navigation Group */\n\n::slotted(ic-navigation-group) {\n  --navigation-group-height: 2.75rem;\n  --navigation-group-width: 100%;\n  --navigation-group-justify-content: space-between;\n  --navigation-group-hover: var(--ic-theme-hover);\n  --navigation-group-text-hover: var(--ic-theme-text);\n  --navigation-item-child-height: 3.5rem;\n  --navigation-item-child-active: var(--ic-action-dark-bg-active);\n  --navigation-item-child-color: var(--ic-theme-text);\n  --navigation-group-expand-toggle-padding: 0.25rem;\n}\n\n/* Navigation Items */\n\n::slotted(ic-navigation-item),\n::slotted(ic-navigation-group) {\n  --navigation-item-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  min-height: var(--sm-side-navigation-top-bar-height);\n}\n\n.bottom-side-nav ic-divider {\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n\n.primary-navigation {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n\n  /* Hide scrollbar when required but keep functionality */\n  scrollbar-width: none;\n}\n\n.primary-navigation::-webkit-scrollbar {\n  display: none;\n}\n\n.primary-navigation,\n.secondary-navigation {\n  overflow-x: hidden;\n}\n\n.bottom-side-nav .menu-expand-button {\n  position: absolute;\n  display: none;\n}\n\n.menu-visibility-visible {\n  visibility: visible;\n}\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    margin-left: 0;\n  }\n\n  :host(.sm-expanded) .app-status-wrapper {\n    display: flex;\n    max-width: 16rem;\n    margin-right: calc(var(--ic-space-xxxs) + var(--ic-space-xs));\n  }\n\n  .bottom-side-nav {\n    justify-items: flex-end;\n    align-items: flex-end;\n    justify-content: flex-end;\n    display: flex;\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  :host(.sm-expanded) .bottom-side-nav .menu-expand-button {\n    height: 100%;\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    align-self: flex-end;\n    margin-bottom: 0.875rem;\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.setExpandedButtonHeight();\n    this.emitSideNavigationExpanded({ sideNavExpanded: this.menuExpanded });\n  };\n\n  /**\n   * In order to style nested slotted elements (e.g. using React Router components), this method\n   * rearranges the a tag and labels and adds inline styling expand/collaped animations as external CSS classes are not\n   * do not take affect.\n   * @param menuExpanded boolean - true or false depending on side navigation state\n   */\n  private arrangeSlottedNavigationItem = (menuExpanded?: boolean) => {\n    const navItems = this.el.querySelectorAll(\"ic-navigation-item\");\n\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 setExpandedButtonHeight = () => {\n    const appStatusWrapper = this.el.shadowRoot.querySelector(\n      \"#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper\"\n    ) as HTMLDivElement;\n\n    if (appStatusWrapper.offsetHeight !== 0) {\n      this.el.style.setProperty(\n        \"--sm-side-navigation-bottom-bar-height\",\n        `${appStatusWrapper.offsetHeight}px`\n      );\n    }\n  };\n\n  private styleSlottedIconLabels = (\n    menuExpanded: boolean,\n    icTypography: HTMLSpanElement\n  ) => {\n    if (menuExpanded) {\n      icTypography.style.opacity = \"1\";\n      icTypography.style.visibility = \"visible\";\n      icTypography.style.transition =\n        \"visibility 0s, opacity var(--ic-easing-transition-slow)\";\n    } else {\n      icTypography.style.opacity = \"0\";\n      icTypography.style.visibility = \"hidden\";\n      icTypography.style.transition =\n        \"visibility 0s, opacity var(--ic-easing-transition-slow)\";\n    }\n  };\n\n  private 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.styleSlottedCollapsedIconLabel();\n    this.arrangeSlottedNavigationItem(this.menuExpanded);\n    this.displayTooltipWithExpandedLongLabel(this.menuExpanded);\n\n    this.setExpandedButtonHeight();\n\n    !isSlotUsed(this.el, \"app-title\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.appTitle, propName: \"app-title\" }],\n        \"Side Navigation\"\n      );\n  }\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\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-0a463a65.entry.js → p-546b620e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as s,g as h}from"./p-5450cebf.js";import{A as e,c as l}from"./p-3dea2867.js";import"./p-6f57b13c.js";const p=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.default:not(.aligned-left)) .step-item-list{flex:auto}:host(.compact) ul ::slotted(ic-step){display:none}:host(.compact) ul ::slotted(ic-step.show){display:flex}:host(.compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const o=class{constructor(i){t(this,i);this.resizeObserver=null;this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[step-title]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'step-title' (web components) / 'stepTitle' (react) is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let t=0;t<this.steps.length;t++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const t=this.steps[this.steps.length-1];t.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;t.style.maxWidth=e(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=t.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((t,i)=>{t.variant=this.variant;t.stepNum=i+1;t.lastStep=i===this.steps.length-1;t.lastStepNum=this.steps.length;if(t.stepType!=="current"){t.current=false;this.stepTypes[i]=t.stepType}else{t.current=true}const s=t.shadowRoot&&t.shadowRoot.querySelector(".step > .step-title-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){t.stepTitle="Step "+t.stepNum;s&&s.querySelector(".step-title").setAttribute("aria-hidden","true")}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){t.stepTitle=undefined;s&&s.querySelector(".step-title").removeAttribute("aria-hidden")}}}if(this.variant==="compact"){if(t.current===true||t.stepType==="current"){t.classList.remove("hide");t.classList.add("show")}else if(t.classList.contains("show")){t.classList.remove("show");t.classList.add("hide")}if(!t.lastStep){t.nextStepTitle=this.steps[i+1].stepTitle;t.progress=t.stepNum/this.steps.length*100}else if(t.lastStep&&this.stepTypes[i]!=="completed"){t.progress=95}else{t.progress=100}if(this.hideStepInfo&&s!==null){s.classList.remove("visually-hidden")}t.compactStepStyling=this.stepTypes[i]}if(this.variant==="default"){if(!t.lastStep){if(this.alignedFullWidth){t.style.width=e(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);t.style.minWidth=e("148px")}}else if(t.lastStep){t.classList.add("last-step");if(this.alignedFullWidth){t.style.maxWidth=`${this.lastStepWidth}px`}else{t.style.maxWidth=this.connectorWidth>100?e(`${this.connectorWidth+48}px`):e("148px")}}if(this.aligned==="left"){t.style.width=this.connectorWidth>100?e(`${this.connectorWidth+48}px`):e("148px");const i=t.shadowRoot.querySelector(".step > .step-top > .step-connect");if(i){i.style.width=this.connectorWidth>100?e(`${this.connectorWidth}px`):e("100px")}}if(this.hideStepInfo&&s!==null){s.classList.add("visually-hidden")}}}))};this.overrideVariant=()=>{let t=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth>100){t=(this.connectorWidth+48)*this.steps.length}if(this.variantOverride){if(this.el.clientWidth<t){this.variant="compact";this.getChildren()}else{this.variant="default";this.getChildren()}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)};this.aligned="full-width";this.variant="default";this.connectorWidth=100;this.hideStepInfo=false;this.stepperWidth=document.querySelector("ic-stepper").getBoundingClientRect().width;this.lastStepWidth=0;this.stepTypes=[];this.alignedFullWidth=true;this.autoSetStepTitles=true;this.variantOverride=this.variant!=="compact";this.noOfResizes=0}componentWillLoad(){this.setStepTypes();if(this.variant==="compact"){this.variantOverride=false}}componentDidLoad(){l(this.runResizeObserver)}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}render(){return i(s,{class:{[`${this.variant}`]:true,["aligned-left"]:this.variant==="default"&&this.aligned==="left"}},i("ul",{class:"step-item-list"},i("slot",null)))}get el(){return h(this)}};o.style=p;export{o as ic_stepper};
-//# sourceMappingURL=p-0a463a65.entry.js.map
+import{r as t,h as i,H as s,g as h}from"./p-589f6dd3.js";import{A as e,c as l}from"./p-3dea2867.js";import"./p-6f57b13c.js";const p=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.default:not(.aligned-left)) .step-item-list{flex:auto}:host(.compact) ul ::slotted(ic-step){display:none}:host(.compact) ul ::slotted(ic-step.show){display:flex}:host(.compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const o=class{constructor(i){t(this,i);this.resizeObserver=null;this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[step-title]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'step-title' (web components) / 'stepTitle' (react) is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let t=0;t<this.steps.length;t++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const t=this.steps[this.steps.length-1];t.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;t.style.maxWidth=e(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=t.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((t,i)=>{t.variant=this.variant;t.stepNum=i+1;t.lastStep=i===this.steps.length-1;t.lastStepNum=this.steps.length;if(t.stepType!=="current"){t.current=false;this.stepTypes[i]=t.stepType}else{t.current=true}const s=t.shadowRoot&&t.shadowRoot.querySelector(".step > .step-title-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){t.stepTitle="Step "+t.stepNum;s&&s.querySelector(".step-title").setAttribute("aria-hidden","true")}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){t.stepTitle=undefined;s&&s.querySelector(".step-title").removeAttribute("aria-hidden")}}}if(this.variant==="compact"){if(t.current===true||t.stepType==="current"){t.classList.remove("hide");t.classList.add("show")}else if(t.classList.contains("show")){t.classList.remove("show");t.classList.add("hide")}if(!t.lastStep){t.nextStepTitle=this.steps[i+1].stepTitle;t.progress=t.stepNum/this.steps.length*100}else if(t.lastStep&&this.stepTypes[i]!=="completed"){t.progress=95}else{t.progress=100}if(this.hideStepInfo&&s!==null){s.classList.remove("visually-hidden")}t.compactStepStyling=this.stepTypes[i]}if(this.variant==="default"){if(!t.lastStep){if(this.alignedFullWidth){t.style.width=e(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);t.style.minWidth=e("148px")}}else if(t.lastStep){t.classList.add("last-step");if(this.alignedFullWidth){t.style.maxWidth=`${this.lastStepWidth}px`}else{t.style.maxWidth=this.connectorWidth>100?e(`${this.connectorWidth+48}px`):e("148px")}}if(this.aligned==="left"){t.style.width=this.connectorWidth>100?e(`${this.connectorWidth+48}px`):e("148px");const i=t.shadowRoot.querySelector(".step > .step-top > .step-connect");if(i){i.style.width=this.connectorWidth>100?e(`${this.connectorWidth}px`):e("100px")}}if(this.hideStepInfo&&s!==null){s.classList.add("visually-hidden")}}}))};this.overrideVariant=()=>{let t=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth>100){t=(this.connectorWidth+48)*this.steps.length}if(this.variantOverride){if(this.el.clientWidth<t){this.variant="compact";this.getChildren()}else{this.variant="default";this.getChildren()}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)};this.aligned="full-width";this.variant="default";this.connectorWidth=100;this.hideStepInfo=false;this.stepperWidth=document.querySelector("ic-stepper").getBoundingClientRect().width;this.lastStepWidth=0;this.stepTypes=[];this.alignedFullWidth=true;this.autoSetStepTitles=true;this.variantOverride=this.variant!=="compact";this.noOfResizes=0}componentWillLoad(){this.setStepTypes();if(this.variant==="compact"){this.variantOverride=false}}componentDidLoad(){l(this.runResizeObserver)}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}render(){return i(s,{class:{[`${this.variant}`]:true,["aligned-left"]:this.variant==="default"&&this.aligned==="left"}},i("ul",{class:"step-item-list"},i("slot",null)))}get el(){return h(this)}};o.style=p;export{o as ic_stepper};
+//# sourceMappingURL=p-546b620e.entry.js.map

package/dist/core/p-56fe91ad.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,H as e,g as a}from"./p-589f6dd3.js";import{x as h,w as n,m as o,d as l,a as r,r as c,e as d,h as u,j as p,y as f,n as b}from"./p-3dea2867.js";import{I as v,a as m}from"./p-6f57b13c.js";const g=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor" />\n</svg>\n`;const w=`<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.6666 4.27334L11.7266 3.33334L7.99998 7.06001L4.27331 3.33334L3.33331 4.27334L7.05998 8.00001L3.33331 11.7267L4.27331 12.6667L7.99998 8.94001L11.7266 12.6667L12.6666 11.7267L8.93998 8.00001L12.6666 4.27334Z" fill="currentColor" />\n</svg>\n`;const x='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{position:relative}:host(.full-width){width:100%}ic-input-component-container:hover{--border-color:var(--ic-action-dark-hover)}ic-input-component-container:active{--border-color:var(--ic-action-dark-active);color:var(--ic-action-dark-active)}ic-input-component-container.menu-open{--border-color:var(--ic-architectural-400);color:var(--ic-action-dark)}ic-input-validation .status-icon,ic-input-validation .statustext{visibility:visible}ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{visibility:hidden;transition:visibility 0s}ic-input-label{margin-bottom:var(--ic-space-xs) !important}select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:url("data:image/svg+xml;utf8,<svg fill=\'black\' height=\'24\' viewBox=\'0 0 24 24\' width=\'24\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/><path d=\'M0 0h24v24H0z\' fill=\'none\'/></svg>")}select option,.select-option-selected{color:var(--ic-color-primary-text)}select:disabled{color:var(--ic-architectural-200);background-image:url("data:image/svg+xml;utf8,<svg fill=\'grey\' height=\'24\' viewBox=\'0 0 24 24\' width=\'24\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/><path d=\'M0 0h24v24H0z\' fill=\'none\'/></svg>")}select:focus{border:0;outline:0}select:not([disabled]){cursor:pointer}.select-container{width:100%;display:flex;align-items:center;position:relative}.select-input{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none}.select-input:focus{outline:var(--ic-hc-focus-outline)}:host(:not(.disabled)) ic-input-component-container:hover .select-input{background-color:var(--ic-architectural-white)}.select-input[disabled]{pointer-events:none}:host(.searchable) .select-input{cursor:auto}.searchable-select-container{align-items:center;display:flex;width:100%;position:relative}.expand-icon{height:var(--ic-space-lg);padding-left:var(--ic-space-xs);color:var(--ic-action-dark)}.expand-icon>svg{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.disabled) .expand-icon,:host(.disabled) .expand-icon>svg>path{color:var(--ic-architectural-200)}:host(.searchable) .expand-icon{padding-left:var(--ic-space-xxs);height:2.25rem}:host(.searchable) .expand-icon>svg{height:2.25rem;padding:0 0.375rem}:host(.searchable:not(.disabled)) .expand-icon>svg{cursor:pointer}.expand-icon-open{color:var(--ic-action-dark)}.expand-icon-filled{color:var(--ic-action-dark)}.expand-icon-open,:host(.searchable) .expand-icon-open{transform:rotateX(180deg)}:host(.disabled) .value-text,.placeholder{color:var(--ic-color-tertiary-text)}.select-input-end{display:flex;align-items:center}.clear-button-container{display:flex;gap:var(--ic-space-xxs);padding-left:2.375rem}:host(.small) .clear-button-container{padding-left:1.875rem}.divider{width:var(--ic-space-1px);background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}:host(.small) .divider{height:var(--ic-space-md)}.clear-button{position:absolute;right:2.75rem;border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus{background-color:var(--ic-focus-blue);box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow);border-radius:0.25rem}.clear-button:focus *{fill:white}.searchable-select-results-status{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}';let y=0;const k=class{constructor(s){i(this,s);this.icChange=t(this,"icChange",7);this.icClear=t(this,"icClear",7);this.icFocus=t(this,"icFocus",7);this.icBlur=t(this,"icBlur",7);this.icOptionSelect=t(this,"icOptionSelect",7);this.icInput=t(this,"icInput",7);this.icRetryLoad=t(this,"icRetryLoad",7);this.inputId=`ic-select-input-${y++}`;this.menuId=`${this.inputId}-menu`;this.ungroupedOptions=[];this.inheritedAttributes={};this.hasSetDefaultValue=false;this.initialOptionsEmpty=false;this.handleRetry=i=>{var t;if(i.detail.keyPressed)(t=this.searchableSelectElement)===null||t===void 0?void 0:t.focus();this.blurredBecauseButtonPressed=true;this.retryButtonClick=true;this.hasSetDefaultValue=true;this.icRetryLoad.emit({value:this.hiddenInputValue})};this.emitIcChange=i=>{if(!this.searchable){this.value=i}clearTimeout(this.debounceIcChange);this.debounceIcChange=window.setTimeout((()=>{this.icChange.emit({value:i})}),this.currDebounce)};this.emitImmediateIcChange=i=>{this.value=i;clearTimeout(this.debounceIcChange);this.icChange.emit({value:i})};this.isMenuEnabled=()=>this.searchableSelectInputValue!==null||this.searchableSelectInputValue!=="";this.setOptionsValuesFromLabels=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(!i.value){i.value=i.label}}))}};this.setUngroupedOptions=i=>{this.ungroupedOptions=i.detail.options};this.setTextColor=()=>{if(this.nativeSelectElement.selectedIndex===0){this.nativeSelectElement.className="placeholder"}else{this.nativeSelectElement.className="select-option-selected"}};this.setMenuChange=i=>{if(this.open!==i){this.open=i}};this.getLabelFromValue=i=>h(i,this.options);this.getFilteredChildMenuOptions=i=>{let t=i.children;if(this.searchable){t=n(i.children,this.includeDescriptionsInSearch,this.searchableSelectInputValue,this.searchMatchPosition)}else{t=n(i.children,false,this.pressedCharacters,"start")}const s=Object.assign({},i);s.children=t;return s};this.handleNativeSelectChange=()=>{this.icOptionSelect.emit({value:this.nativeSelectElement.value});this.emitImmediateIcChange(this.nativeSelectElement.value);this.setTextColor()};this.handleCustomSelectChange=i=>{if(this.searchable&&i.detail.label===this.emptyOptionListText){this.searchableSelectElement.focus();return}if(this.searchable){this.value=i.detail.value;if(this.value===this.currValue){this.searchableSelectInputValue=this.getLabelFromValue(this.value)}this.inputValueToFilter=null;this.hiddenInputValue=this.getValueFromLabel(this.searchableSelectInputValue)}this.ariaActiveDescendant=i.detail.optionId;this.icOptionSelect.emit({value:i.detail.value});this.emitIcChange(i.detail.value)};this.handleMenuChange=i=>{this.open=i.detail.open;this.pressedCharacters="";this.searchable&&this.handleFocusIndicatorDisplay()};this.handleMenuKeyPress=i=>{i.cancelBubble=true;this.handleCharacterKeyDown(i.detail.key)};this.handleFocusIndicatorDisplay=()=>{const i=this.host.shadowRoot.querySelector(".focus-indicator");if(this.open){i.classList.add("focus-indicator-enabled")}else{i.classList.remove("focus-indicator-enabled")}};this.handleMouseDown=i=>{if(!this.open){i.preventDefault()}};this.isExternalFiltering=()=>this.searchable&&this.disableFilter;this.handleClick=i=>{if(this.isExternalFiltering()){this.menu.options=this.filteredOptions}else{if(!this.hasTimedOut&&!this.loading){this.noOptions=null;this.menu.options=this.options}}if(i.detail!==0&&this.isMenuEnabled()){this.menu.handleClickOpen()}};this.handleExpandIconMouseDown=i=>{if(!this.disabled){i.preventDefault();this.searchableSelectElement.focus();this.handleClick(i)}};this.handleClear=i=>{i.stopPropagation();this.hasTimedOut=false;this.noOptions=null;this.emitImmediateIcChange(null);this.icClear.emit();if(this.searchable){this.searchableSelectElement.value=null;this.searchableSelectInputValue=null;this.filteredOptions=this.options;this.hiddenInputValue=null;this.searchableSelectElement.focus();if(!this.isMenuEnabled()){this.setMenuChange(false)}}else{this.customSelectElement.focus()}};this.handleCharacterKeyDown=i=>{if(this.open&&i===" "&&this.pressedCharacters.length===0&&!this.hasTimedOut&&!this.loading){this.setMenuChange(false)}if(i.length===1&&!this.searchable){window.clearTimeout(this.characterKeyPressTimer);this.characterKeyPressTimer=window.setTimeout((()=>this.pressedCharacters=""),1e3);this.pressedCharacters+=i;this.handleFilter();if(!this.noOptions){this.emitImmediateIcChange(this.filteredOptions[0].value)}}else{this.pressedCharacters=""}};this.handleNativeSelectKeyDown=i=>{i.cancelBubble=true;this.handleCharacterKeyDown(i.key)};this.handleKeyDown=i=>{i.cancelBubble=true;const t=i.key==="ArrowDown"||i.key==="ArrowUp";if(!this.open){if(this.isExternalFiltering()&&(i.key==="Enter"||t)){this.menu.options=this.filteredOptions}else{if(!this.hasTimedOut){this.noOptions=null;this.menu.options=this.options}}}if(this.open&&i.key==="Enter"){this.setMenuChange(false)}else{if(!(t&&this.noOptions!==null)&&this.isMenuEnabled()){if(!(i.key===" "&&this.pressedCharacters.length>0)){this.menu.handleKeyboardOpen(i)}this.handleCharacterKeyDown(i.key)}}};this.handleClearButtonFocus=()=>{this.clearButtonFocused=true};this.handleClearButtonBlur=i=>{var t;const s=(t=this.menu)===null||t===void 0?void 0:t.querySelector("#retry-button");if(!(this.searchableSelectElement&&i.relatedTarget===this.searchableSelectElement)&&!(s&&i.relatedTarget===s)){this.setMenuChange(false);this.handleFocusIndicatorDisplay()}this.clearButtonFocused=false};this.handleFilter=()=>{const i=this.searchable?[...this.options]:this.ungroupedOptions;let t=false;let s=[];i.map((i=>{if(i.children)t=true}));let e;if(this.searchable){e=n(i,this.includeDescriptionsInSearch,this.inputValueToFilter,this.searchMatchPosition)}else{e=n(i,false,this.pressedCharacters,"start")}if(!t){s=e}else{i.map((i=>{if(this.includeGroupTitlesInSearch){if(e.indexOf(i)!==-1){s.push(i)}else{s.push(this.getFilteredChildMenuOptions(i))}}else{s.push(this.getFilteredChildMenuOptions(i))}}))}let a=false;if(t){a=true;s.map((i=>{if(i.children.length>0){a=false}}))}const h=[{label:this.emptyOptionListText,value:""}];if(s.length>0&&!a){this.noOptions=null;this.filteredOptions=s}else{this.noOptions=h;this.filteredOptions=this.noOptions}};this.triggerLoading=()=>{this.hasTimedOut=false;this.noOptions=[{label:this.loadingLabel,value:"",loading:true}];if(this.filteredOptions!==this.noOptions&&this.searchable)this.filteredOptions=this.noOptions;else if(!this.searchable&&this.options!==this.noOptions)this.options=this.noOptions;if(this.timeout){this.timeoutTimer=window.setTimeout((()=>{this.loading=false;this.hasTimedOut=true;this.noOptions=[{label:this.loadingErrorLabel,value:"",timedOut:true}];this.filteredOptions=this.noOptions;if(!this.searchable)this.options=this.noOptions}),this.timeout)}};this.getValueFromLabel=i=>{var t;const s=(t=this.options.find((t=>t.label===i)))===null||t===void 0?void 0:t.value;return s};this.handleSearchableSelectInput=i=>{this.searchableSelectInputValue=i.target.value;this.icInput.emit({value:this.searchableSelectInputValue});this.emitIcChange(this.searchableSelectInputValue);this.hiddenInputValue=this.searchableSelectInputValue;this.inputValueToFilter=this.searchableSelectInputValue;if(this.isMenuEnabled()){this.setMenuChange(true)}else{this.setMenuChange(false)}if(!this.disableFilter){this.handleFilter();this.debounceAriaLiveUpdate()}};this.updateSearchableSelectResultAriaLive=()=>{const i=this.host.shadowRoot.querySelector(".searchable-select-results-status");if(i){if(this.noOptions!==null){i.innerText=this.emptyOptionListText}else{i.innerText=""}}};this.getDefaultValue=i=>this.getLabelFromValue(i)||i||null;this.onFocus=()=>{this.icFocus.emit()};this.onBlur=i=>{var t;const s=i.relatedTarget;if(s!==null&&s.tagName==="UL"&&s.className.includes("menu")){return}const e=(t=this.menu)===null||t===void 0?void 0:t.querySelector("#retry-button");const a=this.searchable&&i.relatedTarget!==this.menu&&!Array.from(this.menu.querySelectorAll("[role='option']")).includes(i.relatedTarget)&&!(this.clearButton&&i.relatedTarget===this.clearButton)&&!(e&&i.relatedTarget===e);if(a){if(!this.retryButtonClick){this.setMenuChange(false)}this.handleFocusIndicatorDisplay()}this.retryButtonClick=false;this.icBlur.emit()};this.onTimeoutBlur=i=>{if(i.detail.ev.relatedTarget!==this.searchableSelectElement&&!this.blurredBecauseButtonPressed){this.setMenuChange(false);this.handleFocusIndicatorDisplay();this.icBlur.emit()}this.blurredBecauseButtonPressed=false};this.handleFormReset=()=>{this.value=this.initialValue;if(this.searchable){this.searchableSelectInputValue=this.getDefaultValue(this.value);this.hiddenInputValue=this.value}};this.label=undefined;this.options=[];this.required=false;this.hideLabel=false;this.disabled=false;this.readonly=false;this.placeholder="Select an option";this.helperText="";this.small=false;this.fullWidth=false;this.validationStatus="";this.validationText="";this.value=undefined;this.debounce=0;this.name=this.inputId;this.showClearButton=false;this.searchable=false;this.includeDescriptionsInSearch=false;this.includeGroupTitlesInSearch=false;this.searchMatchPosition="anywhere";this.charactersUntilSuggestions=0;this.emptyOptionListText="No results found";this.disableFilter=false;this.timeout=undefined;this.loadingLabel="Loading...";this.loadingErrorLabel="Loading Error";this.loading=false;this.open=false;this.clearButtonFocused=false;this.searchableSelectInputValue=null;this.filteredOptions=this.options;this.ariaActiveDescendant=undefined;this.noOptions=null;this.initialValue=this.value;this.currDebounce=this.debounce;this.currValue=this.value;this.debounceIcChange=undefined;this.pressedCharacters="";this.hiddenInputValue=undefined;this.inputValueToFilter=this.value}loadingHandler(i){i&&this.triggerLoading()}watchOptionsHandler(){if(!this.hasTimedOut){this.loading=false;clearTimeout(this.timeoutTimer);if(this.isExternalFiltering()){if(this.options.length>0){this.setOptionsValuesFromLabels();this.noOptions=null;this.filteredOptions=this.options}else if(this.isMenuEnabled()){this.noOptions=[{label:this.emptyOptionListText,value:""}];this.filteredOptions=this.noOptions}this.updateSearchableSelectResultAriaLive();this.setDefaultValue()}else{this.setOptionsValuesFromLabels();this.filteredOptions=this.options;if(this.initialOptionsEmpty){this.setDefaultValue();this.initialOptionsEmpty=false}}}else{if(!this.searchable)this.options=this.noOptions}}debounceChangedHandler(i){this.updateOnChangeDebounce(i)}valueChangedHandler(){if(this.value!==this.currValue){this.currValue=this.value}if(this.searchable&&!!this.currValue){this.searchableSelectInputValue=this.getLabelFromValue(this.currValue)||this.currValue}}async setFocus(){if(this.nativeSelectElement){this.nativeSelectElement.focus()}else if(this.customSelectElement){this.customSelectElement.focus()}else if(this.searchableSelectElement){this.searchableSelectElement.focus()}}updateOnChangeDebounce(i){if(this.currDebounce!==i){this.currDebounce=i}}debounceAriaLiveUpdate(){clearTimeout(this.debounceAria);window.setTimeout((()=>{this.updateSearchableSelectResultAriaLive()}),800)}setDefaultValue(){if(!this.hasSetDefaultValue&&this.currValue){this.searchableSelectInputValue=this.getDefaultValue(this.currValue);this.initialValue=this.currValue;this.hasSetDefaultValue=true}}componentWillLoad(){this.inheritedAttributes=o(this.host,[...b,"tabindex","title"]);this.setOptionsValuesFromLabels();l(this.host,this.handleFormReset);if(!this.options.length){this.initialOptionsEmpty=true}else{this.setDefaultValue()}}componentDidRender(){if(this.nativeSelectElement&&!this.disabled){this.setTextColor()}}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Select");if(this.loading)this.triggerLoading();this.hiddenInputValue=this.searchable&&this.currValue}disconnectedCallback(){c(this.host,this.handleFormReset)}render(){var i,t;const{small:a,disabled:h,fullWidth:n,helperText:o,hideLabel:l,label:r,menuId:c,name:b,options:x,placeholder:y,readonly:k,required:L,searchable:z,showClearButton:C,validationStatus:M,validationText:H,currValue:B}=this;const T=((i=(z?this.filteredOptions:x)[0])===null||i===void 0?void 0:i.label)===this.loadingLabel||((t=(z?this.filteredOptions:x)[0])===null||t===void 0?void 0:t.label)===this.loadingErrorLabel;const D=this.searchable?this.hiddenInputValue:B;d(true,this.host,b,D,h);const j=M===m.Error?"true":"false";const O=u(this.inputId,o!=="",p(this.validationStatus,this.disabled)).trim();return s(e,{class:{disabled:h,searchable:z,small:a,"full-width":n},onBlur:this.onBlur},s("ic-input-container",{readonly:k},!l&&s("ic-input-label",{for:this.inputId,label:r,helperText:o,required:L,disabled:h,readonly:k}),s("ic-input-component-container",{ref:i=>this.anchorEl=i,class:{"menu-open":this.open},small:a,fullWidth:n,disabled:h,readonly:k,validationStatus:M},k?s("ic-typography",null,s("p",null,this.getLabelFromValue(B))):f()?s("select",Object.assign({ref:i=>this.nativeSelectElement=i,disabled:h,onChange:this.handleNativeSelectChange,required:L,id:this.inputId,"aria-label":r,"aria-describedby":O,"aria-invalid":j,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.handleNativeSelectKeyDown},this.inheritedAttributes),s("option",{value:"",selected:true,disabled:!C},y),x.map((i=>{if(i.children){return s("optgroup",{label:i.label},i.children.map((i=>s("option",{value:i.value,disabled:i.disabled,selected:i.value===B},i.label))))}else{return s("option",{value:i.value,disabled:i.disabled,selected:i.value===B},i.label)}}))):z?s("div",{class:"searchable-select-container"},s("input",{class:"select-input",role:"combobox",autocomplete:"off","aria-label":r,"aria-describedby":O,"aria-activedescendant":this.ariaActiveDescendant,"aria-autocomplete":"list","aria-expanded":this.open?"true":"false","aria-invalid":j,"aria-required":L?"true":"false","aria-controls":c,ref:i=>this.searchableSelectElement=i,id:this.inputId,value:this.searchableSelectInputValue,placeholder:y,disabled:h,onInput:this.handleSearchableSelectInput,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.onFocus,onBlur:this.onBlur}),this.searchableSelectInputValue&&(C||z)&&s("div",{class:"clear-button-container"},s("ic-button",{id:"clear-button",ref:i=>this.clearButton=i,"aria-label":this.searchableSelectInputValue&&B===null?"Clear input":"Clear selection",class:"clear-button",innerHTML:w,onClick:this.handleClear,onFocus:this.handleClearButtonFocus,onBlur:this.handleClearButtonBlur,size:a?"small":"default",variant:"icon",appearance:this.clearButtonFocused?v.Light:v.Dark}),s("div",{class:"divider"})),s("span",{onMouseDown:this.handleExpandIconMouseDown,class:{"expand-icon":true,"expand-icon-open":this.open,"expand-icon-filled":!(B==null||B==="")},innerHTML:g,"aria-hidden":"true"}),s("div",{"aria-live":"polite",role:"status",class:"searchable-select-results-status"})):s("div",{class:"select-container"},s("button",{class:"select-input",ref:i=>this.customSelectElement=i,id:this.inputId,"aria-label":`${r}, ${this.getLabelFromValue(B)||y}${L?", required":""}`,"aria-describedby":O,"aria-invalid":j,"aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-owns":c,"aria-controls":c,disabled:h,onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.handleClick,onMouseDown:this.handleMouseDown,onKeyDown:this.handleKeyDown},s("ic-typography",{variant:"body",class:{"value-text":true,placeholder:this.getLabelFromValue(B)===undefined}},s("p",null,this.getLabelFromValue(B)||y)),s("div",{class:"select-input-end"},B&&C&&s("div",{class:"divider"}),s("span",{class:{"expand-icon":true,"expand-icon-open":this.open,"expand-icon-filled":!(B==null||B==="")},innerHTML:g,"aria-hidden":"true"}))),B&&C&&s("ic-button",{id:"clear-button","aria-label":"Clear selection",class:"clear-button",innerHTML:w,onClick:this.handleClear,onFocus:this.handleClearButtonFocus,onBlur:this.handleClearButtonBlur,size:a?"small":"default",variant:"icon",appearance:this.clearButtonFocused?v.Light:v.Dark}))),!f()&&s("ic-menu",{class:{"no-results":this.noOptions!==null||T},ref:i=>this.menu=i,inputEl:z?this.searchableSelectElement:this.customSelectElement,inputLabel:r,anchorEl:this.anchorEl,small:a,menuId:c,open:this.open,options:z?this.filteredOptions:x,value:B,fullWidth:n,onMenuStateChange:this.handleMenuChange,onMenuOptionSelect:this.handleCustomSelectChange,onMenuKeyPress:this.handleMenuKeyPress,onUngroupedOptionsSet:this.setUngroupedOptions,onRetryButtonClicked:this.handleRetry,parentEl:this.host,onTimeoutBlur:this.onTimeoutBlur,activationType:this.searchable?"manual":"automatic"}),p(this.validationStatus,this.disabled)&&s("ic-input-validation",{class:{"menu-open":this.open},ariaLiveMode:"polite",status:M,message:H,for:this.inputId})))}static get delegatesFocus(){return true}get host(){return a(this)}static get watchers(){return{loading:["loadingHandler"],options:["watchOptionsHandler"],debounce:["debounceChangedHandler"],value:["valueChangedHandler"]}}};k.style=x;export{k as ic_select};
+//# sourceMappingURL=p-56fe91ad.entry.js.map

package/dist/core/p-56fe91ad.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/ic-select/ic-select.css?tag=ic-select&encapsulation=shadow","src/components/ic-select/ic-select.tsx"],"names":["icSelectCss","inputIds","Select","this","inputId","menuId","ungroupedOptions","inheritedAttributes","hasSetDefaultValue","initialOptionsEmpty","handleRetry","ev","detail","keyPressed","_a","searchableSelectElement","focus","blurredBecauseButtonPressed","retryButtonClick","icRetryLoad","emit","value","hiddenInputValue","emitIcChange","searchable","clearTimeout","debounceIcChange","window","setTimeout","icChange","currDebounce","emitImmediateIcChange","isMenuEnabled","searchableSelectInputValue","setOptionsValuesFromLabels","options","length","map","option","label","setUngroupedOptions","event","setTextColor","nativeSelectElement","selectedIndex","className","setMenuChange","open","getLabelFromValue","getFilteredChildMenuOptions","children","getFilteredMenuOptions","includeDescriptionsInSearch","searchMatchPosition","pressedCharacters","newOption","Object","assign","handleNativeSelectChange","icOptionSelect","handleCustomSelectChange","emptyOptionListText","currValue","inputValueToFilter","getValueFromLabel","ariaActiveDescendant","optionId","handleMenuChange","handleFocusIndicatorDisplay","handleMenuKeyPress","cancelBubble","handleCharacterKeyDown","key","focusIndicator","host","shadowRoot","querySelector","classList","add","remove","handleMouseDown","preventDefault","isExternalFiltering","disableFilter","handleClick","menu","filteredOptions","hasTimedOut","loading","noOptions","handleClickOpen","handleExpandIconMouseDown","disabled","handleClear","stopPropagation","icClear","customSelectElement","characterKeyPressTimer","handleFilter","handleNativeSelectKeyDown","handleKeyDown","isArrowKey","handleKeyboardOpen","handleClearButtonFocus","clearButtonFocused","handleClearButtonBlur","retryButton","relatedTarget","isGrouped","newFilteredOptions","menuOptionsFiltered","includeGroupTitlesInSearch","indexOf","push","noChildOptionsWhenFiltered","triggerLoading","loadingLabel","timeout","timeoutTimer","loadingErrorLabel","timedOut","find","handleSearchableSelectInput","target","icInput","debounceAriaLiveUpdate","updateSearchableSelectResultAriaLive","searchableSelectResultsStatusEl","innerText","getDefaultValue","onFocus","icFocus","onBlur","tagName","includes","isSearchableAndNoFocusedInternalElements","Array","from","querySelectorAll","clearButton","icBlur","onTimeoutBlur","handleFormReset","initialValue","debounce","[object Object]","newValue","setDefaultValue","updateOnChangeDebounce","debounceAria","inheritAttributes","IC_INHERITED_ARIA","addFormResetListener","onComponentRequiredPropUndefined","prop","propName","removeFormResetListener","small","fullWidth","helperText","hideLabel","name","placeholder","readonly","required","showClearButton","validationStatus","validationText","isOrHasLoaded","_b","inputValue","renderHiddenInput","invalid","IcInformationStatus","Error","describedBy","getInputDescribedByText","hasValidationStatus","trim","h","Host","class","full-width","for","ref","el","anchorEl","menu-open","isMobileOrTablet","onChange","id","aria-label","aria-describedby","aria-invalid","onKeyDown","selected","role","autocomplete","aria-activedescendant","aria-autocomplete","aria-expanded","aria-required","aria-controls","onInput","onClick","innerHTML","Clear","size","variant","appearance","IcThemeForegroundEnum","Light","Dark","onMouseDown","expand-icon","expand-icon-open","expand-icon-filled","Expand","aria-hidden","aria-live","aria-haspopup","aria-owns","value-text","undefined","no-results","inputEl","inputLabel","onMenuStateChange","onMenuOptionSelect","onMenuKeyPress","onUngroupedOptionsSet","onRetryButtonClicked","parentEl","activationType","ariaLiveMode","status","message"],"mappings":"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","sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --input-width: Width of the input field\n * @prop --ic-z-index-menu: z-index of select menu\n */\n\n:host {\n  position: relative;\n}\n\n:host(.full-width) {\n  width: 100%;\n}\n\nic-input-component-container:hover {\n  --border-color: var(--ic-action-dark-hover);\n}\n\nic-input-component-container:active {\n  --border-color: var(--ic-action-dark-active);\n\n  color: var(--ic-action-dark-active);\n}\n\nic-input-component-container.menu-open {\n  --border-color: var(--ic-architectural-400);\n\n  color: var(--ic-action-dark);\n}\n\nic-input-validation .status-icon,\nic-input-validation .statustext {\n  visibility: visible;\n}\n\nic-input-validation.menu-open .status-icon,\nic-input-validation.menu-open .statustext {\n  visibility: hidden;\n  transition: visibility 0s;\n}\n\nic-input-label {\n  margin-bottom: var(--ic-space-xs) !important;\n}\n\nselect {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-architectural-white);\n  color: var(--ic-color-primary-text);\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  height: 100%;\n  padding-left: 0.375rem;\n  appearance: none;\n  background-repeat: no-repeat;\n  background-position: right 0.375rem center;\n  background-image: url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\");\n}\n\nselect option,\n.select-option-selected {\n  color: var(--ic-color-primary-text);\n}\n\nselect:disabled {\n  color: var(--ic-architectural-200);\n  background-image: url(\"data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\");\n}\n\nselect:focus {\n  border: 0;\n  outline: 0;\n}\n\nselect:not([disabled]) {\n  cursor: pointer;\n}\n\n.select-container {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.select-input {\n  width: 100%;\n  height: 100%;\n  padding: 0 0.375rem;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  justify-content: space-between;\n  background: none;\n  border: none;\n}\n\n.select-input:focus {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(:not(.disabled)) ic-input-component-container:hover .select-input {\n  background-color: var(--ic-architectural-white);\n}\n\n.select-input[disabled] {\n  pointer-events: none;\n}\n\n:host(.searchable) .select-input {\n  cursor: auto;\n}\n\n.searchable-select-container {\n  align-items: center;\n  display: flex;\n  width: 100%;\n  position: relative;\n}\n\n.expand-icon {\n  height: var(--ic-space-lg);\n  padding-left: var(--ic-space-xs);\n  color: var(--ic-action-dark);\n}\n\n.expand-icon > svg {\n  display: inline-block;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host(.disabled) .expand-icon,\n:host(.disabled) .expand-icon > svg > path {\n  color: var(--ic-architectural-200);\n}\n\n:host(.searchable) .expand-icon {\n  padding-left: var(--ic-space-xxs);\n  height: 2.25rem;\n}\n\n:host(.searchable) .expand-icon > svg {\n  height: 2.25rem;\n  padding: 0 0.375rem;\n}\n\n:host(.searchable:not(.disabled)) .expand-icon > svg {\n  cursor: pointer;\n}\n\n.expand-icon-open {\n  color: var(--ic-action-dark);\n}\n\n.expand-icon-filled {\n  color: var(--ic-action-dark);\n}\n\n.expand-icon-open,\n:host(.searchable) .expand-icon-open {\n  transform: rotateX(180deg);\n}\n\n:host(.disabled) .value-text,\n.placeholder {\n  color: var(--ic-color-tertiary-text);\n}\n\n.select-input-end {\n  display: flex;\n  align-items: center;\n}\n\n.clear-button-container {\n  display: flex;\n  gap: var(--ic-space-xxs);\n  padding-left: 2.375rem;\n}\n\n:host(.small) .clear-button-container {\n  padding-left: 1.875rem;\n}\n\n.divider {\n  width: var(--ic-space-1px);\n  background-color: var(--ic-architectural-400);\n  margin: var(--ic-space-xxs) 0;\n  border-radius: var(--ic-space-1px);\n  height: var(--ic-space-lg);\n}\n\n:host(.small) .divider {\n  height: var(--ic-space-md);\n}\n\n.clear-button {\n  position: absolute;\n  right: 2.75rem;\n  border-radius: var(--ic-border-radius);\n  transition: box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);\n}\n\n.clear-button:focus {\n  background-color: var(--ic-focus-blue);\n  box-shadow: inset 0 0 0 0.125rem var(--ic-focus-glow);\n  border-radius: 0.25rem;\n}\n\n.clear-button:focus * {\n  fill: white;\n}\n\n.searchable-select-results-status {\n  border: 0;\n  clip: rect(0, 0, 0, 0, 0);\n  height: var(--ic-space-1px);\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: var(--ic-space-1px);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  h,\n  State,\n  Watch,\n} from \"@stencil/core\";\n\nimport {\n  getInputDescribedByText,\n  getLabelFromValue,\n  hasValidationStatus,\n  inheritAttributes,\n  onComponentRequiredPropUndefined,\n  renderHiddenInput,\n  isMobileOrTablet,\n  getFilteredMenuOptions,\n  addFormResetListener,\n  removeFormResetListener,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcThemeForegroundEnum,\n  IcMenuOption,\n  IcSearchMatchPositions,\n} from \"../../utils/types\";\nimport Expand from \"./assets/Expand.svg\";\nimport Clear from \"./assets/Clear.svg\";\nimport { IcValueEventDetail } from \"../../interface\";\nimport { IcOptionSelectEventDetail } from \"../ic-menu/ic-menu.types\";\n\nlet inputIds = 0;\n\n@Component({\n  tag: \"ic-select\",\n  styleUrl: \"ic-select.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Select {\n  private nativeSelectElement: HTMLSelectElement;\n  private customSelectElement: HTMLButtonElement;\n  private searchableSelectElement: HTMLInputElement;\n  private menu: HTMLIcMenuElement;\n  private anchorEl: HTMLElement;\n  private clearButton: HTMLIcButtonElement;\n\n  private inputId = `ic-select-input-${inputIds++}`;\n  private menuId = `${this.inputId}-menu`;\n\n  private ungroupedOptions: IcMenuOption[] = [];\n\n  private inheritedAttributes: { [k: string]: unknown } = {};\n\n  private debounceAria: number;\n  private hasSetDefaultValue = false;\n  private initialOptionsEmpty = false;\n\n  private characterKeyPressTimer: number;\n\n  private timeoutTimer: number;\n\n  private hasTimedOut: boolean;\n  private blurredBecauseButtonPressed: boolean;\n  private retryButtonClick: boolean;\n\n  /**\n   * The label for the select.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The possible selection options.\n   */\n  @Prop() options?: IcMenuOption[] = [];\n\n  /**\n   * If `true`, the select will require a value.\n   */\n  @Prop() required?: boolean = false;\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop({ reflect: true }) disabled?: boolean = false;\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly?: boolean = false;\n\n  /**\n   * The placeholder value to be displayed.\n   */\n  @Prop() placeholder?: string = \"Select an option\";\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText?: string = \"\";\n\n  /**\n   * If `true`, the small styling will be applied to the select.\n   */\n  @Prop() small?: boolean = false;\n\n  /**\n   * If `true`, the select element will fill the width of the container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus?: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The text to display as the validation message.\n   */\n  @Prop() validationText?: string = \"\";\n\n  /**\n   * The value of the currently selected option.\n   */\n  @Prop({ mutable: true }) value?: string;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n   */\n  @Prop() debounce?: number = 0;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name?: string = this.inputId;\n\n  /**\n   * If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select.\n   */\n  @Prop() showClearButton?: boolean = false;\n\n  /**\n   * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.\n   */\n  @Prop() searchable?: boolean = false;\n\n  /**\n   * If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering.\n   */\n  @Prop() includeDescriptionsInSearch?: boolean = false;\n\n  /**\n   * If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering.\n   */\n  @Prop() includeGroupTitlesInSearch?: boolean = false;\n\n  /**\n   * Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering.\n   */\n  @Prop() searchMatchPosition?: IcSearchMatchPositions = \"anywhere\";\n\n  /**\n   * @deprecated This prop should not be used anymore.\n   */\n  @Prop() charactersUntilSuggestions?: number = 0;\n\n  /**\n   * The text displayed when there are no options in the option list.\n   */\n  @Prop() emptyOptionListText = \"No results found\";\n\n  /**\n   * Specify whether to disable the built in filtering for a searchable variant. For example, if options will already be filtered from external source.\n   */\n  @Prop() disableFilter?: boolean = false;\n\n  /**\n   * If using external filtering, set a timeout for when loading takes too long.\n   */\n  @Prop() timeout?: number;\n\n  /**\n   * Change the message displayed whilst the options are being loaded externally.\n   */\n  @Prop() loadingLabel?: string = \"Loading...\";\n\n  /**\n   * Change the message displayed when external loading times out.\n   */\n  @Prop() loadingErrorLabel?: string = \"Loading Error\";\n\n  /**\n   * Trigger loading state when fetching options asyncronously\n   */\n  @Prop({ mutable: true }) loading?: boolean = false;\n\n  @State() open: boolean = false;\n\n  @State() clearButtonFocused: boolean = false;\n\n  @State() searchableSelectInputValue: string = null;\n\n  @State() filteredOptions: IcMenuOption[] = this.options;\n\n  @State() ariaActiveDescendant: string;\n\n  @State() noOptions: IcMenuOption[] = null;\n\n  @State() initialValue = this.value;\n\n  @State() currDebounce = this.debounce;\n\n  @State() currValue = this.value;\n\n  @State() debounceIcChange: number;\n\n  @State() pressedCharacters: string = \"\";\n\n  @State() hiddenInputValue: string;\n\n  @State() inputValueToFilter = this.value;\n\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    newValue && this.triggerLoading();\n  }\n\n  @Watch(\"options\")\n  watchOptionsHandler(): void {\n    if (!this.hasTimedOut) {\n      this.loading = false;\n      clearTimeout(this.timeoutTimer);\n      if (this.isExternalFiltering()) {\n        if (this.options.length > 0) {\n          this.setOptionsValuesFromLabels();\n          this.noOptions = null;\n          this.filteredOptions = this.options;\n        } else if (this.isMenuEnabled()) {\n          this.noOptions = [{ label: this.emptyOptionListText, value: \"\" }];\n          this.filteredOptions = this.noOptions;\n        }\n        this.updateSearchableSelectResultAriaLive();\n        this.setDefaultValue();\n      } else {\n        this.setOptionsValuesFromLabels();\n        this.filteredOptions = this.options;\n\n        if (this.initialOptionsEmpty) {\n          this.setDefaultValue();\n          this.initialOptionsEmpty = false;\n        }\n      }\n    } else {\n      if (!this.searchable) this.options = this.noOptions;\n    }\n  }\n\n  @Watch(\"debounce\")\n  debounceChangedHandler(newValue: number) {\n    this.updateOnChangeDebounce(newValue);\n  }\n\n  @Watch(\"value\")\n  valueChangedHandler() {\n    if (this.value !== this.currValue) {\n      this.currValue = this.value;\n    }\n\n    if (this.searchable && !!this.currValue) {\n      this.searchableSelectInputValue =\n        this.getLabelFromValue(this.currValue) || this.currValue;\n    }\n  }\n\n  /**\n   * Emitted when the value changes.\n   */\n  @Event() icChange!: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when clear button clicked.\n   */\n  @Event() icClear!: EventEmitter<void>;\n\n  /**\n   * Emitted when select gains focus.\n   */\n  @Event() icFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when select loses focus.\n   */\n  @Event() icBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when option is highlighted within the menu.\n   * Highlighting a menu item will trigger an `icChange/onIcChange` due to the value being updated.\n   */\n  @Event() icOptionSelect: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when the 'retry loading' button is clicked\n   */\n  @Event() icRetryLoad: EventEmitter<IcValueEventDetail>;\n\n  @Element() host!: HTMLIcSelectElement;\n\n  /**\n   * Sets focus on the input box.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.nativeSelectElement) {\n      this.nativeSelectElement.focus();\n    } else if (this.customSelectElement) {\n      this.customSelectElement.focus();\n    } else if (this.searchableSelectElement) {\n      this.searchableSelectElement.focus();\n    }\n  }\n\n  private handleRetry = (ev: CustomEvent<IcValueEventDetail>) => {\n    if (ev.detail.keyPressed) this.searchableSelectElement?.focus();\n    this.blurredBecauseButtonPressed = true;\n    this.retryButtonClick = true;\n    this.hasSetDefaultValue = true;\n    this.icRetryLoad.emit({ value: this.hiddenInputValue });\n  };\n\n  private updateOnChangeDebounce(newValue: number) {\n    if (this.currDebounce !== newValue) {\n      this.currDebounce = newValue;\n    }\n  }\n\n  private emitIcChange = (value: string) => {\n    if (!this.searchable) {\n      this.value = value;\n    }\n\n    clearTimeout(this.debounceIcChange);\n    this.debounceIcChange = window.setTimeout(() => {\n      this.icChange.emit({ value: value });\n    }, this.currDebounce);\n  };\n\n  private emitImmediateIcChange = (value: string) => {\n    this.value = value;\n    clearTimeout(this.debounceIcChange);\n    this.icChange.emit({ value: value });\n  };\n\n  private isMenuEnabled = () => {\n    return (\n      this.searchableSelectInputValue !== null ||\n      this.searchableSelectInputValue !== \"\"\n    );\n  };\n\n  private setOptionsValuesFromLabels = (): void => {\n    if (this.options.length > 0 && this.options.map) {\n      this.options.map((option) => {\n        if (!option.value) {\n          option.value = option.label;\n        }\n      });\n    }\n  };\n\n  private setUngroupedOptions = (event: CustomEvent): void => {\n    this.ungroupedOptions = event.detail.options;\n  };\n\n  private setTextColor = (): void => {\n    if (this.nativeSelectElement.selectedIndex === 0) {\n      this.nativeSelectElement.className = \"placeholder\";\n    } else {\n      this.nativeSelectElement.className = \"select-option-selected\";\n    }\n  };\n\n  private setMenuChange = (open: boolean) => {\n    if (this.open !== open) {\n      this.open = open;\n    }\n  };\n\n  private getLabelFromValue = (value: string): string | undefined => {\n    return getLabelFromValue(value, this.options);\n  };\n\n  private getFilteredChildMenuOptions = (option: IcMenuOption) => {\n    let children = option.children;\n\n    if (this.searchable) {\n      children = getFilteredMenuOptions(\n        option.children,\n        this.includeDescriptionsInSearch,\n        this.searchableSelectInputValue,\n        this.searchMatchPosition\n      );\n    } else {\n      children = getFilteredMenuOptions(\n        option.children,\n        false,\n        this.pressedCharacters,\n        \"start\"\n      );\n    }\n\n    const newOption = { ...option };\n    newOption.children = children;\n    return newOption;\n  };\n\n  private handleNativeSelectChange = (): void => {\n    this.icOptionSelect.emit({ value: this.nativeSelectElement.value });\n    this.emitImmediateIcChange(this.nativeSelectElement.value);\n    this.setTextColor();\n  };\n\n  private handleCustomSelectChange = (event: CustomEvent): void => {\n    if (this.searchable && event.detail.label === this.emptyOptionListText) {\n      this.searchableSelectElement.focus();\n      return;\n    }\n\n    if (this.searchable) {\n      this.value = event.detail.value;\n\n      // After editing the input, if selecting the same option as before, set the input value to label again\n      if (this.value === this.currValue) {\n        this.searchableSelectInputValue = this.getLabelFromValue(this.value);\n      }\n\n      this.inputValueToFilter = null;\n      this.hiddenInputValue = this.getValueFromLabel(\n        this.searchableSelectInputValue\n      );\n    }\n\n    this.ariaActiveDescendant = event.detail.optionId;\n    this.icOptionSelect.emit({ value: event.detail.value });\n    this.emitIcChange(event.detail.value);\n  };\n\n  private handleMenuChange = (event: CustomEvent): void => {\n    this.open = event.detail.open;\n    this.pressedCharacters = \"\";\n\n    this.searchable && this.handleFocusIndicatorDisplay();\n  };\n\n  // clears the debounce delay when navigating the menu with arrow keys etc\n  // to prevent delay in change event, which should only occur when typing in input\n  private handleMenuKeyPress = (ev: CustomEvent): void => {\n    ev.cancelBubble = true;\n    this.handleCharacterKeyDown(ev.detail.key);\n  };\n\n  private handleFocusIndicatorDisplay = () => {\n    const focusIndicator =\n      this.host.shadowRoot.querySelector(\".focus-indicator\");\n\n    if (this.open) {\n      focusIndicator.classList.add(\"focus-indicator-enabled\");\n    } else {\n      focusIndicator.classList.remove(\"focus-indicator-enabled\");\n    }\n  };\n\n  private handleMouseDown = (event: Event): void => {\n    if (!this.open) {\n      event.preventDefault();\n    }\n  };\n\n  private isExternalFiltering = (): boolean =>\n    this.searchable && this.disableFilter;\n\n  private handleClick = (event: MouseEvent): void => {\n    if (this.isExternalFiltering()) {\n      this.menu.options = this.filteredOptions;\n    } else {\n      if (!this.hasTimedOut && !this.loading) {\n        this.noOptions = null;\n        this.menu.options = this.options;\n      }\n    }\n\n    if (event.detail !== 0 && this.isMenuEnabled()) {\n      this.menu.handleClickOpen();\n    }\n  };\n\n  private handleExpandIconMouseDown = (event: MouseEvent) => {\n    if (!this.disabled) {\n      event.preventDefault();\n      this.searchableSelectElement.focus();\n      this.handleClick(event);\n    }\n  };\n\n  private handleClear = (event: Event): void => {\n    event.stopPropagation();\n    this.hasTimedOut = false;\n    this.noOptions = null;\n    this.emitImmediateIcChange(null);\n    this.icClear.emit();\n\n    if (this.searchable) {\n      this.searchableSelectElement.value = null;\n      this.searchableSelectInputValue = null;\n      this.filteredOptions = this.options;\n      this.hiddenInputValue = null;\n      this.searchableSelectElement.focus();\n\n      if (!this.isMenuEnabled()) {\n        this.setMenuChange(false);\n      }\n    } else {\n      this.customSelectElement.focus();\n    }\n  };\n\n  private handleCharacterKeyDown = (key: string) => {\n    // Only close menu when space is pressed if not being used alongside character keys to quickly select options\n    if (\n      this.open &&\n      key === \" \" &&\n      this.pressedCharacters.length === 0 &&\n      !this.hasTimedOut &&\n      !this.loading\n    ) {\n      this.setMenuChange(false);\n    }\n\n    if (key.length === 1 && !this.searchable) {\n      window.clearTimeout(this.characterKeyPressTimer);\n      this.characterKeyPressTimer = window.setTimeout(\n        () => (this.pressedCharacters = \"\"),\n        1000\n      );\n\n      this.pressedCharacters += key;\n      this.handleFilter();\n\n      if (!this.noOptions) {\n        this.emitImmediateIcChange(this.filteredOptions[0].value);\n      }\n    } else {\n      this.pressedCharacters = \"\";\n    }\n  };\n\n  private handleNativeSelectKeyDown = (event: KeyboardEvent) => {\n    event.cancelBubble = true;\n    this.handleCharacterKeyDown(event.key);\n  };\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    event.cancelBubble = true;\n    const isArrowKey = event.key === \"ArrowDown\" || event.key === \"ArrowUp\";\n\n    if (!this.open) {\n      if (this.isExternalFiltering() && (event.key === \"Enter\" || isArrowKey)) {\n        this.menu.options = this.filteredOptions;\n      } else {\n        if (!this.hasTimedOut) {\n          this.noOptions = null;\n          this.menu.options = this.options;\n        }\n      }\n    }\n\n    if (this.open && event.key === \"Enter\") {\n      this.setMenuChange(false);\n    } else {\n      if (!(isArrowKey && this.noOptions !== null) && this.isMenuEnabled()) {\n        if (!(event.key === \" \" && this.pressedCharacters.length > 0)) {\n          // Keyboard events get passed onto ic-menu\n          this.menu.handleKeyboardOpen(event);\n        }\n        this.handleCharacterKeyDown(event.key);\n      }\n    }\n  };\n\n  private handleClearButtonFocus = (): void => {\n    this.clearButtonFocused = true;\n  };\n\n  private handleClearButtonBlur = (ev: FocusEvent): void => {\n    const retryButton = this.menu?.querySelector(\"#retry-button\");\n    if (\n      !(\n        this.searchableSelectElement &&\n        ev.relatedTarget === this.searchableSelectElement\n      ) &&\n      !(retryButton && ev.relatedTarget === retryButton)\n    ) {\n      this.setMenuChange(false);\n      this.handleFocusIndicatorDisplay();\n    }\n    this.clearButtonFocused = false;\n  };\n\n  private handleFilter = (): void => {\n    const options = this.searchable ? [...this.options] : this.ungroupedOptions;\n\n    let isGrouped = false;\n    let newFilteredOptions: IcMenuOption[] = [];\n\n    options.map((option) => {\n      if (option.children) isGrouped = true;\n    });\n\n    let menuOptionsFiltered: IcMenuOption[];\n\n    if (this.searchable) {\n      menuOptionsFiltered = getFilteredMenuOptions(\n        options,\n        this.includeDescriptionsInSearch,\n        this.inputValueToFilter,\n        this.searchMatchPosition\n      );\n    } else {\n      menuOptionsFiltered = getFilteredMenuOptions(\n        options,\n        false,\n        this.pressedCharacters,\n        \"start\"\n      );\n    }\n\n    if (!isGrouped) {\n      newFilteredOptions = menuOptionsFiltered;\n    } else {\n      options.map((option) => {\n        if (this.includeGroupTitlesInSearch) {\n          if (menuOptionsFiltered.indexOf(option) !== -1) {\n            newFilteredOptions.push(option);\n          } else {\n            newFilteredOptions.push(this.getFilteredChildMenuOptions(option));\n          }\n        } else {\n          newFilteredOptions.push(this.getFilteredChildMenuOptions(option));\n        }\n      });\n    }\n\n    let noChildOptionsWhenFiltered = false;\n\n    if (isGrouped) {\n      noChildOptionsWhenFiltered = true;\n      newFilteredOptions.map((option) => {\n        if (option.children.length > 0) {\n          noChildOptionsWhenFiltered = false;\n        }\n      });\n    }\n\n    const noOptions = [{ label: this.emptyOptionListText, value: \"\" }];\n\n    if (newFilteredOptions.length > 0 && !noChildOptionsWhenFiltered) {\n      this.noOptions = null;\n      this.filteredOptions = newFilteredOptions;\n    } else {\n      this.noOptions = noOptions;\n      this.filteredOptions = this.noOptions;\n    }\n  };\n\n  private triggerLoading = () => {\n    this.hasTimedOut = false;\n    this.noOptions = [{ label: this.loadingLabel, value: \"\", loading: true }];\n    if (this.filteredOptions !== this.noOptions && this.searchable)\n      this.filteredOptions = this.noOptions;\n    else if (!this.searchable && this.options !== this.noOptions)\n      this.options = this.noOptions;\n    if (this.timeout) {\n      this.timeoutTimer = window.setTimeout(() => {\n        this.loading = false;\n        this.hasTimedOut = true;\n        this.noOptions = [\n          { label: this.loadingErrorLabel, value: \"\", timedOut: true },\n        ];\n        this.filteredOptions = this.noOptions;\n        if (!this.searchable) this.options = this.noOptions;\n      }, this.timeout);\n    }\n  };\n\n  private getValueFromLabel = (label: string): string | undefined => {\n    const value = this.options.find((option) => option.label === label)?.value;\n    return value;\n  };\n\n  private handleSearchableSelectInput = (event: Event): void => {\n    this.searchableSelectInputValue = (event.target as HTMLInputElement).value;\n    this.icInput.emit({ value: this.searchableSelectInputValue });\n    this.emitIcChange(this.searchableSelectInputValue);\n\n    this.hiddenInputValue = this.searchableSelectInputValue;\n    this.inputValueToFilter = this.searchableSelectInputValue;\n\n    if (this.isMenuEnabled()) {\n      this.setMenuChange(true);\n    } else {\n      this.setMenuChange(false);\n    }\n\n    if (!this.disableFilter) {\n      this.handleFilter();\n      this.debounceAriaLiveUpdate();\n    }\n  };\n\n  private updateSearchableSelectResultAriaLive = (): void => {\n    const searchableSelectResultsStatusEl = this.host.shadowRoot.querySelector(\n      \".searchable-select-results-status\"\n    ) as HTMLDivElement;\n\n    if (searchableSelectResultsStatusEl) {\n      if (this.noOptions !== null) {\n        searchableSelectResultsStatusEl.innerText = this.emptyOptionListText;\n      } else {\n        searchableSelectResultsStatusEl.innerText = \"\";\n      }\n    }\n  };\n\n  private debounceAriaLiveUpdate() {\n    clearTimeout(this.debounceAria);\n\n    window.setTimeout(() => {\n      this.updateSearchableSelectResultAriaLive();\n    }, 800);\n  }\n\n  private getDefaultValue = (value: string): string | null =>\n    this.getLabelFromValue(value) || value || null;\n\n  private setDefaultValue() {\n    if (!this.hasSetDefaultValue && this.currValue) {\n      this.searchableSelectInputValue = this.getDefaultValue(this.currValue);\n      this.initialValue = this.currValue;\n      this.hasSetDefaultValue = true;\n    }\n  }\n\n  private onFocus = (): void => {\n    this.icFocus.emit();\n  };\n\n  private onBlur = (event: FocusEvent): void => {\n    const target = event.relatedTarget as HTMLElement;\n    if (\n      target !== null &&\n      target.tagName === \"UL\" &&\n      target.className.includes(\"menu\")\n    ) {\n      return;\n    }\n\n    const retryButton = this.menu?.querySelector(\"#retry-button\");\n    const isSearchableAndNoFocusedInternalElements =\n      this.searchable &&\n      event.relatedTarget !== this.menu &&\n      !Array.from(this.menu.querySelectorAll(\"[role='option']\")).includes(\n        event.relatedTarget as Element\n      ) &&\n      !(this.clearButton && event.relatedTarget === this.clearButton) &&\n      !(retryButton && event.relatedTarget === retryButton);\n\n    if (isSearchableAndNoFocusedInternalElements) {\n      if (!this.retryButtonClick) {\n        this.setMenuChange(false);\n      }\n      this.handleFocusIndicatorDisplay();\n    }\n\n    this.retryButtonClick = false;\n    this.icBlur.emit();\n  };\n\n  private onTimeoutBlur = (ev: CustomEvent) => {\n    if (\n      (ev.detail.ev as FocusEvent).relatedTarget !==\n        this.searchableSelectElement &&\n      !this.blurredBecauseButtonPressed\n    ) {\n      this.setMenuChange(false);\n      this.handleFocusIndicatorDisplay();\n      this.icBlur.emit();\n    }\n    this.blurredBecauseButtonPressed = false;\n  };\n\n  private handleFormReset = (): void => {\n    this.value = this.initialValue;\n    if (this.searchable) {\n      this.searchableSelectInputValue = this.getDefaultValue(this.value);\n      this.hiddenInputValue = this.value;\n    }\n  };\n\n  componentWillLoad(): void {\n    this.inheritedAttributes = inheritAttributes(this.host, [\n      ...IC_INHERITED_ARIA,\n      \"tabindex\",\n      \"title\",\n    ]);\n\n    this.setOptionsValuesFromLabels();\n\n    addFormResetListener(this.host, this.handleFormReset);\n\n    if (!this.options.length) {\n      this.initialOptionsEmpty = true;\n    } else {\n      this.setDefaultValue();\n    }\n  }\n\n  componentDidRender(): void {\n    if (this.nativeSelectElement && !this.disabled) {\n      this.setTextColor();\n    }\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Select\"\n    );\n\n    if (this.loading) this.triggerLoading();\n\n    this.hiddenInputValue = this.searchable && this.currValue;\n  }\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.host, this.handleFormReset);\n  }\n\n  render() {\n    const {\n      small,\n      disabled,\n      fullWidth,\n      helperText,\n      hideLabel,\n      label,\n      menuId,\n      name,\n      options,\n      placeholder,\n      readonly,\n      required,\n      searchable,\n      showClearButton,\n      validationStatus,\n      validationText,\n      currValue,\n    } = this;\n\n    const isOrHasLoaded =\n      (searchable ? this.filteredOptions : options)[0]?.label ===\n        this.loadingLabel ||\n      (searchable ? this.filteredOptions : options)[0]?.label ===\n        this.loadingErrorLabel;\n\n    const inputValue = this.searchable ? this.hiddenInputValue : currValue;\n\n    renderHiddenInput(true, this.host, name, inputValue, disabled);\n\n    const invalid =\n      validationStatus === IcInformationStatus.Error ? \"true\" : \"false\";\n\n    const describedBy = getInputDescribedByText(\n      this.inputId,\n      helperText !== \"\",\n      hasValidationStatus(this.validationStatus, this.disabled)\n    ).trim();\n\n    return (\n      <Host\n        class={{\n          disabled: disabled,\n          searchable: searchable,\n          small: small,\n          \"full-width\": fullWidth,\n        }}\n        onBlur={this.onBlur}\n      >\n        <ic-input-container readonly={readonly}>\n          {!hideLabel && (\n            <ic-input-label\n              for={this.inputId}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabled}\n              readonly={readonly}\n            ></ic-input-label>\n          )}\n          <ic-input-component-container\n            ref={(el) => (this.anchorEl = el)}\n            class={{ \"menu-open\": this.open }}\n            small={small}\n            fullWidth={fullWidth}\n            disabled={disabled}\n            readonly={readonly}\n            validationStatus={validationStatus}\n          >\n            {readonly ? (\n              <ic-typography>\n                <p>{this.getLabelFromValue(currValue)}</p>\n              </ic-typography>\n            ) : isMobileOrTablet() ? (\n              <select\n                ref={(el) => (this.nativeSelectElement = el)}\n                disabled={disabled}\n                onChange={this.handleNativeSelectChange}\n                required={required}\n                id={this.inputId}\n                aria-label={label}\n                aria-describedby={describedBy}\n                aria-invalid={invalid}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                onKeyDown={this.handleNativeSelectKeyDown}\n                {...this.inheritedAttributes}\n              >\n                <option value=\"\" selected disabled={!showClearButton}>\n                  {placeholder}\n                </option>\n                {options.map((option) => {\n                  if (option.children) {\n                    return (\n                      <optgroup label={option.label}>\n                        {option.children.map((option) => (\n                          <option\n                            value={option.value}\n                            disabled={option.disabled}\n                            selected={option.value === currValue}\n                          >\n                            {option.label}\n                          </option>\n                        ))}\n                      </optgroup>\n                    );\n                  } else {\n                    return (\n                      <option\n                        value={option.value}\n                        disabled={option.disabled}\n                        selected={option.value === currValue}\n                      >\n                        {option.label}\n                      </option>\n                    );\n                  }\n                })}\n              </select>\n            ) : searchable ? (\n              <div class=\"searchable-select-container\">\n                <input\n                  class=\"select-input\"\n                  role=\"combobox\"\n                  autocomplete=\"off\"\n                  aria-label={label}\n                  aria-describedby={describedBy}\n                  aria-activedescendant={this.ariaActiveDescendant}\n                  aria-autocomplete=\"list\"\n                  aria-expanded={this.open ? \"true\" : \"false\"}\n                  aria-invalid={invalid}\n                  aria-required={required ? \"true\" : \"false\"}\n                  aria-controls={menuId}\n                  ref={(el) => (this.searchableSelectElement = el)}\n                  id={this.inputId}\n                  value={this.searchableSelectInputValue}\n                  placeholder={placeholder}\n                  disabled={disabled}\n                  onInput={this.handleSearchableSelectInput}\n                  onClick={this.handleClick}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.onFocus}\n                  onBlur={this.onBlur}\n                ></input>\n                {this.searchableSelectInputValue &&\n                  (showClearButton || searchable) && (\n                    <div class=\"clear-button-container\">\n                      <ic-button\n                        id=\"clear-button\"\n                        ref={(el) => (this.clearButton = el)}\n                        aria-label={\n                          this.searchableSelectInputValue && currValue === null\n                            ? \"Clear input\"\n                            : \"Clear selection\"\n                        }\n                        class=\"clear-button\"\n                        innerHTML={Clear}\n                        onClick={this.handleClear}\n                        onFocus={this.handleClearButtonFocus}\n                        onBlur={this.handleClearButtonBlur}\n                        size={small ? \"small\" : \"default\"}\n                        variant=\"icon\"\n                        appearance={\n                          this.clearButtonFocused\n                            ? IcThemeForegroundEnum.Light\n                            : IcThemeForegroundEnum.Dark\n                        }\n                      ></ic-button>\n                      <div class=\"divider\"></div>\n                    </div>\n                  )}\n                <span\n                  onMouseDown={this.handleExpandIconMouseDown}\n                  class={{\n                    \"expand-icon\": true,\n                    \"expand-icon-open\": this.open,\n                    \"expand-icon-filled\": !(\n                      currValue == null || currValue === \"\"\n                    ),\n                  }}\n                  innerHTML={Expand}\n                  aria-hidden=\"true\"\n                />\n                <div\n                  aria-live=\"polite\"\n                  role=\"status\"\n                  class=\"searchable-select-results-status\"\n                ></div>\n              </div>\n            ) : (\n              <div class=\"select-container\">\n                <button\n                  class=\"select-input\"\n                  ref={(el) => (this.customSelectElement = el)}\n                  id={this.inputId}\n                  aria-label={`${label}, ${\n                    this.getLabelFromValue(currValue) || placeholder\n                  }${required ? \", required\" : \"\"}`}\n                  aria-describedby={describedBy}\n                  aria-invalid={invalid}\n                  aria-haspopup=\"listbox\"\n                  aria-expanded={this.open ? \"true\" : \"false\"}\n                  aria-owns={menuId}\n                  aria-controls={menuId}\n                  disabled={disabled}\n                  onBlur={this.onBlur}\n                  onFocus={this.onFocus}\n                  onClick={this.handleClick}\n                  onMouseDown={this.handleMouseDown}\n                  onKeyDown={this.handleKeyDown}\n                >\n                  <ic-typography\n                    variant=\"body\"\n                    class={{\n                      \"value-text\": true,\n                      placeholder:\n                        this.getLabelFromValue(currValue) === undefined,\n                    }}\n                  >\n                    <p>{this.getLabelFromValue(currValue) || placeholder}</p>\n                  </ic-typography>\n                  <div class=\"select-input-end\">\n                    {currValue && showClearButton && (\n                      <div class=\"divider\"></div>\n                    )}\n                    <span\n                      class={{\n                        \"expand-icon\": true,\n                        \"expand-icon-open\": this.open,\n                        \"expand-icon-filled\": !(\n                          currValue == null || currValue === \"\"\n                        ),\n                      }}\n                      innerHTML={Expand}\n                      aria-hidden=\"true\"\n                    />\n                  </div>\n                </button>\n                {currValue && showClearButton && (\n                  <ic-button\n                    id=\"clear-button\"\n                    aria-label=\"Clear selection\"\n                    class=\"clear-button\"\n                    innerHTML={Clear}\n                    onClick={this.handleClear}\n                    onFocus={this.handleClearButtonFocus}\n                    onBlur={this.handleClearButtonBlur}\n                    size={small ? \"small\" : \"default\"}\n                    variant=\"icon\"\n                    appearance={\n                      this.clearButtonFocused\n                        ? IcThemeForegroundEnum.Light\n                        : IcThemeForegroundEnum.Dark\n                    }\n                  ></ic-button>\n                )}\n              </div>\n            )}\n          </ic-input-component-container>\n          {!isMobileOrTablet() && (\n            <ic-menu\n              class={{\n                \"no-results\": this.noOptions !== null || isOrHasLoaded,\n              }}\n              ref={(el) => (this.menu = el)}\n              inputEl={\n                searchable\n                  ? this.searchableSelectElement\n                  : this.customSelectElement\n              }\n              inputLabel={label}\n              anchorEl={this.anchorEl}\n              small={small}\n              menuId={menuId}\n              open={this.open}\n              options={searchable ? this.filteredOptions : options}\n              value={currValue}\n              fullWidth={fullWidth}\n              onMenuStateChange={this.handleMenuChange}\n              onMenuOptionSelect={this.handleCustomSelectChange}\n              onMenuKeyPress={this.handleMenuKeyPress}\n              onUngroupedOptionsSet={this.setUngroupedOptions}\n              onRetryButtonClicked={this.handleRetry}\n              parentEl={this.host}\n              onTimeoutBlur={this.onTimeoutBlur}\n              activationType={this.searchable ? \"manual\" : \"automatic\"}\n            ></ic-menu>\n          )}\n          {hasValidationStatus(this.validationStatus, this.disabled) && (\n            <ic-input-validation\n              class={{ \"menu-open\": this.open }}\n              ariaLiveMode=\"polite\"\n              status={validationStatus}\n              message={validationText}\n              for={this.inputId}\n            ></ic-input-validation>\n          )}\n        </ic-input-container>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/core/{p-5450cebf.js → p-589f6dd3.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 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
+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(!zt.g){W(_t.body,zt.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=zt.g.get(n);const l=t.p;if(s&&Bt&&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}}zt.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=_t.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 F=t=>Et(t).O;const L=(t,e,n)=>{const s=F(t);return{emit:t=>N(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const N=(t,e,n)=>{const s=zt.ce(e,n);t.dispatchEvent(s);return s};const D=new WeakMap;const A=(t,e,n)=>{let s=qt.get(t);if(Jt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}qt.set(t,s)};const H=(t,e,n,s)=>{let l=V(e);const o=qt.get(l);t=t.nodeType===11?t:_t;if(o){if(typeof o==="string"){t=t.head||t;let e=D.get(t);let n;if(!e){D.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(n=t.querySelector(`[${y}="${l}"]`))){n.innerHTML=o}else{{n=_t.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(Vt,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n){zt.rel(t,e,n,false)}if(s){zt.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=_t.createTextNode(u.t)}else if(u.$&1){$=u.p=_t.createTextNode("")}else{if(!f){f=u.h==="svg"}$=u.p=_t.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)=>{zt.$|=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)}}zt.$&=~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);{zt.$|=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=_t.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)}zt.$&=~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 ee(n)};const $t=(t,e)=>{const n=r("scheduleUpdate",t.C.M);const s=t.W;let l;if(e){{t.$|=256;if(t.F){t.F.map((([t,e])=>mt(s,t,e)));t.F=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.L(n);if(!o){yt()}}}else{{mt(l,"componentDidUpdate")}s()}{t.N(n)}{if(t.P){t.P();t.P=undefined}if(t.$&512){te((()=>at(t,false)))}t.$&=~(4|512)}};const yt=e=>{{wt(_t.documentElement)}te((()=>N(Vt,"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)=>Et(t).D.get(e);const kt=(t,e,n,s)=>{const l=Et(t);const o=l.O;const i=l.D.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.D.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=Et(this);return n.q.then((()=>n.W[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){zt.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=Ht(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(!qt.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((zt.$&1)===0){const e=Et(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{Ut(t,e,n.V);jt(e.W)}s()}};const Ot=t=>{const e=t["s-cr"]=_t.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const Ct=t=>{if((zt.$&1)===0){const e=Et(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=Vt.customElements;const i=_t.head;const f=i.querySelector("meta[charset]");const c=_t.createElement("style");const u=[];const a=_t.querySelectorAll(`[${y}]`);let $;let d=true;let h=0;Object.assign(zt,e);zt.B=new URL(e.resourcesUrl||"./",_t.baseURI).href;{zt.$|=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{zt.jmp((()=>xt(this)))}}disconnectedCallback(){zt.jmp((()=>Ct(this)))}componentOnReady(){return Et(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{{zt.jmp((()=>$=setTimeout(yt,30)))}}n()};const Rt=(t,e)=>e;const Ut=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Pt(t,n);const i=It(e,l);const f=Tt(n);zt.ael(o,s,i,f);(e._=e._||[]).push((()=>zt.rel(o,s,i,f)))}))}};const It=(t,e)=>n=>{try{{if(t.$&256){t.W[e](n)}else{(t.F=t.F||[]).push([e,n])}}}catch(t){Dt(t)}};const Pt=(t,e)=>{if(e&4)return _t;return t};const Tt=t=>(t&2)!==0;const Wt=new WeakMap;const Et=t=>Wt.get(t);const Ft=(t,e)=>Wt.set(e.W=t,e);const Lt=(t,e)=>{const n={$:0,O:t,C:e,D:new Map};{n.q=new Promise((t=>n.N=t))}{n.G=new Promise((t=>n.L=t));t["s-p"]=[];t["s-rc"]=[]}Ut(t,n,e.V);return Wt.set(t,n)};const Nt=(t,e)=>e in t;const Dt=(t,e)=>(0,console.error)(t,e);const At=new Map;const Ht=(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 qt=new Map;const Vt=typeof window!=="undefined"?window:{};const _t=Vt.document||{head:{}};const zt={$: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 Bt=true;const Gt=t=>Promise.resolve(t);const Jt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Kt=[];const Qt=[];const Xt=(t,e)=>n=>{t.push(n);if(!c){c=true;if(e&&zt.$&4){te(Zt)}else{zt.raf(Zt)}}};const Yt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Dt(t)}}t.length=0};const Zt=()=>{Yt(Kt);{Yt(Qt);if(c=Kt.length>0){zt.raf(Zt)}}};const te=t=>Gt().then(t);const ee=Xt(Qt,true);export{Rt as F,C as H,Mt as b,L as c,F as g,x as h,Gt as p,Ft as r};
+//# sourceMappingURL=p-589f6dd3.js.map