@ukic/canary-web-components 3.0.0-canary.34 → 3.0.0-canary.35

package/dist/core/p-496b314f.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as t,H as i,g as r}from"./p-8e4e97b4.js";import{n as a,g as n,f as c,h as s,a as l,i as d,q as f,I as b}from"./p-e519f607.js";const p='/*! 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;--footer-compliance-padding:1rem 0}:host(.ic-footer-sparse){--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:calc(var(--ic-space-md) + var(--ic-space-xxs));--footer-link-inner-flex-direction:row}:host(.ic-footer-small){--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}:host(.ic-footer-foreground-dark){--ic-footer-background:var(--ic-brand-color-secondary-light);--ic-footer-bottom-background:var(--ic-brand-color-tertiary-light);--ic-footer-keyline:var(--ic-state-layer-darken-20);--ic-footer-text:var(--ic-color-text-primary-light);--ic-footer-link:var(--ic-color-text-primary-light);--ic-footer-icon:var(--ic-color-icon-neutral);--ic-footer-chevron-icon:var(--ic-color-icon-neutral);--ic-footer-logo:var(--ic-color-icon-neutral);--ic-footer-hover:var(--ic-architectural-700-state-layer-10);--ic-footer-pressed:var(--ic-architectural-700-state-layer-20)}:host(.ic-footer-small.ic-footer-ungrouped){--footer-links-padding:var(--ic-space-md) 0 0 0}footer{display:flex;flex-direction:column;width:100%}.footer-description{background-color:var(--ic-footer-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text);border-bottom:var(--ic-space-1px) solid var(--ic-footer-keyline)}.footer-description-inner{padding:1rem 0}.footer-links{padding:var(--footer-links-padding);background-color:var(--ic-footer-background);color:var(--ic-footer-link);--ic-typography-color:var(--ic-footer-link)}.footer-links-inner{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}.footer-compliance{background-color:var(--ic-footer-bottom-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text)}.footer-compliance-inner{padding:var(--footer-compliance-padding)}.footer-logo{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}.footer-logo>::slotted(){margin-right:var(--ic-space-md)}.footer-caption{margin-bottom:var(--ic-space-md)}.classification-spacing{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){footer{border-top:var(--ic-border-hc)}}';const m=p;const g=class{constructor(t){e(this,t);this.footerResized=o(this,"footerResized",7);this.resizeObserver=null;this.hostMutationObserver=null;this.deviceSize=a.XL;this.foregroundColor=n();this.aligned="left";this.breakpoint="medium";this.copyright=true;this.copyrightText="© Crown Copyright";this.groupLinks=false;this.resizeObserverCallback=e=>{if(e!==this.deviceSize){this.deviceSize=e}this.footerResized.emit()};this.runResizeObserver=()=>{if(this.footerEl){this.resizeObserver=new ResizeObserver((()=>{const e=c();this.resizeObserverCallback(e)}));this.resizeObserver.observe(this.footerEl)}}}disconnectedCallback(){var e;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.deviceSize=c()}componentDidLoad(){s(this.runResizeObserver);this.hostMutationObserver=new MutationObserver((e=>l(e,"link",this)));this.hostMutationObserver.observe(this.el,{childList:true})}brandChangeHandler(e){this.foregroundColor=e.detail.mode}isSmall(){const e=this.breakpoint;return e==="extra small"?this.deviceSize<a.XS:e==="small"?this.deviceSize<a.S:e==="medium"?this.deviceSize<a.M:e==="large"?this.deviceSize<a.L:e==="extra large"?this.deviceSize<a.XL:false}render(){const{aligned:e,caption:o,copyright:r,copyrightText:n,description:c,deviceSize:s,el:l,foregroundColor:p,groupLinks:m}=this;const g=this.isSmall();const h=d(l,"logo")||d(l,"caption")||o||r;return t(i,{key:"6d91277fef5b4a25ebc1300c5f6c9697f7cf51db",class:{["ic-footer"]:true,[`ic-footer-${g?"small":"sparse"}`]:true,[`ic-footer-${m?"grouped":"ungrouped"}`]:true,[`ic-footer-foreground-${p}`]:true,[`ic-footer-${b.Dark}`]:p===b.Dark,[`ic-footer-${b.Light}`]:p===b.Light}},t("footer",{key:"ff497893502821b501404631d81a6c43282b1b36",ref:e=>this.footerEl=e},(d(l,"description")||c)&&t("div",{key:"f8d674674bba8dc6570a7352e943ba8ce97ef666",class:"footer-description"},t("ic-section-container",{key:"d1c80f2b82c740b0ae5b3bfe55a42aa81ef631c9",aligned:e,fullHeight:true},t("div",{key:"669b78285fb7274a0f36ad4ffca2e6527bc7ee8f",class:"footer-description-inner"},t("ic-typography",{key:"0ef8cbc1311b48cfdc9fb0031802dfb3672e1bc0",variant:"body"},t("slot",{key:"3ea6f48d56500f8ee7711e53c4c4794c5c06bc84",name:"description"},c))))),d(l,"link")&&t("div",{key:"3790b13ae7b820882d92d866ab946749f83515dc",class:"footer-links"},m&&g?t("div",{class:"footer-links-inner",role:"list"},t("slot",{name:"link"})):t("ic-section-container",{fullHeight:true,aligned:e},t("div",{class:"footer-links-inner",role:"list"},t("slot",{name:"link"})))),h&&t("div",{key:"bd4f9da66406e7587aadab57768e0f00d176f5f2",class:"footer-compliance"},t("ic-section-container",{key:"4b760604abdeb1096927ca72d8b8c53ab2128ea9",aligned:e,fullHeight:true},t("div",{key:"63f1d4b0009cf34f4f4492851f17653f2f2dba84",class:"footer-compliance-inner"},d(l,"logo")&&t("div",{key:"9b8f9f9983db8f0f8642e79e20906e337c7cf57d",class:"footer-logo"},t("slot",{key:"faac7b5562c641bbb700514007e3ee6702e155df",name:"logo"})),(d(l,"caption")||o)&&t("div",{key:"a388c6b1549d5a5516e94f872ecb538f15b1102f",class:"footer-caption"},t("ic-typography",{key:"7e8a8e10983d31235ed8d90919d673f74d13bccb",variant:s<=a.M?"caption":"body"},t("slot",{key:"81152b67972243451c8e9b3c05b1e79d5ce1b7f1",name:"caption"},o))),r&&t("div",{key:"8f6480deac3ac1a31c0ad0e4a250c35cb07917eb",class:{["footer-copyright"]:true,["classification-spacing"]:f()}},t("ic-typography",{key:"e119f8f68ad5dc19a9e1020f8fabb52397fd0394",variant:s<=a.M?"caption-uppercase":"label-uppercase"},n)))))))}get el(){return r(this)}};g.style=m;export{g as ic_footer};
-//# sourceMappingURL=p-496b314f.entry.js.map

