@ukic/canary-web-components 3.0.0-canary.17 → 3.0.0-canary.18

package/dist/core/{p-c3ba79d7.entry.js → p-266686d0.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,f as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{O as s}from"./p-ea1ea1b9.js";import{u as r,t as l,h as a,I as c}from"./p-bdbd185c.js";const h='/*! 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(.ic-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:var(--ic-link-icon-launch)}.link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}:host(.footer-link) ::slotted(a){color:var(--ic-footer-link) !important}@media (forced-colors: active){.ic-link-open-in-new-icon>svg{fill:currentcolor}}';const d=h;const m=class{constructor(e){i(this,e);this.inheritedAttributes={};this.hostMutationObserver=null;this.download=false;this.monochrome=false;this.theme="inherit";this.hostMutationCallback=i=>{let e=false;i.forEach((({attributeName:i})=>{if(i){const t=this.el.getAttribute(i);if(t&&r.includes(i)){this.inheritedAttributes[i]=t;e=true}}}));if(e){t(this)}}}componentWillLoad(){this.inheritedAttributes=l(this.el,r);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}brandChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i,t;(t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("a"))===null||t===void 0?void 0:t.focus()}updateTheme(i=null){const t=a(this.el,i);if(t!==c.Default){this.monochrome=true;this.theme=t===c.Light?c.Dark:c.Light}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:t,hreflang:n,referrerpolicy:r,rel:l,target:a,monochrome:c,theme:h}=this;return e(o,{key:"00b6f1536124f047327af9985d4aa2a30e4863bc",class:{["ic-link"]:true,[`ic-theme-${h}`]:h!=="inherit",["ic-link-monochrome"]:!!c}},this.hasRouterSlot()?e("slot",{name:"router-item"}):e("a",Object.assign({class:{["link"]:!!t},download:i!==false?i:null,href:t,hrefLang:n,referrerPolicy:r,rel:l,target:a,tabindex:t?"0":"-1"},this.inheritedAttributes,{part:"link"}),e("slot",null),a==="_blank"&&e("span",{class:"ic-link-open-in-new-icon",innerHTML:s})))}static get delegatesFocus(){return true}get el(){return n(this)}};m.style=d;export{m as ic_link};
-//# sourceMappingURL=p-c3ba79d7.entry.js.map
+import{r as i,f as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{O as s}from"./p-ea1ea1b9.js";import{u as r,t as l,h as a,I as c}from"./p-eca2fea1.js";const d='/*! 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(.ic-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:var(--ic-link-icon-launch)}.link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}:host(.footer-link) ::slotted(a){color:var(--ic-footer-link) !important}@media (forced-colors: active){.ic-link-open-in-new-icon>svg{fill:currentcolor}}';const h=d;const m=class{constructor(e){i(this,e);this.inheritedAttributes={};this.hostMutationObserver=null;this.download=false;this.monochrome=false;this.theme="inherit";this.hostMutationCallback=i=>{let e=false;i.forEach((({attributeName:i})=>{if(i){const t=this.el.getAttribute(i);if(t&&r.includes(i)){this.inheritedAttributes[i]=t;e=true}}}));if(e){t(this)}}}watchDownloadHandler(){this.updateDownload()}componentWillLoad(){this.inheritedAttributes=l(this.el,r);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}brandChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i,t;(t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("a"))===null||t===void 0?void 0:t.focus()}updateTheme(i=null){const t=a(this.el,i);if(t!==c.Default){this.monochrome=true;this.theme=t===c.Light?c.Dark:c.Light}}updateDownload(){var i;const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("a");if(t){if(this.download){t.setAttribute("download",this.download===true?"":this.download)}else{t.removeAttribute("download")}}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:t,hreflang:n,referrerpolicy:r,rel:l,target:a,monochrome:c,theme:d}=this;return e(o,{key:"b554bf4f2fc16dd66f7d393ae4813fe10c9a16f8",class:{["ic-link"]:true,[`ic-theme-${d}`]:d!=="inherit",["ic-link-monochrome"]:!!c}},this.hasRouterSlot()?e("slot",{name:"router-item"}):e("a",Object.assign({class:{["link"]:!!t},download:i!==true?i:"",href:t,hrefLang:n,referrerPolicy:r,rel:l,target:a,tabindex:t?"0":"-1"},this.inheritedAttributes,{part:"link"}),e("slot",null),a==="_blank"&&e("span",{class:"ic-link-open-in-new-icon",innerHTML:s})))}static get delegatesFocus(){return true}get el(){return n(this)}static get watchers(){return{download:["watchDownloadHandler"]}}};m.style=h;export{m as ic_link};
+//# sourceMappingURL=p-266686d0.entry.js.map