package/dist/core/p-496b314f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icFooterCss","IcFooterStyle0","Footer","constructor","hostRef","this","resizeObserver","hostMutationObserver","deviceSize","IC_DEVICE_SIZES","XL","foregroundColor","getBrandForegroundAppearance","aligned","breakpoint","copyright","copyrightText","groupLinks","resizeObserverCallback","currSize","footerResized","emit","runResizeObserver","footerEl","ResizeObserver","getCurrentDeviceSize","observe","disconnectedCallback","_a","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","MutationObserver","mutationList","renderDynamicChildSlots","el","childList","brandChangeHandler","ev","detail","mode","isSmall","bp","XS","S","M","L","render","caption","description","small","showComplianceSection","isSlotUsed","h","Host","key","class","IcBrandForegroundEnum","Dark","Light","ref","fullHeight","variant","name","role","hasClassificationBanner"],"sources":["../web-components/dist/collection/components/ic-footer/ic-footer.css?tag=ic-footer&encapsulation=shadow","../web-components/dist/collection/components/ic-footer/ic-footer.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 {\n  display: block;\n\n  --footer-compliance-padding: 1rem 0;\n}\n\n:host(.ic-footer-sparse) {\n  --footer-links-padding: 1.5rem 0;\n  --footer-logo-margin-bottom: calc(var(--ic-space-md) + var(--ic-space-xxs));\n  --footer-link-inner-flex-direction: row;\n}\n\n:host(.ic-footer-small) {\n  --footer-links-padding: 0 0;\n  --footer-logo-margin-bottom: var(--ic-space-md);\n  --footer-link-inner-flex-direction: column;\n}\n\n:host(.ic-footer-foreground-dark) {\n  --ic-footer-background: var(--ic-brand-color-secondary-light);\n  --ic-footer-bottom-background: var(--ic-brand-color-tertiary-light);\n  --ic-footer-keyline: var(--ic-state-layer-darken-20);\n  --ic-footer-text: var(--ic-color-text-primary-light);\n  --ic-footer-link: var(--ic-color-text-primary-light);\n  --ic-footer-icon: var(--ic-color-icon-neutral);\n  --ic-footer-chevron-icon: var(--ic-color-icon-neutral);\n  --ic-footer-logo: var(--ic-color-icon-neutral);\n  --ic-footer-hover: var(--ic-architectural-700-state-layer-10);\n  --ic-footer-pressed: var(--ic-architectural-700-state-layer-20);\n}\n\n:host(.ic-footer-small.ic-footer-ungrouped) {\n  --footer-links-padding: var(--ic-space-md) 0 0 0;\n}\n\n/* Main inner footer element */\nfooter {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* Description */\n\n.footer-description {\n  background-color: var(--ic-footer-background);\n  color: var(--ic-footer-text);\n\n  --ic-typography-color: var(--ic-footer-text);\n\n  border-bottom: var(--ic-space-1px) solid var(--ic-footer-keyline);\n}\n\n.footer-description-inner {\n  padding: 1rem 0;\n}\n\n/* Links */\n\n.footer-links {\n  padding: var(--footer-links-padding);\n  background-color: var(--ic-footer-background);\n  color: var(--ic-footer-link);\n\n  --ic-typography-color: var(--ic-footer-link);\n}\n\n.footer-links-inner {\n  display: flex;\n  flex-direction: var(--footer-link-inner-flex-direction);\n}\n\n/* Compliance */\n\n.footer-compliance {\n  background-color: var(--ic-footer-bottom-background);\n  color: var(--ic-footer-text);\n\n  --ic-typography-color: var(--ic-footer-text);\n}\n\n.footer-compliance-inner {\n  padding: var(--footer-compliance-padding);\n}\n\n.footer-logo {\n  margin-bottom: var(--footer-logo-margin-bottom);\n  display: flex;\n  gap: var(--ic-space-xxl);\n}\n\n.footer-logo > ::slotted() {\n  margin-right: var(--ic-space-md);\n}\n\n.footer-caption {\n  margin-bottom: var(--ic-space-md);\n}\n\n.classification-spacing {\n  margin-bottom: var(--ic-space-lg);\n}\n\n@media (forced-colors: active) {\n  footer {\n    border-top: var(--ic-border-hc);\n  }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\nimport { getCurrentDeviceSize, getBrandForegroundAppearance, checkResizeObserver, hasClassificationBanner, isSlotUsed, renderDynamicChildSlots, } from \"../../utils/helpers\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\n/**\n * @slot description - Content will be rendered at the top of the footer.\n * @slot link - Content will be rendered between description and logos.\n * @slot logo - Content will be rendered underneath footer links.\n * @slot caption - Content will be rendered above Crown Copyright.\n */\nexport class Footer {\n    constructor() {\n        this.resizeObserver = null;\n        this.hostMutationObserver = null;\n        this.deviceSize = IC_DEVICE_SIZES.XL;\n        this.foregroundColor = getBrandForegroundAppearance();\n        /**\n         * The alignment of the section containers used within the footer.\n         */\n        this.aligned = \"left\";\n        /**\n         * The screen size breakpoint at which to switch to the small layout.\n         */\n        this.breakpoint = \"medium\";\n        /**\n         * If `true`, the footer will display the crown copyright at the bottom.\n         */\n        this.copyright = true;\n        /**\n         * The text displayed for the copyright notice if `copyright` is `true`.\n         */\n        this.copyrightText = \"© Crown Copyright\";\n        /**\n         * If `true`, the footer will be set up to handle link groups instead of standalone links.\n         */\n        this.groupLinks = false;\n        this.resizeObserverCallback = (currSize) => {\n            if (currSize !== this.deviceSize) {\n                this.deviceSize = currSize;\n            }\n            this.footerResized.emit();\n        };\n        this.runResizeObserver = () => {\n            if (this.footerEl) {\n                this.resizeObserver = new ResizeObserver(() => {\n                    const currSize = getCurrentDeviceSize();\n                    this.resizeObserverCallback(currSize);\n                });\n                this.resizeObserver.observe(this.footerEl);\n            }\n        };\n    }\n    disconnectedCallback() {\n        var _a;\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentWillLoad() {\n        this.deviceSize = getCurrentDeviceSize();\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n        this.hostMutationObserver = new MutationObserver((mutationList) => {\n            return renderDynamicChildSlots(mutationList, \"link\", this);\n        });\n        this.hostMutationObserver.observe(this.el, {\n            childList: true,\n        });\n    }\n    brandChangeHandler(ev) {\n        this.foregroundColor = ev.detail.mode;\n    }\n    isSmall() {\n        const bp = this.breakpoint;\n        return bp === \"extra small\"\n            ? this.deviceSize < IC_DEVICE_SIZES.XS\n            : bp === \"small\"\n                ? this.deviceSize < IC_DEVICE_SIZES.S\n                : bp === \"medium\"\n                    ? this.deviceSize < IC_DEVICE_SIZES.M\n                    : bp === \"large\"\n                        ? this.deviceSize < IC_DEVICE_SIZES.L\n                        : bp === \"extra large\"\n                            ? this.deviceSize < IC_DEVICE_SIZES.XL\n                            : false;\n    }\n    render() {\n        const { aligned, caption, copyright, copyrightText, description, deviceSize, el, foregroundColor, groupLinks, } = this;\n        const small = this.isSmall();\n        const showComplianceSection = isSlotUsed(el, \"logo\") ||\n            isSlotUsed(el, \"caption\") ||\n            caption ||\n            copyright;\n        return (h(Host, { key: '6d91277fef5b4a25ebc1300c5f6c9697f7cf51db', class: {\n                [\"ic-footer\"]: true,\n                [`ic-footer-${small ? \"small\" : \"sparse\"}`]: true,\n                [`ic-footer-${groupLinks ? \"grouped\" : \"ungrouped\"}`]: true,\n                [`ic-footer-foreground-${foregroundColor}`]: true,\n                // Slots will be able to infer their own color\n                [`ic-footer-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,\n                [`ic-footer-${IcBrandForegroundEnum.Light}`]: foregroundColor === IcBrandForegroundEnum.Light,\n            } }, h(\"footer\", { key: 'ff497893502821b501404631d81a6c43282b1b36', ref: (el) => (this.footerEl = el) }, (isSlotUsed(el, \"description\") || description) && (h(\"div\", { key: 'f8d674674bba8dc6570a7352e943ba8ce97ef666', class: \"footer-description\" }, h(\"ic-section-container\", { key: 'd1c80f2b82c740b0ae5b3bfe55a42aa81ef631c9', aligned: aligned, fullHeight: true }, h(\"div\", { key: '669b78285fb7274a0f36ad4ffca2e6527bc7ee8f', class: \"footer-description-inner\" }, h(\"ic-typography\", { key: '0ef8cbc1311b48cfdc9fb0031802dfb3672e1bc0', variant: \"body\" }, h(\"slot\", { key: '3ea6f48d56500f8ee7711e53c4c4794c5c06bc84', name: \"description\" }, description)))))), isSlotUsed(el, \"link\") && (h(\"div\", { key: '3790b13ae7b820882d92d866ab946749f83515dc', class: \"footer-links\" }, groupLinks && small ? (h(\"div\", { class: \"footer-links-inner\", role: \"list\" }, h(\"slot\", { name: \"link\" }))) : (h(\"ic-section-container\", { fullHeight: true, aligned: aligned }, h(\"div\", { class: \"footer-links-inner\", role: \"list\" }, h(\"slot\", { name: \"link\" })))))), showComplianceSection && (h(\"div\", { key: 'bd4f9da66406e7587aadab57768e0f00d176f5f2', class: \"footer-compliance\" }, h(\"ic-section-container\", { key: '4b760604abdeb1096927ca72d8b8c53ab2128ea9', aligned: aligned, fullHeight: true }, h(\"div\", { key: '63f1d4b0009cf34f4f4492851f17653f2f2dba84', class: \"footer-compliance-inner\" }, isSlotUsed(el, \"logo\") && (h(\"div\", { key: '9b8f9f9983db8f0f8642e79e20906e337c7cf57d', class: \"footer-logo\" }, h(\"slot\", { key: 'faac7b5562c641bbb700514007e3ee6702e155df', name: \"logo\" }))), (isSlotUsed(el, \"caption\") || caption) && (h(\"div\", { key: 'a388c6b1549d5a5516e94f872ecb538f15b1102f', class: \"footer-caption\" }, h(\"ic-typography\", { key: '7e8a8e10983d31235ed8d90919d673f74d13bccb', variant: deviceSize <= IC_DEVICE_SIZES.M ? \"caption\" : \"body\" }, h(\"slot\", { key: '81152b67972243451c8e9b3c05b1e79d5ce1b7f1', name: \"caption\" }, caption)))), copyright && (h(\"div\", { key: '8f6480deac3ac1a31c0ad0e4a250c35cb07917eb', class: {\n                [\"footer-copyright\"]: true,\n                [\"classification-spacing\"]: hasClassificationBanner(),\n            } }, h(\"ic-typography\", { key: 'e119f8f68ad5dc19a9e1020f8fabb52397fd0394', variant: deviceSize <= IC_DEVICE_SIZES.M\n                ? \"caption-uppercase\"\n                : \"label-uppercase\" }, copyrightText))))))))));\n    }\n    static get is() { return \"ic-footer\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-footer.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-footer.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the section containers used within the footer.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"breakpoint\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcFooterBreakpoints\",\n                    \"resolved\": \"\\\"extra large\\\" | \\\"extra small\\\" | \\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcFooterBreakpoints\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-footer.types\",\n                            \"id\": \"src/components/ic-footer/ic-footer.types.tsx::IcFooterBreakpoints\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The screen size breakpoint at which to switch to the small layout.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"breakpoint\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"caption\": {\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 caption displayed at the bottom of the footer.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"caption\",\n                \"reflect\": false\n            },\n            \"copyright\": {\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 footer will display the crown copyright at the bottom.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"copyright\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"copyrightText\": {\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 text displayed for the copyright notice if `copyright` is `true`.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"copyright-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\u00A9 Crown Copyright\\\"\"\n            },\n            \"description\": {\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 description displayed at the top of the footer.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"description\",\n                \"reflect\": false\n            },\n            \"groupLinks\": {\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 footer will be set up to handle link groups instead of standalone links.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"group-links\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"foregroundColor\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"footerResized\",\n                \"name\": \"footerResized\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Triggers on page resize and triggers style changes in footer links and link groups\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\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-footer.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-508b6da3.entry.js

@@ -1,2 +0,0 @@
-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{x as d,f as l,D as r,g as p,i as c,G as h,h as v,o as g,q as m,I as b,e as u}from"./p-e519f607.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)}}@media screen and (max-width: 319px){.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.closeOnNavItemClick=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;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.handleNavItemClicked=()=>{if(!this.menuOpen&&this.deviceSize>r.S&&this.menuExpanded){setTimeout((()=>{this.toggleMenuExpanded(false)}),0)}};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%")}}const n=i>r.S||this.disableTopBarBehaviour;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(n&&i<=r.M&&this.static){this.setParentPaddingLeft(t)}else if(n&&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();if(this.closeOnNavItemClick){this.el.addEventListener("navItemClicked",this.handleNavItemClicked)}!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);if(this.closeOnNavItemClick){this.el.removeEventListener("navItemClicked",this.handleNavItemClicked)}}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.disableTopBarBehaviour&&this.deviceSize===r.S;const f=this.deviceSize===r.M;const y=this.deviceSize>=r.L;const x=this.deviceSizeAppTitle===r.S;const w=f||u||y&&!this.static;const k={isSDevice:g,foregroundColor:s,menuOpen:t,href:d,isAppNameSubtitleVariant:x,appTitle:i||""};return a(e,{key:"2742b166ab7c1b3dadd63ca46597082f57b4a93c",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({},k)),a("div",{key:"9c893c2c7dea96389a45a16f527070d6e3de5368",class:"side-navigation",id:"side-navigation"},!g&&this.renderTopBar(Object.assign({},k)),a("div",{key:"dbd2108ad31efee6d38a03c3dc6eb09648d19f11",class:"side-navigation-inner"},c(this.el,"primary-navigation")&&a("nav",{key:"ecd7bb4e1e16ddc4eb7602cdf307e6a28f16e853",class:"primary-navigation","aria-labelledby":"primary-navigation-landmark"},a("span",{key:"4dcc53007366eddf432ab265e5a246fd94ca5911","aria-hidden":"true",class:"navigation-landmark-title",id:"primary-navigation-landmark"},"Primary"),a("ul",{key:"88796e6410e8359878b43c1f517fbd4cb4513e3f",class:"navigation-list"},a("slot",{key:"8e83a35ead924765f96919d274b65ed09d5e929f",name:"primary-navigation"})))),a("div",{key:"5574dd7d0b1f5269fd9db2be0e82eab01189f484",class:{["bottom-wrapper"]:true,["classification-spacing"]:m()}},c(this.el,"secondary-navigation")&&a("nav",{key:"2f53e21f14b1b2bac7984a39a372004eae05532d",class:"secondary-navigation","aria-labelledby":"secondary-navigation-landmark"},a("span",{key:"892d0c1292c15c558ade91896d610ed75714d3f4","aria-hidden":"true",class:"navigation-landmark-title",id:"secondary-navigation-landmark"},"Secondary"),a("ul",{key:"795f0ba505bb550fe9b61a39e2f7020d03d9dbba",class:"navigation-list"},a("slot",{key:"ebdd3da64163638ddf46509f56627de51ac17825",name:"secondary-navigation"}))),a("div",{key:"50ea370bfce079ca1073f8ef676879141a4dc00c",class:"bottom-side-nav"},this.hasSecondaryNavigation&&a("ic-divider",{key:"3897e3e6deac28eb1656a753b438def9e3d6ee75"}),w&&a("button",{key:"8ccbcb422d4c753b5490d6ef83798540626936da",class:"menu-expand-button",innerHTML:n,onClick:()=>this.toggleMenuExpanded(!this.menuExpanded),"aria-label":`${o?"Collapse":"Expand"} side navigation`}),a("div",{key:"200fc21381180858eab9e3d7ead4b426c9ae4b6d",class:"app-status-wrapper"},l&&a("div",{key:"2642ffbf3a021736cacfb9653a265e003a6cc7f9",class:{["app-status"]:true}},a("ic-typography",{key:"aaa321854c75f56d1d606d4d43f320fa6f9569a4","aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},l)),p&&a("ic-typography",{key:"1b53325edb44a3d0466f6fe74d76720b47af6ad6",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-508b6da3.entry.js.map

package/dist/core/p-508b6da3.entry.js.map

@@ -1 +0,0 @@
-{"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","closeOnNavItemClick","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","handleNavItemClicked","setParentPaddingTop","value","parentElement","setParentPaddingLeft","renderAppTitle","isAppNameSubtitleVariant","displayShortAppTitle","isEmptyString","h","variant","undefined","resizeObserverCallback","currSize","isSDeviceEnableTop","topBarHeight","scrollHeight","notSmallDisableTop","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","isSDeviceDisableTop","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\n@media screen and (max-width: 319px) {\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 side navigation will close when a navigation item is clicked. This behaviour is only applicable on larger device sizes.\n         */\n        this.closeOnNavItemClick = 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            this.menuExpanded = expanded;\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        this.handleNavItemClicked = () => {\n            if (!this.menuOpen &&\n                this.deviceSize > DEVICE_SIZES.S &&\n                this.menuExpanded) {\n                setTimeout(() => {\n                    this.toggleMenuExpanded(false);\n                }, 0);\n            }\n        };\n        /**\n         * As the mobile top bar is fixed, a padding top is required\n         * to push main content down the height of the mobile top bar\n         * @param value - padding-top css value\n         */\n        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 isSDeviceEnableTop = 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(isSDeviceEnableTop ? `${topBarHeight}px` : \"0\");\n                if (isSDeviceEnableTop)\n                    this.setParentPaddingLeft(\"0\");\n                if (isSDeviceEnableTop && 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 (!isSDeviceEnableTop) {\n                    (_d = this.el.parentElement) === null || _d === void 0 ? void 0 : _d.style.setProperty(\"height\", \"100%\");\n                }\n            }\n            const notSmallDisableTop = currSize > DEVICE_SIZES.S || this.disableTopBarBehaviour;\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 (notSmallDisableTop &&\n                    currSize <= DEVICE_SIZES.M &&\n                    this.static) {\n                    this.setParentPaddingLeft(paddingLeft);\n                }\n                else if (notSmallDisableTop && 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        if (this.closeOnNavItemClick) {\n            this.el.addEventListener(\"navItemClicked\", this.handleNavItemClicked);\n        }\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        if (this.closeOnNavItemClick) {\n            this.el.removeEventListener(\"navItemClicked\", this.handleNavItemClicked);\n        }\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 isSDeviceDisableTop = 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 || isSDeviceDisableTop || (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: '2742b166ab7c1b3dadd63ca46597082f57b4a93c', 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: '9c893c2c7dea96389a45a16f527070d6e3de5368', class: \"side-navigation\", id: \"side-navigation\" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h(\"div\", { key: 'dbd2108ad31efee6d38a03c3dc6eb09648d19f11', class: \"side-navigation-inner\" }, isSlotUsed(this.el, \"primary-navigation\") && (h(\"nav\", { key: 'ecd7bb4e1e16ddc4eb7602cdf307e6a28f16e853', class: \"primary-navigation\", \"aria-labelledby\": \"primary-navigation-landmark\" }, h(\"span\", { key: '4dcc53007366eddf432ab265e5a246fd94ca5911', \"aria-hidden\": \"true\", class: \"navigation-landmark-title\", id: \"primary-navigation-landmark\" }, \"Primary\"), h(\"ul\", { key: '88796e6410e8359878b43c1f517fbd4cb4513e3f', class: \"navigation-list\" }, h(\"slot\", { key: '8e83a35ead924765f96919d274b65ed09d5e929f', name: \"primary-navigation\" }))))), h(\"div\", { key: '5574dd7d0b1f5269fd9db2be0e82eab01189f484', class: {\n                [\"bottom-wrapper\"]: true,\n                [\"classification-spacing\"]: hasClassificationBanner(),\n            } }, isSlotUsed(this.el, \"secondary-navigation\") && (h(\"nav\", { key: '2f53e21f14b1b2bac7984a39a372004eae05532d', class: \"secondary-navigation\", \"aria-labelledby\": \"secondary-navigation-landmark\" }, h(\"span\", { key: '892d0c1292c15c558ade91896d610ed75714d3f4', \"aria-hidden\": \"true\", class: \"navigation-landmark-title\", id: \"secondary-navigation-landmark\" }, \"Secondary\"), h(\"ul\", { key: '795f0ba505bb550fe9b61a39e2f7020d03d9dbba', class: \"navigation-list\" }, h(\"slot\", { key: 'ebdd3da64163638ddf46509f56627de51ac17825', name: \"secondary-navigation\" })))), h(\"div\", { key: '50ea370bfce079ca1073f8ef676879141a4dc00c', class: \"bottom-side-nav\" }, this.hasSecondaryNavigation && h(\"ic-divider\", { key: '3897e3e6deac28eb1656a753b438def9e3d6ee75' }), displayExpandBtn && (h(\"button\", { key: '8ccbcb422d4c753b5490d6ef83798540626936da', class: \"menu-expand-button\", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), \"aria-label\": `${menuExpanded ? \"Collapse\" : \"Expand\"} side navigation` })), h(\"div\", { key: '200fc21381180858eab9e3d7ead4b426c9ae4b6d', class: \"app-status-wrapper\" }, status && (h(\"div\", { key: '2642ffbf3a021736cacfb9653a265e003a6cc7f9', class: {\n                [\"app-status\"]: true,\n            } }, h(\"ic-typography\", { key: 'aaa321854c75f56d1d606d4d43f320fa6f9569a4', \"aria-label\": \"app tag\", variant: \"label-uppercase\", class: \"app-status-text\" }, status))), version && (h(\"ic-typography\", { key: '1b53325edb44a3d0466f6fe74d76720b47af6ad6', 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            \"closeOnNavItemClick\": {\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 close when a navigation item is clicked. This behaviour is only applicable on larger device sizes.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"close-on-nav-item-click\",\n                \"reflect\": false,\n                \"defaultValue\": \"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-53dad961.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,f as i,h as r,H as n,g as a,F as e}from"./p-8e4e97b4.js";import{C as c,v as s,r as d,t as u,a2 as l,j as b,I as h,i as m,o as v,a3 as p}from"./p-e519f607.js";import{c as g}from"./p-aae38bee.js";const y=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const f='/*! 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:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-active\n  )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(--ic-button-secondary-background) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-image:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(--ic-button-secondary-background-monochrome)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(--ic-button-secondary-background-monochrome) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background) .button,:host(.ic-button-variant-icon-tertiary.background) .button{background-color:var(--ic-button-tertiary-background)}:host(.ic-button-variant-tertiary.background) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a){background-color:var(--ic-button-tertiary-background) !important}:host(.ic-button-variant-tertiary.background) .button:hover,:host(.ic-button-variant-icon-tertiary.background) .button:hover{background-image:var(--ic-button-tertiary-background-non-transparent-hover)}:host(.ic-button-variant-tertiary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-tertiary.background) .button:active,:host(.ic-button-variant-icon-tertiary.background) .button:active{background-image:var(--ic-button-tertiary-background-non-transparent-active)}:host(.ic-button-variant-tertiary.background) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background.monochrome) .button,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button{background-color:var(--ic-button-tertiary-background-monochrome)}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a){background-color:var(--ic-button-tertiary-background-monochrome) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:active{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs);color:var(--ic-button-primary-icon)}:host(.ic-button-variant-icon-primary.monochrome) .button,:host(.ic-button-variant-primary.monochrome:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon-monochrome)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}.loading-indicator-icon-button{--circular-diameter:var(--ic-space-md)}:host(.ic-button-size-small) .loading-indicator-icon-button{--circular-diameter:calc(var(--ic-space-sm) + var(--ic-space-xxxs))}:host(.ic-button-size-large) .loading-indicator-icon-button{--circular-diameter:calc(var(--ic-space-sm) + var(--ic-space-xs))}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus,:host(.clock-button) .button:focus{box-shadow:none}:host(.clear-button) .button,:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:hover,:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name="router-item"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-dark-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-dark-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover-dark\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed-dark\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-dark\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-pressed-dark\n  )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-light-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-light-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-light\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-default\n  )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:currentcolor !important}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';const k=f;var x=undefined&&undefined.__rest||function(t,o){var i={};for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0)i[r]=t[r];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var n=0,r=Object.getOwnPropertySymbols(t);n<r.length;n++){if(o.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n]))i[r[n]]=t[r[n]]}return i};let w=0;const z=class{constructor(r){t(this,r);this.icBlur=o(this,"icBlur",7);this.icFileSelection=o(this,"icFileSelection",7);this.icFocus=o(this,"icFocus",7);this.buttonIdNum=w++;this.hasTooltip=false;this.inheritedAttributes={};this.describedbyEl=null;this.mutationObserver=null;this.hostMutationObserver=null;this.ariaLabel="";this.title="";this.accept="*";this.disabled=false;this.disableTooltip=false;this.download=false;this.dropdown=false;this.dropdownExpanded=false;this.fileUpload=false;this.fileInputName=`ic-button-file-upload-input-${w++}`;this.fullWidth=false;this.loading=false;this.monochrome=false;this.multiple=false;this.size="medium";this.theme="inherit";this.tooltipFixedPositioning=false;this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary";this.getSlottedIcon=t=>this.el.querySelector(`[slot="${t}-icon"]`);this.handleClick=()=>{if((this.el.type==="submit"||this.el.type==="reset")&&!this.hasRouterSlot()&&(this.form||!!this.el.closest("FORM"))){const t=this.form?document.querySelector(`form[id=${this.form}]`):this.el.closest("FORM");c(t,this.el)}};this.handleKeyDown=t=>{if(t.key==="Escape"&&this.hasTooltip){this.closeButtonTooltip(t)}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.updateAriaDescribedbyClone=()=>{var t,o;if(this.describedbyNode){const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#describedby-wrapper");if(!i){(o=this.el.shadowRoot)===null||o===void 0?void 0:o.appendChild(Object.assign(document.createElement("div"),{id:"describedby-wrapper",className:"ic-button-describedby"}))}while(i===null||i===void 0?void 0:i.firstChild)i.firstChild.remove();i===null||i===void 0?void 0:i.appendChild(this.describedbyNode)}};this.mutationCallback=()=>{var t;if(this.describedbyEl)this.describedbyNode=(t=this.describedbyEl)===null||t===void 0?void 0:t.cloneNode(true)};this.hostMutationCallback=t=>{let o=false;t.forEach((({attributeName:t})=>{if(t){const i=this.el.getAttribute(t);if(i){if(t==="title")this.title=i;else if(t==="aria-label")this.ariaLabel=i;if(s.includes(t)){this.inheritedAttributes[t]=i;o=true}}}}));if(o){i(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title||!!this.isIconVariant())};this.isIconVariant=()=>this.variant.startsWith("icon");this.arrangeRouterItem=()=>{var t;const o=(t,o)=>{Object.entries(o).forEach((([o,i])=>{t.style.setProperty(o,i)}))};if(this.routerSlot){const i=document.createElement("ic-typography");o(i,{"font-family":"var(--ic-font-body-family)","font-size":"0.875rem","font-weight":"600"});o(this.routerSlot,{gap:"0"});const r=this.routerSlot.querySelector("svg");const n=r===null||r===void 0?void 0:r.getAttribute("slot");const a=document.createElement("div");if(r){o(r,{fill:"currentcolor"});if(n==="top-icon"){o(this.routerSlot,{display:"flex","flex-direction":"column","--height":"fit-content"})}else if(n){const t=n==="left-icon"?"right":"left";o(a,{[`margin-${t}`]:"var(--ic-space-xs)"})}a.append(r)}const e=this.routerSlot.querySelector("ic-badge");const c=(t=this.routerSlot.textContent)===null||t===void 0?void 0:t.trim();if(e)a.append(e);if(c)i.textContent=c;this.routerSlot.textContent="";if(n==="right-icon"){this.routerSlot.append(i);this.routerSlot.append(a)}else{this.routerSlot.append(a);this.routerSlot.append(i)}}}}watchDescribedbyNodeHandler(){this.updateAriaDescribedbyClone()}watchDisabledHandler(){d(this.disabled,this.el)}watchVariantHandler(t){if(t==="icon")this.variant="icon-tertiary"}disconnectedCallback(){var t,o;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(o=this.hostMutationObserver)===null||o===void 0?void 0:o.disconnect()}componentWillUpdate(){if(this.loading){this.el.style.setProperty("--min-width",`${this.el.getBoundingClientRect().width}px`)}this.setHasTooltip()}componentWillLoad(){const t=u(this.el,[...s,"title"]),{title:o,"aria-label":i}=t,r=x(t,["title","aria-label"]);this.title=o;this.ariaLabel=i;this.inheritedAttributes=r;d(this.disabled,this.el);this.el.setAttribute("exportparts","button");this.id=this.el.id||null;this.setHasTooltip();if(!this.hasTooltip){const t=this.inheritedAttributes["aria-describedby"];if(t){this.describedById=t;const o=document.querySelector(`#${t}`);if(o){this.describedbyEl=o;this.describedbyNode=o.cloneNode(true)}}}if(this.variant==="icon"){this.variant="icon-tertiary"}}componentDidLoad(){this.updateTheme();if(typeof MutationObserver!=="undefined"){if(this.describedbyEl&&this.describedById){this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(this.describedbyEl,{characterData:true,childList:true,subtree:true})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true});if(this.hasRouterSlot())this.arrangeRouterItem()}this.updateAriaDescribedbyClone()}componentWillRender(){const t=this.getSlottedIcon("left")||this.getSlottedIcon("right");t===null||t===void 0?void 0:t.setAttribute("viewBox","0 0 24 24")}handleHostClick(t){if(!this.hasRouterSlot()){if(this.fileUpload){l(this.icFileSelection,this.el,!!this.multiple,!!this.disabled,this.accept,this.fileInputName,this.selectedFiles)}if(this.disabled||this.loading){t.stopImmediatePropagation()}if(this.dropdown){this.dropdownExpanded=!this.dropdownExpanded}}}brandChangeHandler({detail:t}){this.updateTheme(t.mode)}async setFocus(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.focus()}async closeButtonTooltip(t){var o;const i=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector("ic-tooltip");if(i&&await i.isTooltipVisible()){i.displayTooltip(false);t.preventDefault();t.stopImmediatePropagation()}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}updateTheme(t=null){const o=b(this.el,t);if(o!==h.Default){this.theme=o===h.Light?h.Dark:h.Light;this.monochrome=true}}render(){const{ariaControlsId:t,ariaLabel:o,ariaOwnsId:i,buttonIdNum:a,describedById:c,disabled:s,download:d,dropdown:u,dropdownExpanded:l,form:b,formaction:h,formenctype:v,formmethod:p,formnovalidate:g,formtarget:f,fullWidth:k,handleClick:x,handleKeyDown:w,hasTooltip:z,href:$,hreflang:j,id:L,inheritedAttributes:H,isIconVariant:D,loading:T,monochrome:C,onBlur:O,onFocus:I,referrerpolicy:B,rel:M,size:P,target:F,theme:q,title:N,tooltipFixedPositioning:E,tooltipPlacement:W,transparentBackground:R,type:S,variant:V}=this;const _=$?"a":"button";const A=_==="button"?{type:S,disabled:s,form:b,formaction:h,formenctype:v,formmethod:p,formnovalidate:g,formtarget:f}:{download:d!==false?d:null,href:$,rel:M,target:F,referrerpolicy:B,hreflang:j};const X=z?`ic-button-with-tooltip-${L||a}`:undefined;const K=!z?c:`ic-tooltip-${X}`;const G=!!this.getSlottedIcon("left");const U=!!this.getSlottedIcon("right");const Z=()=>this.hasRouterSlot()?r("slot",{name:"router-item"}):r(_,Object.assign({class:"button",tabindex:0,"aria-disabled":T||s?"true":null,"aria-label":T?"Loading":o,"aria-expanded":u&&`${l}`},A,H,{onFocus:I,onBlur:O,ref:t=>this.buttonEl=t,"aria-describedby":K,part:"button"}),T?r("div",{class:"loading-container"},r("ic-loading-indicator",{type:D()?"circular":"linear",class:{"loading-indicator-icon-button":D()},monochrome:C,theme:q})):r(e,null,(G||!!this.getSlottedIcon("top")&&!U)&&r("div",{class:"icon-container"},r("slot",{name:`${G?"left":"top"}-icon`})),r("slot",null),!u?U&&r("div",{class:{"icon-container":true,"right-icon":true}},r("slot",{name:"right-icon"})):V!=="icon"&&V!=="destructive"&&r("span",{class:l?"dropdown-expanded":"arrow-dropdown",innerHTML:y})));return r(n,{key:"742d4ee3daabdb12a7ef9f30803ed01a49414849",class:{"ic-button-disabled":s&&!T,"ic-button-full-width":k,"ic-button-loading":T,[`ic-button-size-${P}`]:true,[`ic-button-variant-${V}`]:true,[`ic-theme-${q}`]:q!=="inherit",background:(V==="secondary"||V==="tertiary")&&!R&&!s,"dropdown-no-icon":u&&!m(this.el,"icon")&&!m(this.el,"left-icon"),monochrome:C,"top-icon":m(this.el,"top-icon"),"with-badge":m(this.el,"badge")},onClick:x,onKeyDown:w,"aria-owns":i,"aria-controls":t,"aria-expanded":u&&`${l}`},z&&r("ic-tooltip",{key:"6526412bc27a6725714bc73f671e76d8cf30d28e",id:K,label:N||o,target:X,placement:W,fixedPositioning:E,silent:D()&&!!o},r(Z,{key:"f7df2578a6539a40373d599788d1097e2bcaa5a5"})),m(this.el,"badge")&&r("slot",{key:"b790a201f342345bafe97cfd19bd53d7ffd1811c",name:"badge"}),!z&&r(Z,{key:"fa2a22102dbd45b0c4c02a7608fc913bc50f641d"}))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{describedbyNode:["watchDescribedbyNodeHandler"],disabled:["watchDisabledHandler"],variant:["watchVariantHandler"]}}};z.style=k;const $='/*! 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;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host(.ic-loading-indicator-size-small){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host(.ic-loading-indicator-size-medium){--circular-diameter:5rem}:host(.ic-loading-indicator-size-large){--circular-diameter:7.5rem}:host(.ic-loading-indicator-size-icon){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-circular-outer[aria-valuenow="0"] .ic-loading-circular-inner,.ic-loading-linear-outer[aria-valuenow="0"] .ic-loading-linear-inner{--inner-color:var(--outer-color)}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}.inner-label{height:100%;display:grid}.inner-label .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const j=$;const L={large:120,medium:80,small:40,icon:20};const H=class{constructor(o){t(this,o);this.labelList=[];this.circularDiameter=0;this.circularLineWidth=0;this.circularDimensions={x:0,y:0,r:0};this.clipInnerElement=false;this.internalType="circular";this.description="Loading";this.fullWidth=false;this.labelDuration=8e3;this.max=100;this.min=0;this.monochrome=false;this.size="medium";this.theme="inherit";this.type="circular";this.getLabel=t=>new Promise((()=>{this.interval=setInterval((()=>{if(t<this.labelList.length-1){t++}else{t=0}this.indicatorLabel=this.labelList[t]}),this.labelDuration)}));this.getLabelVariant=()=>{const t=this.internalType==="circular"?this.calculateWidth():0;if(this.size==="small"||t&&t<60){return"label"}else if(this.size==="large"||t>=120){return"h2"}return"h4"};this.calculateWidth=()=>{var t,o,i;if((t=this.outerElement)===null||t===void 0?void 0:t.offsetWidth)return this.outerElement.offsetWidth;if(this.outerElement){const{width:t}=window.getComputedStyle(this.outerElement);if(t){if(((o=t.match(/\D+$/))===null||o===void 0?void 0:o[0])!=="%")return parseFloat(t);const r=(i=this.outerElement.parentElement)===null||i===void 0?void 0:i.offsetWidth;if(r)return r*(parseFloat(t)/100)}}return L[this.size]};this.calculateProportion=t=>{const o=Math.min(this.max,Math.max(this.min,t));return(o-this.min)/(this.max-this.min)};this.setLinearDeterminateWidth=()=>{if(!this.innerElement||!this.progress)return;const t=this.calculateProportion(this.progress);this.clipInnerElement=t>.5;if(this.clipInnerElement){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${t*100}%`)};this.setInternalType=()=>{this.internalType=this.type;if(this.type=="linear"){this.internalType=this.size=="icon"?"circular":"linear"}};this.updateLabel=()=>{if(!this.label)return;if(typeof this.label==="string"){this.indicatorLabel=this.label}else{this.labelList=this.label;this.indicatorLabel=this.labelList[0];if(this.labelList.length>1){this.getLabel(0)}}};this.setCircleDimensions=()=>{if(this.circularDiameter<=0)return;const t=this.circularDiameter/2;const o=t-this.circularLineWidth/2;const i=2*Math.PI*o;this.circularDimensions={x:t,y:t,r:o,dashArray:`${i}px`,dashOffset:this.progress?`${(-1-this.calculateProportion(this.progress))*i}px`:undefined}}}watchPropHandler(){this.updateLabel()}handleProgressChange(){if(this.internalType==="linear"){this.setLinearDeterminateWidth()}else{this.setCircleDimensions()}}handleIconSize(){this.setIndicatorDimensions()}setIndicatorDimensions(){this.setInternalType();if(this.internalType==="circular"){const t=this.calculateWidth();if(this.outerElement&&t!==this.circularDiameter){this.circularLineWidth=t*.1;this.circularDiameter=t;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}this.setCircleDimensions()}else{this.setLinearDeterminateWidth()}}disconnectedCallback(){clearInterval(this.interval)}componentWillLoad(){this.updateLabel();this.el.setAttribute("exportparts","ic-loading-container")}componentDidLoad(){this.setIndicatorDimensions()}render(){const{circularDiameter:t,circularDimensions:{x:o,y:i,r:a,dashArray:e,dashOffset:c},description:s,fullWidth:d,indicatorLabel:u,innerLabel:l,internalType:b,label:h,max:m,min:v,monochrome:p,progress:g,size:y,theme:f}=this;return r(n,{key:"576bca57e7314a41e887f7f1e258b14563560c46",class:{[`ic-theme-${f}`]:f!=="inherit","ic-loading-indicator-full-width":d,"ic-loading-indicator-label":!!h,"ic-loading-indicator-monochrome":p,[`ic-loading-indicator-size-${y}`]:true}},r("div",{key:"16ff356ffed07fe8136691d8e0753845c2430238",class:"ic-loading-container",part:"ic-loading-container"},r("div",{key:"5124f9e43b1c0495f1e5d954c289877475a523b3",ref:t=>this.outerElement=t,class:{[`ic-loading-${b}-outer`]:true,[g===undefined?"indeterminate":"determinate"]:true},role:"progressbar","aria-labelledby":h&&y!=="icon"&&"ic-loading-label","aria-label":s,"aria-valuenow":g,"aria-valuemin":v,"aria-valuemax":m},r("div",{key:"c9cf5cacd62bbbe1373aac4d91ac81eea4020377",ref:t=>this.innerElement=t,class:{[`ic-loading-${b}-inner`]:true,"inner-label":!!l}},l&&y==="small"&&r("ic-typography",{key:"5c5f7a6a38f6b390d60461c245a37117e551f644",variant:"subtitle-small",class:"inner-text"},l),b==="circular"&&r("svg",{key:"3a6199bb2179195850d1fc96129f80073df3b987",class:"ic-loading-circular-svg",viewBox:`0 0 ${t} ${t}`},r("circle",{key:"7a449a4379039d1e07e33aa01259e503b3b5390f",cx:o,cy:i,r:a}),r("circle",{key:"0307da67d66732d95653e87c56e10568eaf60623",style:{"--circular-steps-max":g?`${m}`:undefined,"--progress-value":g!==undefined?`${g}`:undefined,"--stroke-dasharray":e,"--stroke-dashoffset":c},cx:o,cy:i,r:a})))),h&&y!=="icon"&&r("ic-typography",{key:"f24cde659281c195321e185fe95f8afc1c655ad9",id:"ic-loading-label",class:"ic-loading-label",role:"alert",variant:this.getLabelVariant()},r("p",{key:"17d96b5a351f90e17e939b37478e9da2d089857c"},u))))}get el(){return a(this)}static get watchers(){return{label:["watchPropHandler"],max:["handleProgressChange"],min:["handleProgressChange"],progress:["handleProgressChange"],size:["handleIconSize"],type:["setIndicatorDimensions"]}}};H.style=j;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-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:"";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip-on-dialog){display:inline-block}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}';const T=D;const C=class{constructor(o){t(this,o);this.delayedHideEvents=["mouseleave"];this.instantHideEvents=["focusout"];this.mouseOverTool=false;this.persistTooltip=false;this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.disableClick=false;this.disableHover=false;this.fixedPositioning=false;this.placement="bottom";this.silent=false;this.theme="inherit";this.popperProps={};this.show=()=>{if(this.label){this.toolTip.setAttribute("data-show","");if(this.dialogContentArea){this.el.classList.add("ic-tooltip-on-dialog")}this.popperInstance=g(this.el,this.toolTip,Object.assign({strategy:this.fixedPositioning?"fixed":"absolute",placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}},{name:"eventListeners",options:{scroll:false,resize:false}},...this.dialogContentArea?[{name:"preventOverflow",options:{boundary:this.dialogContentArea,padding:8}},{name:"flip",options:{boundary:this.dialogContentArea}}]:[]]},this.popperProps))}else{console.warn(`Tooltip can't display without prop 'label' set`)}};this.hide=()=>{if(this.toolTip!==undefined){this.toolTip.removeAttribute("data-show");this.persistTooltip=false}if(this.popperInstance!==undefined){this.popperInstance.destroy()}};this.checkCloseTooltip=()=>{setTimeout((()=>{if(!this.mouseOverTool&&!this.persistTooltip){this.hide()}}),100)};this.mouseEnterTooltip=()=>{this.mouseOverTool=true};this.mouseLeaveTooltip=()=>{this.mouseOverTool=false;this.checkCloseTooltip()};this.handleKeyDown=t=>{if(t.key==="Escape"&&!this.persistTooltip){this.hide()}};this.manageEventListeners=t=>{const o=t==="add"?"addEventListener":"removeEventListener";this.showEvents.forEach((t=>{if(t){this.el[o](t,this.show);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseEnterTooltip)}}}));if(!this.persistTooltip){this.instantHideEvents.forEach((t=>{this.el[o](t,this.hide)}))}this.delayedHideEvents.forEach((t=>{this.el[o](t,this.checkCloseTooltip);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseLeaveTooltip)}}));document[o]("keydown",this.handleKeyDown)};this.updateTooltipEvents=()=>{this.manageEventListeners("remove");this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.manageEventListeners("add")}}watchDisableClickHandler(){if(this.disableClick){this.hide()}this.updateTooltipEvents()}watchDisableHoverHandler(){if(this.disableHover){this.hide()}this.updateTooltipEvents()}watchLabelHandler(){var t;if(((t=this.toolTip)===null||t===void 0?void 0:t.hasAttribute("data-show"))&&this.popperInstance){this.popperInstance.update()}}async setExternalPopperProps(t){this.popperProps=t}disconnectedCallback(){this.manageEventListeners("remove");if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){var t,o;this.manageEventListeners("add");let i;if(this.el.getRootNode().host){i=this.el.getRootNode().host.closest("ic-dialog")}else{i=this.el.closest("ic-dialog")}this.dialogContentArea=(o=(t=i===null||i===void 0?void 0:i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".content-area"))!==null&&o!==void 0?o:null;v([{prop:this.label,propName:"label"}],"Tooltip")}componentDidRender(){var t;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".ic-tooltip-container > ic-typography");this.maxLines&&this.maxLines>0&&(o===null||o===void 0?void 0:o.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`))}async displayTooltip(t,o){this.persistTooltip=!!o;t?this.show():this.hide()}async isTooltipVisible(){return Promise.resolve(this.toolTip.hasAttribute("data-show"))}render(){const{label:t,maxLines:o,silent:i,theme:a}=this;return r(n,{key:"c016954601c1f2ee45f8b64f396c405676fffadd",class:{"ic-tooltip":true,[`ic-theme-${a}`]:a!=="inherit"},"aria-label":p&&t},r("div",{key:"e18915501176e9a36ab957a20968cc82f9c95403",ref:t=>this.toolTip=t,role:"tooltip",class:"ic-tooltip-container","aria-hidden":`${i}`},r("ic-typography",{key:"50f11ad42d55d9c7598176d6169a3c82b5939b71",maxLines:o,variant:"caption"},t),r("div",{key:"47a01a05045f34a62e2c1724b60ce7f26ab7a086",ref:t=>this.arrow=t,class:"ic-tooltip-arrow"})),r("slot",{key:"0b850d553a3b7fd97776c419d76517a33e442d97"}))}get el(){return a(this)}static get watchers(){return{disableClick:["watchDisableClickHandler"],disableHover:["watchDisableHoverHandler"],label:["watchLabelHandler"]}}};C.style=T;export{z as ic_button,H as ic_loading_indicator,C as ic_tooltip};
-//# sourceMappingURL=p-53dad961.entry.js.map