package/dist/core/p-266686d0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icLinkCss","IcLinkStyle0","Link","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","download","monochrome","theme","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","el","getAttribute","IC_INHERITED_ARIA","includes","forceUpdate","watchDownloadHandler","updateDownload","componentWillLoad","inheritAttributes","updateTheme","setAttribute","componentDidLoad","MutationObserver","observe","attributes","disconnectedCallback","_a","disconnect","brandChangeHandler","detail","mode","setFocus","_b","shadowRoot","querySelector","focus","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","element","removeAttribute","hasRouterSlot","routerSlot","ariaLabel","textContent","render","href","hreflang","referrerpolicy","rel","target","h","Host","key","class","name","Object","assign","hrefLang","referrerPolicy","tabindex","part","innerHTML","OpenInNew","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-link/ic-link.css?tag=ic-link&encapsulation=shadow","../web-components/dist/collection/components/ic-link/ic-link.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host(.ic-link) .link,\n:host(.ic-link) ::slotted(a) {\n  color: var(--ic-link-text);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  transition: var(--ic-easing-transition-fast);\n}\n\n:host(.ic-link) .link:visited,\n:host(.ic-link) ::slotted(a:visited),\n:host(.ic-link) .link:visited:hover,\n:host(.ic-link) ::slotted(a:visited:hover),\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:visited:active),\n:host(.ic-link) .link:visited:focus,\n:host(.ic-link) ::slotted(a:visited:focus) {\n  color: var(--ic-link-text-visited);\n}\n\n:host(.ic-link) .link:hover {\n  color: var(--ic-link-text-hover);\n}\n\n:host(.ic-link) .link:active {\n  color: var(--ic-link-text-pressed);\n}\n\n:host(.ic-link) .link:focus {\n  color: var(--ic-link-text-focused);\n}\n\n:host(.ic-link-monochrome) .link:hover {\n  color: var(--ic-link-text-hover-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:active {\n  color: var(--ic-link-text-pressed-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:focus {\n  color: var(--ic-link-text-focused-monochrome);\n}\n\n:host(.ic-link) .link:hover,\n:host(.ic-link) .link:focus,\n:host(.ic-link) ::slotted(a:hover),\n:host(.ic-link) ::slotted(a:focus) {\n  outline: none;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n@supports (text-underline-offset: 10%) {\n  :host(.ic-link) .link:hover,\n  :host(.ic-link) .link:focus,\n  :host(.ic-link) ::slotted(a:hover),\n  :host(.ic-link) ::slotted(a:focus) {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 10%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n\n:host(.ic-link) .link:active,\n:host(.ic-link) .link:focus:active,\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:active),\n:host(.ic-link) ::slotted(a:focus:active),\n:host(.ic-link) ::slotted(a:visited:active) {\n  text-decoration: none;\n}\n\n.ic-link-open-in-new-icon {\n  vertical-align: middle;\n  margin-left: var(--ic-space-xxs);\n}\n\n.ic-link-open-in-new-icon > svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  fill: var(--ic-link-icon-launch);\n}\n\n.link:visited > .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-link-icon-launch-visited);\n}\n\n:host(.ic-link-monochrome) .link,\n:host(.ic-link-monochrome) ::slotted(a) {\n  color: var(--ic-link-text-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited,\n:host(.ic-link-monochrome) ::slotted(a:visited),\n:host(.ic-link-monochrome) .link:visited:hover,\n:host(.ic-link-monochrome) ::slotted(a:visited:hover),\n:host(.ic-link-monochrome) .link:visited:active,\n:host(.ic-link-monochrome) ::slotted(a:visited:active),\n:host(.ic-link-monochrome) .link:visited:focus,\n:host(.ic-link-monochrome) ::slotted(a:visited:focus) {\n  color: var(--ic-link-text-visited-monochrome);\n}\n\n:host(.ic-link-monochrome) .link > .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-link-icon-launch-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited > .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-link-icon-launch-visited-monochrome);\n}\n\n:host(.breadcrumb-link) .link {\n  display: var(--breadcrumb-link-display);\n  align-items: var(--breadcrumb-link-align-items);\n  gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .link ::slotted(.back-icon) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n  font-weight: normal;\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n  outline: var(--ic-hc-focus-outline);\n  text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .link:visited {\n  color: var(--ic-color-text-primary);\n}\n\n/* Footer link */\n\n:host(.footer-link) ::slotted(a) {\n  color: var(--ic-footer-link) !important;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .ic-link-open-in-new-icon > svg {\n    fill: currentcolor;\n  }\n}\n","import { h, Host, forceUpdate, } from \"@stencil/core\";\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport { getBrandFromContext, inheritAttributes } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\n/**\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\nexport class Link {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.hostMutationObserver = null;\n        /**\n         * If `true`, the user can save the linked URL instead of navigating to it.\n         */\n        this.download = false;\n        /**\n         * If `true`, the link will display as black in the light theme, and white in the dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        // triggered when attributes of host element change\n        this.hostMutationCallback = (mutationList) => {\n            let forceComponentUpdate = false;\n            mutationList.forEach(({ attributeName }) => {\n                if (attributeName) {\n                    const attribute = this.el.getAttribute(attributeName);\n                    if (attribute && IC_INHERITED_ARIA.includes(attributeName)) {\n                        this.inheritedAttributes[attributeName] = attribute;\n                        forceComponentUpdate = true;\n                    }\n                }\n            });\n            if (forceComponentUpdate) {\n                forceUpdate(this);\n            }\n        };\n    }\n    watchDownloadHandler() {\n        this.updateDownload();\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, IC_INHERITED_ARIA);\n        this.updateTheme();\n        this.el.setAttribute(\"exportparts\", \"link\");\n    }\n    componentDidLoad() {\n        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n        this.hostMutationObserver.observe(this.el, {\n            attributes: true,\n        });\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    brandChangeHandler({ detail }) {\n        this.updateTheme(detail.mode);\n    }\n    /**\n     * Sets focus on the link.\n     */\n    async setFocus() {\n        var _a, _b;\n        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"a\")) === null || _b === void 0 ? void 0 : _b.focus();\n    }\n    updateTheme(mode = null) {\n        const theme = getBrandFromContext(this.el, mode);\n        if (theme !== IcBrandForegroundEnum.Default) {\n            this.monochrome = true;\n            this.theme =\n                theme === IcBrandForegroundEnum.Light\n                    ? IcBrandForegroundEnum.Dark\n                    : IcBrandForegroundEnum.Light;\n        }\n    }\n    updateDownload() {\n        var _a;\n        const element = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"a\");\n        if (element) {\n            if (this.download) {\n                element.setAttribute(\"download\", this.download === true ? \"\" : this.download);\n            }\n            else {\n                element.removeAttribute(\"download\");\n            }\n        }\n    }\n    hasRouterSlot() {\n        this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n        if (this.routerSlot) {\n            this.routerSlot.ariaLabel = this.routerSlot.textContent;\n        }\n        return !!this.routerSlot;\n    }\n    render() {\n        const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;\n        return (h(Host, { key: 'b554bf4f2fc16dd66f7d393ae4813fe10c9a16f8', class: {\n                [\"ic-link\"]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [\"ic-link-monochrome\"]: !!monochrome,\n            } }, this.hasRouterSlot() ? (h(\"slot\", { name: \"router-item\" })) : (h(\"a\", Object.assign({ class: {\n                [\"link\"]: !!href,\n            }, download: download !== true ? download : \"\", href: href, hrefLang: hreflang, referrerPolicy: referrerpolicy, rel: rel, target: target, tabindex: href ? \"0\" : \"-1\" }, this.inheritedAttributes, { part: \"link\" }), h(\"slot\", null), target === \"_blank\" && (h(\"span\", { class: \"ic-link-open-in-new-icon\", innerHTML: OpenInNew }))))));\n    }\n    static get is() { return \"ic-link\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-link.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-link.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"download\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | boolean\",\n                    \"resolved\": \"boolean | string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user can save the linked URL instead of navigating to it.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"download\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the link points to.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"hreflang\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The human language of the linked URL.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hreflang\",\n                \"reflect\": false\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the link will display as black in the light theme, and white in the dark theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"referrerpolicy\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ReferrerPolicy\",\n                    \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\" | undefined\",\n                    \"references\": {\n                        \"ReferrerPolicy\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::ReferrerPolicy\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How much of the referrer to send when following the link.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"referrerpolicy\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The relationship of the linked URL as space-separated link types.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the link.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"download\",\n                \"methodName\": \"watchDownloadHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"brandChange\",\n                \"method\": \"brandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-link.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-7656c88f.entry.js → p-33f4abc9.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as a}from"./p-8e4e97b4.js";import{b as i}from"./p-bdbd185c.js";const r='/*! 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}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){.tag{border:var(--ic-border-hc);-ms-high-contrast-adjust:none;forced-color-adjust:none;--ic-typography-color:var(--ic-status-tag-text)}}';const o=r;const s=class{constructor(t){e(this,t);this.announced=false;this.size="medium";this.status="neutral";this.theme="inherit";this.uppercase=true;this.variant="filled"}componentDidLoad(){i([{prop:this.label,propName:"label"}],"Status Tag")}render(){const{label:e,status:i,variant:r,size:o,announced:s,theme:n,uppercase:c}=this;return t(a,{key:"05da4b9dad7f0b5201de00ca980fa718fe35d5e7",class:{[`ic-theme-${n}`]:n!=="inherit"},role:s?"status":null,"aria-label":"Status"},t("strong",{key:"2127b5788fbc664f0d85fa93416992cf3401df2c",class:{["tag"]:true,[`${r}-${i}`]:true,["outlined"]:r==="outlined",[`${o}`]:true}},t("ic-typography",{key:"9ebf0f3e09cf60c0bf70e10bb50b07f314550f9b",variant:c?"label-uppercase":"label","apply-vertical-margins":false},t("span",{key:"4901eb5f043ab616995b4af00dab982f3429d57a"},e))))}};s.style=o;export{s as ic_status_tag};
-//# sourceMappingURL=p-7656c88f.entry.js.map
+import{r as e,h as t,H as a}from"./p-8e4e97b4.js";import{b as i}from"./p-eca2fea1.js";const r='/*! 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}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){.tag{border:var(--ic-border-hc);-ms-high-contrast-adjust:none;forced-color-adjust:none;--ic-typography-color:var(--ic-status-tag-text)}}';const o=r;const s=class{constructor(t){e(this,t);this.announced=false;this.size="medium";this.status="neutral";this.theme="inherit";this.uppercase=true;this.variant="filled"}componentDidLoad(){i([{prop:this.label,propName:"label"}],"Status Tag")}render(){const{label:e,status:i,variant:r,size:o,announced:s,theme:n,uppercase:c}=this;return t(a,{key:"0ff5d3de133c300d744be1d57a42e5a393735572",class:{[`ic-theme-${n}`]:n!=="inherit"},role:s?"status":null,"aria-label":"Status"},t("strong",{key:"09e1eeedac25e8128fe42a6fb5435dc06dc7d331",class:{["tag"]:true,[`${r}-${i}`]:true,["outlined"]:r==="outlined",[`${o}`]:true}},t("ic-typography",{key:"8543c7387e3337ec720eecaf3dbebbc09edfcb6d",variant:c?"label-uppercase":"label","apply-vertical-margins":false},t("span",{key:"3673500383906cd09f4f409abff0c2aa12a0c30f"},e))))}};s.style=o;export{s as ic_status_tag};
+//# sourceMappingURL=p-33f4abc9.entry.js.map

package/dist/core/{p-7656c88f.entry.js.map → p-33f4abc9.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icStatusTagCss","IcStatusTagStyle0","StatusTag","constructor","hostRef","this","announced","size","status","theme","uppercase","variant","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","render","h","Host","key","class","role"],"sources":["../web-components/dist/collection/components/ic-status-tag/ic-status-tag.css?tag=ic-status-tag&encapsulation=shadow","../web-components/dist/collection/components/ic-status-tag/ic-status-tag.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n.tag {\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n  font-size: 0.875rem;\n  border-radius: var(--ic-space-md);\n  display: inline-block;\n  min-width: 2.5rem;\n  text-align: center;\n\n  --ic-typography-color: var(--ic-status-tag-text);\n}\n\n.small {\n  padding: var(--ic-space-xxxs) var(--ic-space-sm);\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n}\n\n.large {\n  padding: var(--ic-space-xs) var(--ic-space-sm);\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n.filled-neutral {\n  background-color: var(--ic-status-tag-neutral);\n}\n\n.filled-success {\n  background-color: var(--ic-status-tag-success);\n}\n\n.filled-warning {\n  background-color: var(--ic-status-tag-warning);\n\n  --ic-typography-color: var(--ic-status-tag-filled-warning-text);\n}\n\n.filled-danger {\n  background-color: var(--ic-status-tag-error);\n}\n\n.outlined {\n  padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined.small {\n  padding: var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined.large {\n  padding: calc(var(--ic-space-xs) - var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined-neutral {\n  background-color: var(--ic-status-tag-outlined-background-neutral);\n  border: var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);\n\n  --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-success {\n  background-color: var(--ic-status-tag-outlined-background-success);\n  border: var(--ic-border-width) solid var(--ic-status-tag-outlined-success);\n\n  --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-warning {\n  background-color: var(--ic-status-tag-outlined-background-warning);\n  border: var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);\n\n  --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-danger {\n  background-color: var(--ic-status-tag-outlined-background-error);\n  border: var(--ic-border-width) solid var(--ic-status-tag-outlined-error);\n\n  --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n@media (forced-colors: active) {\n  .tag {\n    border: var(--ic-border-hc);\n    -ms-high-contrast-adjust: none;\n    forced-color-adjust: none;\n\n    --ic-typography-color: var(--ic-status-tag-text);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class StatusTag {\n    constructor() {\n        /**\n         * If `true`, role='status' is added to the component and it will act as an 'aria-live' region.\n         * Screen readers will announce changes to the `label`, but not the initial value.\n         */\n        this.announced = false;\n        /**\n         * The size of the status tag component.\n         */\n        this.size = \"medium\";\n        /**\n         * The colour of the status tag.\n         */\n        this.status = \"neutral\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The letter case of the status tag's label.\n         */\n        this.uppercase = true;\n        /**\n         * The emphasis of the status tag.\n         */\n        this.variant = \"filled\";\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Status Tag\");\n    }\n    render() {\n        const { label, status, variant, size, announced, theme, uppercase } = this;\n        return (h(Host, { key: '05da4b9dad7f0b5201de00ca980fa718fe35d5e7', class: { [`ic-theme-${theme}`]: theme !== \"inherit\" }, role: announced ? \"status\" : null, \"aria-label\": \"Status\" }, h(\"strong\", { key: '2127b5788fbc664f0d85fa93416992cf3401df2c', class: {\n                [\"tag\"]: true,\n                [`${variant}-${status}`]: true,\n                [\"outlined\"]: variant === \"outlined\",\n                [`${size}`]: true,\n            } }, h(\"ic-typography\", { key: '9ebf0f3e09cf60c0bf70e10bb50b07f314550f9b', variant: uppercase ? \"label-uppercase\" : \"label\", \"apply-vertical-margins\": false }, h(\"span\", { key: '4901eb5f043ab616995b4af00dab982f3429d57a' }, label)))));\n    }\n    static get is() { return \"ic-status-tag\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-status-tag.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-status-tag.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"announced\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, role='status' is added to the component and it will act as an 'aria-live' region.\\nScreen readers will announce changes to the `label`, but not the initial value.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"announced\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The content rendered within the status tag.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the status tag component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStatusTagStatuses\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n                    \"references\": {\n                        \"IcStatusTagStatuses\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-status-tag.types\",\n                            \"id\": \"src/components/ic-status-tag/ic-status-tag.types.ts::IcStatusTagStatuses\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The colour of the status tag.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"neutral\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"dark\\\" | \\\"light\\\" | \\\"inherit\\\"\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"uppercase\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The letter case of the status tag's label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"uppercase\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcEmphasisType\",\n                    \"resolved\": \"\\\"filled\\\" | \\\"outlined\\\" | undefined\",\n                    \"references\": {\n                        \"IcEmphasisType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcEmphasisType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The emphasis of the status tag.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"filled\\\"\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-status-tag.js.map\n"],"mappings":"sFAAA,MAAMA,EAAiB,05IACvB,MAAAC,EAAeD,E,MCCFE,EAAS,MAClB,WAAAC,CAAAC,G,UAKIC,KAAKC,UAAY,MAIjBD,KAAKE,KAAO,SAIZF,KAAKG,OAAS,UAIdH,KAAKI,MAAQ,UAIbJ,KAAKK,UAAY,KAIjBL,KAAKM,QAAU,Q,CAEnB,gBAAAC,GACIC,EAAiC,CAAC,CAAEC,KAAMT,KAAKU,MAAOC,SAAU,UAAY,a,CAEhF,MAAAC,GACI,MAAMF,MAAEA,EAAKP,OAAEA,EAAMG,QAAEA,EAAOJ,KAAEA,EAAID,UAAEA,EAASG,MAAEA,EAAKC,UAAEA,GAAcL,KACtE,OAAQa,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAAE,CAAC,YAAYZ,KAAUA,IAAU,WAAaa,KAAMhB,EAAY,SAAW,KAAM,aAAc,UAAYY,EAAE,SAAU,CAAEE,IAAK,2CAA4CC,MAAO,CACrP,CAAC,OAAQ,KACT,CAAC,GAAGV,KAAWH,KAAW,KAC1B,CAAC,YAAaG,IAAY,WAC1B,CAAC,GAAGJ,KAAS,OACZW,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CT,QAASD,EAAY,kBAAoB,QAAS,yBAA0B,OAASQ,EAAE,OAAQ,CAAEE,IAAK,4CAA8CL,K","ignoreList":[]}
+{"version":3,"names":["icStatusTagCss","IcStatusTagStyle0","StatusTag","constructor","hostRef","this","announced","size","status","theme","uppercase","variant","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","render","h","Host","key","class","role"],"sources":["../web-components/dist/collection/components/ic-status-tag/ic-status-tag.css?tag=ic-status-tag&encapsulation=shadow","../web-components/dist/collection/components/ic-status-tag/ic-status-tag.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n.tag {\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n  font-size: 0.875rem;\n  border-radius: var(--ic-space-md);\n  display: inline-block;\n  min-width: 2.5rem;\n  text-align: center;\n\n  --ic-typography-color: var(--ic-status-tag-text);\n}\n\n.small {\n  padding: var(--ic-space-xxxs) var(--ic-space-sm);\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n}\n\n.large {\n  padding: var(--ic-space-xs) var(--ic-space-sm);\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n.filled-neutral {\n  background-color: var(--ic-status-tag-neutral);\n}\n\n.filled-success {\n  background-color: var(--ic-status-tag-success);\n}\n\n.filled-warning {\n  background-color: var(--ic-status-tag-warning);\n\n  --ic-typography-color: var(--ic-status-tag-filled-warning-text);\n}\n\n.filled-danger {\n  background-color: var(--ic-status-tag-error);\n}\n\n.outlined {\n  padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined.small {\n  padding: var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined.large {\n  padding: calc(var(--ic-space-xs) - var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined-neutral {\n  background-color: var(--ic-status-tag-outlined-background-neutral);\n  border: var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);\n\n  --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-success {\n  background-color: var(--ic-status-tag-outlined-background-success);\n  border: var(--ic-border-width) solid var(--ic-status-tag-outlined-success);\n\n  --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-warning {\n  background-color: var(--ic-status-tag-outlined-background-warning);\n  border: var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);\n\n  --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-danger {\n  background-color: var(--ic-status-tag-outlined-background-error);\n  border: var(--ic-border-width) solid var(--ic-status-tag-outlined-error);\n\n  --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n@media (forced-colors: active) {\n  .tag {\n    border: var(--ic-border-hc);\n    -ms-high-contrast-adjust: none;\n    forced-color-adjust: none;\n\n    --ic-typography-color: var(--ic-status-tag-text);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class StatusTag {\n    constructor() {\n        /**\n         * If `true`, role='status' is added to the component and it will act as an 'aria-live' region.\n         * Screen readers will announce changes to the `label`, but not the initial value.\n         */\n        this.announced = false;\n        /**\n         * The size of the status tag component.\n         */\n        this.size = \"medium\";\n        /**\n         * The colour of the status tag.\n         */\n        this.status = \"neutral\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The letter case of the status tag's label.\n         */\n        this.uppercase = true;\n        /**\n         * The emphasis of the status tag.\n         */\n        this.variant = \"filled\";\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Status Tag\");\n    }\n    render() {\n        const { label, status, variant, size, announced, theme, uppercase } = this;\n        return (h(Host, { key: '0ff5d3de133c300d744be1d57a42e5a393735572', class: { [`ic-theme-${theme}`]: theme !== \"inherit\" }, role: announced ? \"status\" : null, \"aria-label\": \"Status\" }, h(\"strong\", { key: '09e1eeedac25e8128fe42a6fb5435dc06dc7d331', class: {\n                [\"tag\"]: true,\n                [`${variant}-${status}`]: true,\n                [\"outlined\"]: variant === \"outlined\",\n                [`${size}`]: true,\n            } }, h(\"ic-typography\", { key: '8543c7387e3337ec720eecaf3dbebbc09edfcb6d', variant: uppercase ? \"label-uppercase\" : \"label\", \"apply-vertical-margins\": false }, h(\"span\", { key: '3673500383906cd09f4f409abff0c2aa12a0c30f' }, label)))));\n    }\n    static get is() { return \"ic-status-tag\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-status-tag.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-status-tag.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"announced\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, role='status' is added to the component and it will act as an 'aria-live' region.\\nScreen readers will announce changes to the `label`, but not the initial value.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"announced\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The content rendered within the status tag.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the status tag component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStatusTagStatuses\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n                    \"references\": {\n                        \"IcStatusTagStatuses\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-status-tag.types\",\n                            \"id\": \"src/components/ic-status-tag/ic-status-tag.types.ts::IcStatusTagStatuses\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The colour of the status tag.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"neutral\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"dark\\\" | \\\"light\\\" | \\\"inherit\\\"\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"uppercase\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The letter case of the status tag's label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"uppercase\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcEmphasisType\",\n                    \"resolved\": \"\\\"filled\\\" | \\\"outlined\\\" | undefined\",\n                    \"references\": {\n                        \"IcEmphasisType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcEmphasisType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The emphasis of the status tag.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"filled\\\"\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-status-tag.js.map\n"],"mappings":"sFAAA,MAAMA,EAAiB,05IACvB,MAAAC,EAAeD,E,MCCFE,EAAS,MAClB,WAAAC,CAAAC,G,UAKIC,KAAKC,UAAY,MAIjBD,KAAKE,KAAO,SAIZF,KAAKG,OAAS,UAIdH,KAAKI,MAAQ,UAIbJ,KAAKK,UAAY,KAIjBL,KAAKM,QAAU,Q,CAEnB,gBAAAC,GACIC,EAAiC,CAAC,CAAEC,KAAMT,KAAKU,MAAOC,SAAU,UAAY,a,CAEhF,MAAAC,GACI,MAAMF,MAAEA,EAAKP,OAAEA,EAAMG,QAAEA,EAAOJ,KAAEA,EAAID,UAAEA,EAASG,MAAEA,EAAKC,UAAEA,GAAcL,KACtE,OAAQa,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAAE,CAAC,YAAYZ,KAAUA,IAAU,WAAaa,KAAMhB,EAAY,SAAW,KAAM,aAAc,UAAYY,EAAE,SAAU,CAAEE,IAAK,2CAA4CC,MAAO,CACrP,CAAC,OAAQ,KACT,CAAC,GAAGV,KAAWH,KAAW,KAC1B,CAAC,YAAaG,IAAY,WAC1B,CAAC,GAAGJ,KAAS,OACZW,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CT,QAASD,EAAY,kBAAoB,QAAS,yBAA0B,OAASQ,EAAE,OAAQ,CAAEE,IAAK,4CAA8CL,K","ignoreList":[]}

package/dist/core/p-3800cda8.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as a,H as e,g as s}from"./p-8e4e97b4.js";import{c as o}from"./p-e081702e.js";import{C as n}from"./p-170ddfc2.js";import{w as d,e as l,D as r,g as p,i as c,F as h,f as v,b as g,q as m,I as b,d as u}from"./p-eca2fea1.js";const f=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" 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 y=':host{display:block;--ic-typography-color:currentcolor;--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;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);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-side-navigation-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-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-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-side-navigation-background);display:flex;flex-direction:column;flex:1 1 4rem;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}: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(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--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-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@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-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name="app-title"]::slotted(a),slot[name="app-icon"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name="app-title"]::slotted(ic-typography),slot[name="app-title"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name="app-title"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name="app-title"]::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed) slot[name="app-title"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name="app-title"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}: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-side-navigation-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{inset:0 var(--ic-space-sm) 0 3.5rem;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-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.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-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.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}.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;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :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.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .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-side-navigation-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.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .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)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .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.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .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.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::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-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::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.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name="app-icon"]::slotted(svg){fill:currentcolor}}';const x=y;const w=class{constructor(e){i(this,e);this.icSideNavExpanded=t(this,"icSideNavExpanded",7);this.ANIMATION_DURATION=parseInt(d("--ic-transition-duration-slow"))||0;this.IC_NAVIGATION_ITEM="ic-navigation-item";this.resizeObserver=null;this.COLLAPSED_ICON_LABELS_END="collapsed-icon-labels-end";this.COLLAPSED_ICON_LABELS_START="collapsed-icon-labels-start";this.deviceSize=l();this.deviceSizeAppTitle=r.S;this.foregroundColor=p();this.hasSecondaryNavigation=false;this.menuExpanded=false;this.menuOpen=false;this.collapsedIconLabels=false;this.disableAutoParentStyling=false;this.disableTopBarBehaviour=false;this.expanded=false;this.href="/";this.inline=false;this.shortAppTitle="";this.static=false;this.emitSideNavigationExpanded=i=>{this.icSideNavExpanded.emit({sideNavExpanded:i.sideNavExpanded,sideNavMobile:!!i.sideNavMobile})};this.toggleMenu=()=>{this.menuOpen=!this.menuOpen;this.setMobileMenuAriaAttributes(this.menuOpen);this.arrangeSlottedNavigationItem(this.menuOpen);this.setToggleMenuFlyoutMenuVisibility(this.menuOpen);this.emitSideNavigationExpanded({sideNavExpanded:this.menuOpen,sideNavMobile:true})};this.setToggleMenuFlyoutMenuVisibility=i=>{var t;const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#side-navigation");const e=a.querySelector(".side-navigation-inner");const s=a.querySelector(".bottom-wrapper");const o="menu-visibility-visible";if(i){s.classList.add(o);e.classList.add(o)}else{setTimeout((()=>{e.classList.remove(o);s.classList.remove(o)}),this.ANIMATION_DURATION)}};this.setMobileMenuAriaAttributes=i=>{if(this.menuButton){this.menuButton.setAttribute("aria-expanded",`${i}`);this.menuButton.setAttribute("aria-label",`${i?"Close":"Open"} navigation menu`)}};this.setAndRemoveNoWrapAfterMenuExpanded=()=>{var i;const t=((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".title-link ic-typography"))||this.el.querySelector("[slot='app-title']");t===null||t===void 0?void 0:t.classList.add("ic-typography-no-wrap");setTimeout((()=>{t===null||t===void 0?void 0:t.classList.remove("ic-typography-no-wrap")}),this.ANIMATION_DURATION)};this.toggleMenuExpanded=i=>{var t,a,e,s;if(this.deviceSize>r.S){this.menuExpanded=i}if(this.menuExpanded){this.setAndRemoveNoWrapAfterMenuExpanded();(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".app-title-inner-wrapper"))===null||a===void 0?void 0:a.classList.add("app-title-show")}else{this.el.style.setProperty("--navigation-item-width","320px");(s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".app-title-inner-wrapper"))===null||s===void 0?void 0:s.classList.remove("app-title-show");this.el.addEventListener("transitionend",(i=>{if(i.propertyName==="width"){this.el.style.setProperty("--navigation-item-width",null)}}))}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=>{var a;const e=c(t,"navigation-item");const s=t.children[0]&&!t.children[0].getAttribute("slot");if(e||s){let s;if(e){s=t.querySelector("[slot='navigation-item']")}else{s=t.children[0]}const o=document.createElement("div");const n=s===null||s===void 0?void 0:s.querySelector("svg");const d=s===null||s===void 0?void 0:s.querySelector("ic-badge");const l=(a=t.textContent)===null||a===void 0?void 0:a.trim();const r=document.createElement("ic-typography");r.classList.add("ic-typography-label","hydrated","navigation-item-side-nav-slotted-text");o.style.position="relative";o.style.height="var(--ic-space-lg)";n&&o.append(n);d&&o.append(d);if(l){r.textContent=l}if(s){s.textContent="";s.append(o);s.append(r)}if(this.collapsedIconLabels){this.styleSlottedCollapsedIconLabels(!!i,r)}else{this.styleSlottedIconLabels(!!i,r)}}}))};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=()=>{var i;const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper");if(t.offsetHeight!==0){this.el.style.setProperty("--sm-side-navigation-bottom-bar-height",`${t.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.transitionHandler=i=>{var t,a;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".primary-navigation");const s=(a=this.el.shadowRoot)===null||a===void 0?void 0:a.querySelector(".bottom-wrapper > .secondary-navigation");const o=i==="start"?this.COLLAPSED_ICON_LABELS_END:this.COLLAPSED_ICON_LABELS_START;const n=i==="start"?this.COLLAPSED_ICON_LABELS_START:this.COLLAPSED_ICON_LABELS_END;if(e){e.classList.remove(o);e.classList.add(n)}if(s){s.classList.remove(o);s.classList.add(n)}};this.transitionEndHandler=()=>{this.transitionHandler("end")};this.animateCollapsedIconLabels=()=>{this.transitionHandler("start");this.transitionEndHandler();this.el.addEventListener("transitionend",this.transitionEndHandler)};this.paddingIconWidth=i=>{const t=i[0].shadowRoot&&(i[0].shadowRoot.querySelector("ic-tooltip a")||i[0].shadowRoot.querySelector("ic-tooltip div"))||i[0].querySelector("a")||i[0].querySelector("div");const a=i[0].querySelector("svg");if(t&&a){const i={gap:window.getComputedStyle(t).gap,iconWidth:window.getComputedStyle(a).width,paddingLeft:window.getComputedStyle(t).paddingLeft};return Object.values(i).reduce(((i,t)=>i+=parseInt(t)),0)}return 0};this.displayTooltipWithExpandedLongLabel=i=>{let t;if(i){t=setTimeout((()=>{const i=this.el.clientWidth;const t=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));const a=t.length?this.paddingIconWidth(t):0;t.forEach((t=>{var e,s;const o=((e=t.shadowRoot&&t.shadowRoot.querySelector("ic-tooltip .link ic-typography.ic-typography-label"))===null||e===void 0?void 0:e.scrollWidth)||((s=t.querySelector("ic-typography.ic-typography-label"))===null||s===void 0?void 0:s.scrollWidth);if(o&&o>i-a){t.setAttribute("display-navigation-tooltip","true")}}))}),this.ANIMATION_DURATION)}else{clearTimeout(t);const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("display-navigation-tooltip","false")}))}};this.setMenuExpanded=i=>{this.menuExpanded=i};this.setParentPaddingTop=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-top",i)};this.setParentPaddingLeft=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-left",i)};this.renderAppTitle=i=>{const t=this.deviceSize<=r.S&&!h(this.shortAppTitle);return a("ic-typography",{variant:t||i?"subtitle-small":"h3","aria-label":t?`${this.appTitle} (${this.shortAppTitle})`:undefined},a("h1",null,t?this.shortAppTitle:this.appTitle))};this.resizeObserverCallback=i=>{var t,a,e,s;this.deviceSize=i;const o=i===r.S&&!this.disableTopBarBehaviour;if(!this.disableAutoParentStyling){const i=(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".top-bar"))===null||a===void 0?void 0:a.scrollHeight;this.setParentPaddingTop(o?`${i}px`:"0");if(o)this.setParentPaddingLeft("0");if(o&&this.inline){(e=this.el.parentElement)===null||e===void 0?void 0:e.style.setProperty("height",`calc(100% - ${i}px)`)}else if(!o){(s=this.el.parentElement)===null||s===void 0?void 0:s.style.setProperty("height","100%")}}if(!this.disableAutoParentStyling){const t=`calc(var(--ic-space-xxl) ${this.collapsedIconLabels?"* 2":"+ var(--ic-space-xs)"})`;if(i>r.L){this.setParentPaddingTop("0");this.setParentPaddingLeft("0")}else if((i>r.S||this.disableTopBarBehaviour)&&i<=r.M&&this.static){this.setParentPaddingLeft(t)}else if((i>r.S||this.disableTopBarBehaviour)&&i<=r.L){this.setParentPaddingLeft(this.static&&this.menuExpanded?"calc(var(--ic-space-xl) * 10)":t)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const i=l();this.deviceSizeAppTitle=i;this.resizeObserverCallback(i)}));this.resizeObserver.observe(document.body,{box:"content-box"})};this.setCollapsedIconLabels=()=>{const i=Array.from(this.el.querySelectorAll(this.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.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:t,menuOpen:e,href:s,isAppNameSubtitleVariant:n})=>{const d=this.appTitle!==""&&u(this.appTitle);const l=c(this.el,"app-title")?"div":"a";const r=l=="a"&&{href:s};return a("div",{class:{"top-bar":true,[this.foregroundColor]:true}},i&&a("nav",{"aria-labelledby":"menu-navigation-toggle-button-landmark","aria-hidden":"false"},a("ic-button",{"aria-label":"Open navigation menu",class:"menu-button",id:"menu-button",variant:"secondary",size:"small","full-width":"true",theme:t=="default"||t=="light"?"light":"dark",monochrome:true,onClick:this.toggleMenu,ariaOwnsId:"side-navigation","aria-haspopup":"true","aria-expanded":"false",ref:i=>this.menuButton=i},a("span",{class:"mobile-top-bar-menu-icon",slot:"left-icon",innerHTML:e?o:f}),e?"Close":"Menu"),a("span",{id:"menu-navigation-toggle-button-landmark",class:"navigation-landmark-title","aria-hidden":"true"},"Navigation menu toggle button")),a("div",{class:"app-title-wrapper"},(d||c(this.el,"app-title"))&&a(l,Object.assign({},r,{class:"title-link"}),a("div",{class:"app-icon-container","aria-hidden":"true"},a("slot",{name:"app-icon"})),a("div",{class:"app-title-inner-wrapper"},c(this.el,"app-title")?a("slot",{name:"app-title"}):this.renderAppTitle(n)))))}}watchExpandedHandler(){this.toggleMenuExpanded(this.expanded)}componentWillLoad(){this.setMenuExpanded(this.expanded);if(this.collapsedIconLabels){this.setCollapsedIconLabels()}this.hasSecondaryNavigation=c(this.el,"secondary-navigation")}componentDidLoad(){this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:this.deviceSize===r.S&&!this.disableTopBarBehaviour});v(this.runResizeObserver);this.styleSlottedCollapsedIconLabel();this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);this.setExpandedButtonHeight();!c(this.el,"app-title")&&g([{prop:this.appTitle,propName:"app-title"}],"Side Navigation")}disconnectedCallback(){var i;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}(i=this.el)===null||i===void 0?void 0:i.removeEventListener("transitionend",this.transitionEndHandler)}brandChangeHandler({detail:i}){this.foregroundColor=i.mode}render(){const{appTitle:i,menuOpen:t,foregroundColor:s,menuExpanded:o,href:d,status:l,version:p,collapsedIconLabels:h,inline:v}=this;const g=!this.disableTopBarBehaviour&&this.deviceSize===r.S;const u=this.deviceSize===r.M;const f=this.deviceSize>=r.L;const y=this.deviceSizeAppTitle===r.S;const x=u||this.disableTopBarBehaviour||f&&!this.static;const w={isSDevice:g,foregroundColor:s,menuOpen:t,href:d,isAppNameSubtitleVariant:y,appTitle:i||""};return a(e,{key:"436ddf7e690787edf148eefe828faab20800accf",class:{"xs-menu-open":t&&g,"xs-menu-close":!t&&g,"sm-collapsed":!g&&!o,"sm-expanded":!g&&o,"side-display":this.deviceSize>r.S||!!this.disableTopBarBehaviour,[`ic-side-navigation-${b.Dark}`]:s===b.Dark,["collapsed-labels"]:!g&&!o&&!!h,["ic-side-navigation-inline"]:!!v}},g&&this.renderTopBar(Object.assign({},w)),a("div",{key:"0a1e0bfaabbba9ab87b9ca2683784b8cb8f6e22e",class:"side-navigation",id:"side-navigation"},!g&&this.renderTopBar(Object.assign({},w)),a("div",{key:"ccb38804313b951d4031e749d902fcc969ae5d4c",class:"side-navigation-inner"},c(this.el,"primary-navigation")&&a("nav",{key:"34dd687fdf758aec64d3e26b602f8eff43e50640",class:"primary-navigation","aria-labelledby":"primary-navigation-landmark"},a("span",{key:"26221987ce6680a1c8907e420c2d7ada899b7df5","aria-hidden":"true",class:"navigation-landmark-title",id:"primary-navigation-landmark"},"Primary"),a("ul",{key:"711b4dd66d08757769e655b1c389cbd6686a64ab",class:"navigation-list"},a("slot",{key:"bc2d3e56ea19ae85b4d189a62d15996d273f76a5",name:"primary-navigation"})))),a("div",{key:"9e238999491c652791e0f0ad1fd78efed7cbdec3",class:{["bottom-wrapper"]:true,["classification-spacing"]:m()}},c(this.el,"secondary-navigation")&&a("nav",{key:"4a112b17cbf6007dae1099548b38990463c7ae3e",class:"secondary-navigation","aria-labelledby":"secondary-navigation-landmark"},a("span",{key:"ee312d7d1150ac06d6f83f6fabcf406c09988345","aria-hidden":"true",class:"navigation-landmark-title",id:"secondary-navigation-landmark"},"Secondary"),a("ul",{key:"d38968324a5737de02b78d30b063c973f6828635",class:"navigation-list"},a("slot",{key:"1c0846aa364a9421696127688a126df465bd7529",name:"secondary-navigation"}))),a("div",{key:"997739493b5e2bf1e3c34b5f76c0f63c9eb10bc5",class:"bottom-side-nav"},this.hasSecondaryNavigation&&a("ic-divider",{key:"fa864a0fc1ef72e18e9dc2c39fcee48d30c020e9"}),x&&a("button",{key:"204eac793e743c630eb7febbe4d0f748df93ef65",class:"menu-expand-button",innerHTML:n,onClick:()=>this.toggleMenuExpanded(!this.menuExpanded),"aria-label":`${o?"Collapse":"Expand"} side navigation`}),a("div",{key:"99fe7d81476680ce9d77e67cfd679dfdcc0a0523",class:"app-status-wrapper"},l!==""&&a("div",{key:"164bcb345294ca2d623463347e0b2ba47c055191",class:{["app-status"]:true}},a("ic-typography",{key:"0c5bec1d433278488b3c06c6ddd4a0c1e676e9d8","aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},l)),p!==""&&a("ic-typography",{key:"64a0a27816a364a4521fd4504c2d31f4e9ac3ecc",variant:"label",class:"app-version","aria-label":"app version"},p))))))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};w.style=x;export{w as ic_side_navigation};
+//# sourceMappingURL=p-3800cda8.entry.js.map

package/dist/core/p-3800cda8.entry.js.map

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

package/dist/core/{p-45dbbdcb.entry.js → p-45f32fea.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as o,g as a}from"./p-8e4e97b4.js";import{r as n,i as s}from"./p-bdbd185c.js";import{C as r}from"./p-170ddfc2.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;border-bottom:var(--ic-space-1px) solid var(--ic-accordion-divider)}:host .expand-chevron{color:var(--ic-accordion-chevron)}:host(.ic-accordion-disabled) .expand-chevron{color:var(--ic-accordion-chevron-disabled)}.section-button.small{padding:var(--ic-space-xxs) var(--ic-space-xs)}.section-button.large{padding:var(--ic-space-sm) var(--ic-space-xs)}:host(:first-of-type){border-top:var(--ic-space-1px) solid var(--ic-accordion-divider)}:focus{outline:none}.section-button{background-color:transparent;display:flex;align-items:center;width:100%;padding:var(--ic-space-xs);font-weight:var(--ic-font-weight-bold);border:none}.section-header{--ic-typography-color:var(--ic-accordion-heading-text);color:var(--ic-accordion-heading-text);text-align:left;flex:1 0}:host(.ic-accordion-disabled) .section-header{--ic-typography-color:var(--ic-accordion-heading-text-disabled);color:var(--ic-accordion-heading-text-disabled)}button:hover{background-color:var(--ic-accordion-background-hover);cursor:pointer}button:active{background-color:var(--ic-accordion-background-pressed)}button:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast)}button:disabled{pointer-events:none}.icon-container{margin:0 var(--ic-space-xs) 0 0;display:flex;align-items:center;width:var(--ic-space-lg);height:var(--ic-space-lg);color:var(--ic-accordion-icon)}:host(.ic-accordion-disabled) .icon-container{color:var(--ic-accordion-icon-disabled)}::slotted(svg){width:var(--ic-space-md);height:var(--ic-space-md)}.expand-chevron{width:var(--ic-space-lg);height:var(--ic-space-lg);margin-left:calc(var(--ic-space-xl) + var(--ic-space-xs));transform:rotate(90deg);justify-self:end}.content-expanded-chevron{transform:rotate(-90deg)}.expanded-content{--ic-typography-color:var(--ic-accordion-body-text);color:var(--ic-accordion-body-text);height:0;overflow:hidden;display:flex;flex-direction:column;visibility:var(--ic-expanded-content-visibility, hidden)}.expanded-content-inner{padding:var(--ic-space-xs)}.expanded-content-opened{overflow:visible}@media (forced-colors: active){button:focus{border:var(--ic-border-hc) !important}}';const d=c;let l=0;const b=class{constructor(i){e(this,i);this.accordionClicked=t(this,"accordionClicked",7);this.accordionId=`ic-accordion-${l++}`;this.CONTENT_VISIBILITY_PROPERTY="--ic-expanded-content-visibility";this.disabled=false;this.expanded=false;this.heading="";this.message="";this.size="medium";this.theme="inherit";this.toggleExpanded=()=>{this.expanded=!this.expanded;this.accordionClicked.emit({id:this.accordionId})};this.setAccordionAnimation=(e,t,i,o)=>{e.style.transitionDuration=`${t}ms`;e.style.transitionProperty=i;e.style.transitionDelay=o};this.setExpandedContentStyle=(e,t)=>{if(e.propertyName==="height"&&t.clientHeight>0){t.classList.add("expanded-content-opened");t.style.height="auto"}};this.hideExpandedContent=(e,t)=>{if(e.propertyName==="height"&&t.clientHeight===0){t.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"hidden")}};this.animateExpandedContent=()=>{if(this.expandedContentEl){const e=this.expandedContentEl;const t=e.scrollHeight;if(t>0&&this.expanded){e.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible");e.style.height=`${t}px`;this.setAccordionAnimation(e,"300","height","ease-out");e.addEventListener("transitionend",(t=>{this.setExpandedContentStyle(t,e)}))}else if(!this.expanded){const e=this.expandedContentEl;e.style.height=`${e.scrollHeight}px`;if(e.scrollHeight>0&&!this.expanded){e.style.height="0";this.setAccordionAnimation(e,"300","height","ease-in");e.classList.remove("expanded-content-opened")}e.addEventListener("transitionend",(t=>{this.hideExpandedContent(t,e)}))}}}}watchDisabledHandler(){n(this.disabled,this.el)}handleExpandedWatch(){this.animateExpandedContent()}async setFocus(){var e;(e=this.accordionBtnHeading)===null||e===void 0?void 0:e.focus()}componentWillLoad(){n(this.disabled,this.el)}disconnectedCallback(){const e=this.expandedContentEl;if(e){e.removeEventListener("transitionend",(t=>this.setExpandedContentStyle(t,e)),true);e.removeEventListener("transitionend",(t=>this.hideExpandedContent(t,e)),true)}}componentDidLoad(){if(this.expanded&&this.expandedContentEl){this.expandedContentEl.style.height="auto";this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible")}}render(){const{size:e,disabled:t,expanded:a,theme:n}=this;return i(o,{key:"1af99baa1066daa75be1af7329ed0a79a6a7f3cf",id:this.accordionId,class:{["ic-accordion-disabled"]:!!t,[`ic-theme-${n}`]:n!=="inherit"},"aria-disabled":t?"true":"false"},i("button",{key:"95695d5beebac9e84bc55159d8602182698ece75",ref:e=>this.accordionBtnHeading=e,id:`${this.accordionId}-button`,disabled:t,tabindex:t?-1:0,class:{[`${e}`]:true,["section-button"]:true,["section-button-open"]:!!a&&!t},"aria-expanded":`${a}`,"aria-controls":"expanded-content-area",onClick:this.toggleExpanded},s(this.el,"icon")&&i("div",{key:"274fc2d72fefc6b7f52e4c11fb0dec81055aeb1e",class:"icon-container"},i("slot",{key:"b8fb45c64beba9a319776080ea7b764aa4a0b9db",name:"icon"})),i("ic-typography",{key:"c0ca1e3a7f4a8cb7b05a3892eec1db728162db91",variant:"subtitle-large",class:"section-header"},s(this.el,"heading")?i("slot",{name:"heading"}):this.heading),i("span",{key:"c8a70311d3d99114ff1f75c63dbbbbf1077e59c7",class:{["expand-chevron"]:true,["content-expanded-chevron"]:!!a&&!t},"aria-hidden":"true",innerHTML:r})),i("div",{key:"2bbae7f78c0a88f767c64fa0849c6c13bd998128",class:{["expanded-content"]:true},"aria-labelledby":`${this.accordionId}-button`,role:"region","aria-hidden":`${!a}`,id:"expanded-content-area",ref:e=>this.expandedContentEl=e},i("div",{key:"49f53a7ceb1a9a13f50542e93445bacd7d9d9a1e",class:"expanded-content-inner"},this.message?i("ic-typography",{variant:"body"},this.message):i("slot",null))))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],expanded:["handleExpandedWatch"]}}};b.style=d;export{b as ic_accordion};
-//# sourceMappingURL=p-45dbbdcb.entry.js.map
+import{r as e,c as t,h as i,H as o,g as a}from"./p-8e4e97b4.js";import{r as n,i as s}from"./p-eca2fea1.js";import{C as r}from"./p-170ddfc2.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;border-bottom:var(--ic-space-1px) solid var(--ic-accordion-divider)}:host .expand-chevron{color:var(--ic-accordion-chevron)}:host(.ic-accordion-disabled) .expand-chevron{color:var(--ic-accordion-chevron-disabled)}.section-button.small{padding:var(--ic-space-xxs) var(--ic-space-xs)}.section-button.large{padding:var(--ic-space-sm) var(--ic-space-xs)}:host(:first-of-type){border-top:var(--ic-space-1px) solid var(--ic-accordion-divider)}:focus{outline:none}.section-button{background-color:transparent;display:flex;align-items:center;width:100%;padding:var(--ic-space-xs);font-weight:var(--ic-font-weight-bold);border:none}.section-header{--ic-typography-color:var(--ic-accordion-heading-text);color:var(--ic-accordion-heading-text);text-align:left;flex:1 0}:host(.ic-accordion-disabled) .section-header{--ic-typography-color:var(--ic-accordion-heading-text-disabled);color:var(--ic-accordion-heading-text-disabled)}button:hover{background-color:var(--ic-accordion-background-hover);cursor:pointer}button:active{background-color:var(--ic-accordion-background-pressed)}button:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast)}button:disabled{pointer-events:none}.icon-container{margin:0 var(--ic-space-xs) 0 0;display:flex;align-items:center;width:var(--ic-space-lg);height:var(--ic-space-lg);color:var(--ic-accordion-icon)}:host(.ic-accordion-disabled) .icon-container{color:var(--ic-accordion-icon-disabled)}::slotted(svg){width:var(--ic-space-md);height:var(--ic-space-md)}.expand-chevron{width:var(--ic-space-lg);height:var(--ic-space-lg);margin-left:calc(var(--ic-space-xl) + var(--ic-space-xs));transform:rotate(90deg);justify-self:end}.content-expanded-chevron{transform:rotate(-90deg)}.expanded-content{--ic-typography-color:var(--ic-accordion-body-text);color:var(--ic-accordion-body-text);height:0;overflow:hidden;display:flex;flex-direction:column;visibility:var(--ic-expanded-content-visibility, hidden)}.expanded-content-inner{padding:var(--ic-space-xs)}.expanded-content-opened{overflow:visible}@media (forced-colors: active){button:focus{border:var(--ic-border-hc) !important}}';const d=c;let l=0;const h=class{constructor(i){e(this,i);this.accordionClicked=t(this,"accordionClicked",7);this.accordionId=`ic-accordion-${l++}`;this.CONTENT_VISIBILITY_PROPERTY="--ic-expanded-content-visibility";this.disabled=false;this.expanded=false;this.heading="";this.message="";this.size="medium";this.theme="inherit";this.toggleExpanded=()=>{this.expanded=!this.expanded;this.accordionClicked.emit({id:this.accordionId})};this.setAccordionAnimation=(e,t,i,o)=>{e.style.transitionDuration=`${t}ms`;e.style.transitionProperty=i;e.style.transitionDelay=o};this.setExpandedContentStyle=(e,t)=>{if(e.propertyName==="height"&&t.clientHeight>0){t.classList.add("expanded-content-opened");t.style.height="auto"}};this.hideExpandedContent=(e,t)=>{if(e.propertyName==="height"&&t.clientHeight===0){t.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"hidden")}};this.animateExpandedContent=()=>{if(this.expandedContentEl){const e=this.expandedContentEl;const t=e.scrollHeight;if(t>0&&this.expanded){e.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible");e.style.height=`${t}px`;this.setAccordionAnimation(e,"300","height","ease-out");e.addEventListener("transitionend",(t=>{this.setExpandedContentStyle(t,e)}))}else if(!this.expanded){const e=this.expandedContentEl;e.style.height=`${e.scrollHeight}px`;if(e.scrollHeight>0&&!this.expanded){e.style.height="0";this.setAccordionAnimation(e,"300","height","ease-in");e.classList.remove("expanded-content-opened")}e.addEventListener("transitionend",(t=>{this.hideExpandedContent(t,e)}))}}}}watchDisabledHandler(){n(this.disabled,this.el)}handleExpandedWatch(){this.animateExpandedContent()}async setFocus(){var e;(e=this.accordionBtnHeading)===null||e===void 0?void 0:e.focus()}componentWillLoad(){n(this.disabled,this.el)}disconnectedCallback(){const e=this.expandedContentEl;if(e){e.removeEventListener("transitionend",(t=>this.setExpandedContentStyle(t,e)),true);e.removeEventListener("transitionend",(t=>this.hideExpandedContent(t,e)),true)}}componentDidLoad(){if(this.expanded&&this.expandedContentEl){this.expandedContentEl.style.height="auto";this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible")}}render(){const{size:e,disabled:t,expanded:a,theme:n}=this;return i(o,{key:"1af99baa1066daa75be1af7329ed0a79a6a7f3cf",id:this.accordionId,class:{["ic-accordion-disabled"]:!!t,[`ic-theme-${n}`]:n!=="inherit"},"aria-disabled":t?"true":"false"},i("button",{key:"95695d5beebac9e84bc55159d8602182698ece75",ref:e=>this.accordionBtnHeading=e,id:`${this.accordionId}-button`,disabled:t,tabindex:t?-1:0,class:{[`${e}`]:true,["section-button"]:true,["section-button-open"]:!!a&&!t},"aria-expanded":`${a}`,"aria-controls":"expanded-content-area",onClick:this.toggleExpanded},s(this.el,"icon")&&i("div",{key:"274fc2d72fefc6b7f52e4c11fb0dec81055aeb1e",class:"icon-container"},i("slot",{key:"b8fb45c64beba9a319776080ea7b764aa4a0b9db",name:"icon"})),i("ic-typography",{key:"c0ca1e3a7f4a8cb7b05a3892eec1db728162db91",variant:"subtitle-large",class:"section-header"},s(this.el,"heading")?i("slot",{name:"heading"}):this.heading),i("span",{key:"c8a70311d3d99114ff1f75c63dbbbbf1077e59c7",class:{["expand-chevron"]:true,["content-expanded-chevron"]:!!a&&!t},"aria-hidden":"true",innerHTML:r})),i("div",{key:"2bbae7f78c0a88f767c64fa0849c6c13bd998128",class:{["expanded-content"]:true},"aria-labelledby":`${this.accordionId}-button`,role:"region","aria-hidden":`${!a}`,id:"expanded-content-area",ref:e=>this.expandedContentEl=e},i("div",{key:"49f53a7ceb1a9a13f50542e93445bacd7d9d9a1e",class:"expanded-content-inner"},this.message?i("ic-typography",{variant:"body"},this.message):i("slot",null))))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],expanded:["handleExpandedWatch"]}}};h.style=d;export{h as ic_accordion};
+//# sourceMappingURL=p-45f32fea.entry.js.map