@ukic/canary-web-components 3.0.0-canary.1 → 3.0.0-canary.11

package/dist/core/p-64101c64.entry.js

@@ -0,0 +1,2 @@
+import{r as t,f as e,h as i,H as n,g as o}from"./p-8455d1bb.js";import{g as a,w as s,b as r,i as l,x as d,I as c}from"./p-70616efa.js";const u='/*! 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;margin-right:var(--ic-space-xs);list-style:none}:host(.in-side-menu){margin-right:0}:host::part(button){height:100%;min-height:2.5rem}:host(.in-side-menu) ::part(button){color:var(--ic-top-navigation-icon-active)}:host(.in-side-menu) ::part(button):hover{color:var(--ic-top-navigation-icon-hover);background-color:var(--ic-top-navigation-icon-hover-background)}:host(.in-side-menu) ::part(button):active{color:var(--ic-top-navigation-icon-pressed);background-color:var(--ic-top-navigation-icon-pressed-background)}:host(.in-side-menu) ::slotted(ic-badge){margin-left:var(--ic-space-xs)}';const h=[...d,"title"];const b=class{constructor(i){t(this,i);this.inheritedAttributes={};this.hostMutationObserver=null;this.hostMutationCallback=t=>{let i=false;t.forEach((({attributeName:t})=>{if(h.includes(t)){this.inheritedAttributes[t]=this.el.getAttribute(t);i=true}}));if(i){e(this)}};this.initialAppearance=a();this.mode="navbar";this.download=false;this.href=undefined;this.hreflang=undefined;this.label=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.target=undefined;this.theme="inherit"}componentWillLoad(){this.inheritedAttributes=s(this.el,h)}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Navigation Button");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentWillRender(){const t=this.el.querySelector(`[slot="icon"]`);t!==null&&t.setAttribute("viewBox","0 0 24 24")}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}navBarMenuOpenHandler(){this.mode="menu"}navBarMenuCloseHandler(){this.mode="navbar"}brandChangeHandler(t){this.initialAppearance=t.detail.mode}async setFocus(){if(this.buttonEl){this.buttonEl.focus()}}render(){const{href:t,target:e,rel:o,download:s,referrerpolicy:r}=this;let d="";let u="";let h="icon";let b=this.initialAppearance;let p="large";let m=false;let g=false;if(this.mode==="menu"){d=this.label;h="tertiary";b=c.Default;p="medium";m=true;u="popout-menu-button";g=true}const f={variant:h,appearance:b,size:p,href:t,target:e,rel:o,download:s,referrerpolicy:r,fullWidth:m,disableTooltip:g};return i(n,{class:{["in-side-menu"]:this.mode==="menu",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("ic-button",Object.assign({class:u,"aria-label":h=="icon"?this.label:null,ref:t=>this.buttonEl=t},f,this.inheritedAttributes,{monochrome:this.mode!=="menu",theme:a()=="light"?"light":"dark"}),d,i("slot",{slot:"left-icon",name:"icon"}),l(this.el,"badge")&&i("slot",{name:"badge"})))}static get delegatesFocus(){return true}get el(){return o(this)}};b.style=u;export{b as ic_navigation_button};
+//# sourceMappingURL=p-64101c64.entry.js.map

package/dist/core/p-64101c64.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icNavigationButtonCss","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","NavigationButton","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","includes","el","getAttribute","forceUpdate","initialAppearance","getBrandForegroundAppearance","mode","download","href","undefined","hreflang","label","referrerpolicy","rel","target","theme","componentWillLoad","inheritAttributes","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","MutationObserver","observe","attributes","componentWillRender","iconEl","querySelector","setAttribute","disconnectedCallback","_a","disconnect","navBarMenuOpenHandler","navBarMenuCloseHandler","brandChangeHandler","ev","detail","setFocus","buttonEl","focus","render","className","variant","appearance","size","fullWidth","disableTooltip","IcBrandForegroundEnum","Default","buttonProps","h","Host","class","Object","assign","ref","monochrome","slot","name","isSlotUsed","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-navigation-button/ic-navigation-button.css?tag=ic-navigation-button&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-button/ic-navigation-button.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  margin-right: var(--ic-space-xs);\n  list-style: none;\n}\n\n:host(.in-side-menu) {\n  margin-right: 0;\n}\n\n:host::part(button) {\n  height: 100%;\n  min-height: 2.5rem;\n}\n\n:host(.in-side-menu) ::part(button) {\n  color: var(--ic-top-navigation-icon-active);\n}\n\n:host(.in-side-menu) ::part(button):hover {\n  color: var(--ic-top-navigation-icon-hover);\n  background-color: var(--ic-top-navigation-icon-hover-background);\n}\n\n:host(.in-side-menu) ::part(button):active {\n  color: var(--ic-top-navigation-icon-pressed);\n  background-color: var(--ic-top-navigation-icon-pressed-background);\n}\n\n:host(.in-side-menu) ::slotted(ic-badge) {\n  margin-left: var(--ic-space-xs);\n}\n","import { Host, h, forceUpdate, } from \"@stencil/core\";\nimport { getBrandForegroundAppearance, inheritAttributes, onComponentRequiredPropUndefined, isSlotUsed, } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n/**\n * @slot icon - Content will be placed to the left of the button label.\n * @slot badge - Badge component overlaying the top right of the button.\n */\nexport class NavigationButton {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.hostMutationObserver = null;\n        // triggered when attributes of host element change\n        this.hostMutationCallback = (mutationList) => {\n            let forceComponentUpdate = false;\n            mutationList.forEach(({ attributeName }) => {\n                if (MUTABLE_ATTRIBUTES.includes(attributeName)) {\n                    this.inheritedAttributes[attributeName] =\n                        this.el.getAttribute(attributeName);\n                    forceComponentUpdate = true;\n                }\n            });\n            if (forceComponentUpdate) {\n                forceUpdate(this);\n            }\n        };\n        this.initialAppearance = getBrandForegroundAppearance();\n        this.mode = \"navbar\";\n        this.download = false;\n        this.href = undefined;\n        this.hreflang = undefined;\n        this.label = undefined;\n        this.referrerpolicy = undefined;\n        this.rel = undefined;\n        this.target = undefined;\n        this.theme = \"inherit\";\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Navigation Button\");\n        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n        this.hostMutationObserver.observe(this.el, {\n            attributes: true,\n        });\n    }\n    componentWillRender() {\n        const iconEl = this.el.querySelector(`[slot=\"icon\"]`);\n        iconEl !== null && iconEl.setAttribute(\"viewBox\", \"0 0 24 24\");\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    navBarMenuOpenHandler() {\n        this.mode = \"menu\";\n    }\n    navBarMenuCloseHandler() {\n        this.mode = \"navbar\";\n    }\n    brandChangeHandler(ev) {\n        this.initialAppearance = ev.detail.mode;\n    }\n    /**\n     * Sets focus on the native `button`.\n     */\n    async setFocus() {\n        if (this.buttonEl) {\n            this.buttonEl.focus();\n        }\n    }\n    render() {\n        const { href, target, rel, download, referrerpolicy } = this;\n        let label = \"\";\n        let className = \"\";\n        let variant = \"icon\";\n        let appearance = this.initialAppearance;\n        let size = \"large\";\n        let fullWidth = false;\n        let disableTooltip = false;\n        if (this.mode === \"menu\") {\n            label = this.label;\n            variant = \"tertiary\";\n            appearance = IcBrandForegroundEnum.Default;\n            size = \"medium\";\n            fullWidth = true;\n            className = \"popout-menu-button\";\n            disableTooltip = true;\n        }\n        const buttonProps = {\n            variant,\n            appearance,\n            size,\n            href,\n            target,\n            rel,\n            download,\n            referrerpolicy,\n            fullWidth,\n            disableTooltip,\n        };\n        return (h(Host, { class: {\n                [\"in-side-menu\"]: this.mode === \"menu\",\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, h(\"ic-button\", Object.assign({ class: className, \"aria-label\": variant == \"icon\" ? this.label : null, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes, { monochrome: this.mode !== \"menu\", theme: getBrandForegroundAppearance() == \"light\" ? \"light\" : \"dark\" }), label, h(\"slot\", { slot: \"left-icon\", name: \"icon\" }), isSlotUsed(this.el, \"badge\") && h(\"slot\", { name: \"badge\" }))));\n    }\n    static get is() { return \"ic-navigation-button\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-navigation-button.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-navigation-button.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"download\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | boolean\",\n                    \"resolved\": \"boolean | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user can save the linked URL instead of navigating to it.\"\n                },\n                \"attribute\": \"download\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the link points to. This will render the button as an \\\"a\\\" tag.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"hreflang\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The human language of the linked URL.\"\n                },\n                \"attribute\": \"hreflang\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label info to display.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"referrerpolicy\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ReferrerPolicy\",\n                    \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\"\",\n                    \"references\": {\n                        \"ReferrerPolicy\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::ReferrerPolicy\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How much of the referrer to send when following the link.\"\n                },\n                \"attribute\": \"referrerpolicy\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The relationship of the linked URL as space-separated link types.\"\n                },\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n                },\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"initialAppearance\": {},\n            \"mode\": {}\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the native `button`.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"icNavigationMenuOpened\",\n                \"method\": \"navBarMenuOpenHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icNavigationMenuClosed\",\n                \"method\": \"navBarMenuCloseHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"brandChange\",\n                \"method\": \"brandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-navigation-button.js.map\n"],"mappings":"uIAAA,MAAMA,EAAwB,k8FCI9B,MAAMC,EAAqB,IAAIC,EAAmB,S,MAKrCC,EAAgB,MACzB,WAAAC,CAAAC,G,UACIC,KAAKC,oBAAsB,GAC3BD,KAAKE,qBAAuB,KAE5BF,KAAKG,qBAAwBC,IACzB,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACpB,GAAIZ,EAAmBa,SAASD,GAAgB,CAC5CP,KAAKC,oBAAoBM,GACrBP,KAAKS,GAAGC,aAAaH,GACzBF,EAAuB,I,KAG/B,GAAIA,EAAsB,CACtBM,EAAYX,K,GAGpBA,KAAKY,kBAAoBC,IACzBb,KAAKc,KAAO,SACZd,KAAKe,SAAW,MAChBf,KAAKgB,KAAOC,UACZjB,KAAKkB,SAAWD,UAChBjB,KAAKmB,MAAQF,UACbjB,KAAKoB,eAAiBH,UACtBjB,KAAKqB,IAAMJ,UACXjB,KAAKsB,OAASL,UACdjB,KAAKuB,MAAQ,S,CAEjB,iBAAAC,GACIxB,KAAKC,oBAAsBwB,EAAkBzB,KAAKS,GAAId,E,CAE1D,gBAAA+B,GACIC,EAAiC,CAAC,CAAEC,KAAM5B,KAAKmB,MAAOU,SAAU,UAAY,qBAC5E7B,KAAKE,qBAAuB,IAAI4B,iBAAiB9B,KAAKG,sBACtDH,KAAKE,qBAAqB6B,QAAQ/B,KAAKS,GAAI,CACvCuB,WAAY,M,CAGpB,mBAAAC,GACI,MAAMC,EAASlC,KAAKS,GAAG0B,cAAc,iBACrCD,IAAW,MAAQA,EAAOE,aAAa,UAAW,Y,CAEtD,oBAAAC,GACI,IAAIC,GACHA,EAAKtC,KAAKE,wBAA0B,MAAQoC,SAAY,OAAS,EAAIA,EAAGC,Y,CAE7E,qBAAAC,GACIxC,KAAKc,KAAO,M,CAEhB,sBAAA2B,GACIzC,KAAKc,KAAO,Q,CAEhB,kBAAA4B,CAAmBC,GACf3C,KAAKY,kBAAoB+B,EAAGC,OAAO9B,I,CAKvC,cAAM+B,GACF,GAAI7C,KAAK8C,SAAU,CACf9C,KAAK8C,SAASC,O,EAGtB,MAAAC,GACI,MAAMhC,KAAEA,EAAIM,OAAEA,EAAMD,IAAEA,EAAGN,SAAEA,EAAQK,eAAEA,GAAmBpB,KACxD,IAAImB,EAAQ,GACZ,IAAI8B,EAAY,GAChB,IAAIC,EAAU,OACd,IAAIC,EAAanD,KAAKY,kBACtB,IAAIwC,EAAO,QACX,IAAIC,EAAY,MAChB,IAAIC,EAAiB,MACrB,GAAItD,KAAKc,OAAS,OAAQ,CACtBK,EAAQnB,KAAKmB,MACb+B,EAAU,WACVC,EAAaI,EAAsBC,QACnCJ,EAAO,SACPC,EAAY,KACZJ,EAAY,qBACZK,EAAiB,I,CAErB,MAAMG,EAAc,CAChBP,UACAC,aACAC,OACApC,OACAM,SACAD,MACAN,WACAK,iBACAiC,YACAC,kBAEJ,OAAQI,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,gBAAiB5D,KAAKc,OAAS,OAChC,CAAC,YAAYd,KAAKuB,SAAUvB,KAAKuB,QAAU,YAC1CmC,EAAE,YAAaG,OAAOC,OAAO,CAAEF,MAAOX,EAAW,aAAcC,GAAW,OAASlD,KAAKmB,MAAQ,KAAM4C,IAAMtD,GAAQT,KAAK8C,SAAWrC,GAAOgD,EAAazD,KAAKC,oBAAqB,CAAE+D,WAAYhE,KAAKc,OAAS,OAAQS,MAAOV,KAAkC,QAAU,QAAU,SAAWM,EAAOuC,EAAE,OAAQ,CAAEO,KAAM,YAAaC,KAAM,SAAWC,EAAWnE,KAAKS,GAAI,UAAYiD,EAAE,OAAQ,CAAEQ,KAAM,W,CAIpZ,yBAAWE,GAAmB,OAAO,IAAK,C"}

package/dist/core/p-70616efa.js

@@ -0,0 +1,2 @@
+import{f as n}from"./p-8455d1bb.js";var t;(function(n){n["Warning"]="warning";n["Error"]="error";n["Success"]="success"})(t||(t={}));var e;(function(n){n["Default"]="default";n["Dark"]="dark";n["Light"]="light"})(e||(e={}));const i=`<svg aria-labelledby="error-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title id="error-title">Error</title>\n    <g id="close-octagon">\n        <path id="Vector" d="M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" />\n    </g>\n</svg>\n`;const a=`<svg aria-labelledby="info-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title id="info-title">For your information</title>\n    <g id="info">\n        <path id="Vector" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM13 9H11V7H13V9Z" />\n    </g>\n</svg>\n`;const r=`<svg aria-labelledby="neutral-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n<title id="neutral-title">Neutral</title>\n    <g id="Icon">\n        <path id="Vector" d="M19.5 3H5.5C4.4 3 3.5 3.9 3.5 5V19C3.5 20.1 4.4 21 5.5 21H19.5C20.6 21 21.5 20.1 21.5 19V5C21.5 3.9 20.6 3 19.5 3ZM12.51 18C11.81 18 11.25 17.44 11.25 16.74C11.25 16.03 11.81 15.49 12.51 15.49C13.22 15.49 13.76 16.03 13.76 16.74C13.75 17.43 13.22 18 12.51 18ZM15.52 10.6C14.76 11.71 14.04 12.06 13.65 12.77C13.55 12.95 13.49 13.09 13.46 13.4C13.41 13.85 13.01 14.18 12.56 14.18H12.5C11.98 14.18 11.57 13.74 11.62 13.22C11.65 12.88 11.73 12.53 11.92 12.19C12.41 11.32 13.34 10.8 13.88 10.03C14.45 9.22 14.13 7.7 12.51 7.7C11.8 7.7 11.33 8.06 11.04 8.49C10.79 8.85 10.35 9.02 9.94 8.85C9.41 8.64 9.22 8 9.54 7.54C10.15 6.65 11.17 6 12.49 6C13.97 6 14.98 6.67 15.5 7.52C15.94 8.24 16.2 9.59 15.52 10.6Z" />\n    </g>\n</svg>\n`;const o=`<svg aria-labelledby="success-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title id="success-title">Success</title>\n    <g id="check_circle">\n        <path id="Vector" d="M12.5 2C6.98 2 2.5 6.48 2.5 12C2.5 17.52 6.98 22 12.5 22C18.02 22 22.5 17.52 22.5 12C22.5 6.48 18.02 2 12.5 2ZM9.79 16.29L6.2 12.7C5.81 12.31 5.81 11.68 6.2 11.29C6.59 10.9 7.22 10.9 7.61 11.29L10.5 14.17L17.38 7.29C17.77 6.9 18.4 6.9 18.79 7.29C19.18 7.68 19.18 8.31 18.79 8.7L11.2 16.29C10.82 16.68 10.18 16.68 9.79 16.29Z" />\n    </g>\n</svg>\n`;const s=`<svg aria-labelledby="warning-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title id="warning-title">Warning</title>\n    <g id="warning">\n        <path id="Vector" d="M4.47 20.5037H19.53C21.07 20.5037 22.03 18.8337 21.26 17.5037L13.73 4.49375C12.96 3.16375 11.04 3.16375 10.27 4.49375L2.74 17.5037C1.97 18.8337 2.93 20.5037 4.47 20.5037ZM12 13.5037C11.45 13.5037 11 13.0537 11 12.5037V10.5037C11 9.95375 11.45 9.50375 12 9.50375C12.55 9.50375 13 9.95375 13 10.5037V12.5037C13 13.0537 12.55 13.5037 12 13.5037ZM13 17.5037H11V15.5037H13V17.5037Z" />\n    </g>\n</svg>\n`;const c={neutral:{icon:r,ariaLabel:"Neutral"},info:{icon:a,ariaLabel:"For your information"},warning:{icon:s,ariaLabel:"Warning"},error:{icon:i,ariaLabel:"Error"},success:{icon:o,ariaLabel:"Success"}};const l=["aria-atomic","aria-autocomplete","aria-busy","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-expanded","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-relevant","aria-roledescription"];const d={XS:576,S:768,M:992,L:1200,XL:99999};const u=["ic-hero","ic-top-navigation","ic-footer","ic-side-navigation","ic-alert"];const p=["ic-alert"];const f={"ic-alert":["ic-link","ic-button"]};const v=136.701;const g=130;const b=133.3505;const C="ic-input";const w="input.ic-input";const m=(n,t=[])=>{const e={};t.forEach((t=>{if(n.hasAttribute(t)){const i=n.getAttribute(t);if(i!==null){e[t]=i}n.removeAttribute(t)}}));return e};const y=(n,t)=>{const e=n._original||n;return{_original:n,emit:L(e.emit.bind(e),t)}};const L=(n,t=0)=>{let e;return(...i)=>{clearTimeout(e);e=setTimeout(n,t,...i)}};const h=(n,t,e,i,a)=>{if(e!==undefined&&(n||N(t))){const n=t.querySelectorAll(w);const r=Array.from(n);const o=r.filter((n=>t===n.parentElement));let s=o[0];if(s===null||s===undefined){s=t.ownerDocument.createElement("input");s.type="hidden";s.classList.add(C);t.appendChild(s)}s.disabled=a;s.name=e;if(i instanceof Date){s.value=i?i.toISOString():null}else{s.value=i||""}}};const x=(n,t,e,i,a,r,o)=>{if(i!==undefined&&N(t)){const s=t.querySelectorAll(w);const c=Array.from(s);const l=c.filter((n=>t===n.parentElement));let d=l[0];if(d===null||d===undefined){d=t.ownerDocument.createElement("input");d.classList.add(C);t.appendChild(d)}d.type="file";d.hidden=true;d.multiple=e;d.name=i;d.files=a;d.disabled=r;d.accept=o;d.onchange=()=>{n.emit(d.files)};d.click()}};const M=n=>{const t=n.querySelectorAll("input.ic-input");const e=Array.from(t);const i=e.filter((t=>n===t.parentElement));const a=i[0];a===null||a===void 0?void 0:a.remove()};const N=n=>!!n.shadowRoot&&!!n.attachShadow;const V=n=>n+"-helper-text";const I=n=>n+"-validation-text";const A=(n,t,e)=>`${t?V(n):""} ${e?I(n):""}`.trim();const k=(n,t=null)=>{var i;const a=n.parentElement||n.getRootNode().host.parentElement;const r=a.closest(u.join(","));if(r!==null){const a=r.tagName.toLowerCase();const o=n.tagName.toLowerCase();if((i=f[a])===null||i===void 0?void 0:i.includes(o)){return e.Default}else if(t!==null&&!p.includes(a)){return t}else if(r.classList.contains(`${a}-${e.Dark}`)||r.classList.contains(e.Dark)){return e.Dark}return e.Light}return e.Default};const $=()=>"maxTouchPoints"in navigator&&"userAgent"in navigator?navigator.maxTouchPoints>0&&/iPad|iPhone|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent):false;const T=(n,t)=>{const e=document.createElement("button");e.setAttribute("type",t.type);e.style.display="none";n.appendChild(e);e.click();e.remove()};const Z=n=>n?n.trim().length===0:true;const E=n=>n!==undefined?n:null;const H=(n,t,e="value",i="label")=>{const a=[];if(t.length>0&&t.map){t.map((n=>{if(n.children){n.children.map((n=>a.push(n)))}else{a.push(n)}}));const r=a.find((t=>t[e]===n));if(r!==undefined)return r[i]}return undefined};const O=(n,t,e,i,a="label")=>n.filter((n=>{var r;const o=n[a].toLowerCase();const s=(r=n.description)===null||r===void 0?void 0:r.toLowerCase();const c=e.toLowerCase();return i==="anywhere"?t?o.includes(c)||(s===null||s===void 0?void 0:s.includes(c)):o.includes(c):t?o.startsWith(c)||(s===null||s===void 0?void 0:s.startsWith(c)):o.startsWith(c)}));const S=n=>{const t=[];if(n.length>0&&n.map){n.map((n=>{if(n.children){n.children.map((n=>t.push(n)))}else{t.push(n)}}))}return t.length};const P=n=>window.matchMedia(`(max-width: ${n}px)`).matches;const B=()=>{if(P(j.S)){return j.S}if(P(j.M)){return j.M}if(P(j.L)){return j.L}if(P(j.XL)){return j.XL}return j.UNDEFINED};const G=n=>getComputedStyle(document.documentElement).getPropertyValue(n);const D=()=>{const n=G("--ic-brand-color-primary-r");const t=G("--ic-brand-color-primary-g");const e=G("--ic-brand-color-primary-b");return(parseInt(n)*299+parseInt(t)*587+parseInt(e)*114)/1e3};const F=(n=D())=>n>b?e.Dark:e.Light;const R=(n,t)=>{if(n&&n.querySelector){return n.querySelector(`[slot="${t}"]`)}return null};const W=(n,t)=>R(n,t)!==null;const X=(n,t)=>{const e=R(n,t);if(e){return U(e)}return null};const U=n=>{const t=n.firstElementChild;if(t!==null){const e=t.assignedElements?t.assignedElements():t.childNodes;return e.length?e:n.tagName?[n]:null}else{return n===null?null:[n]}};const _=({parentElement:n})=>{let t={navType:"",parent:null};switch(n.tagName){case"IC-NAVIGATION-GROUP":t=_(n);break;case"IC-TOP-NAVIGATION":t={navType:"top",parent:n};break;case"IC-SIDE-NAVIGATION":t={navType:"side",parent:n};break;case"IC-PAGE-HEADER":t={navType:"page-header",parent:null};break}return t};const j={XS:Number(G("--ic-breakpoint-xs").replace("px","")),S:Number(G("--ic-breakpoint-sm").replace("px","")),M:Number(G("--ic-breakpoint-md").replace("px","")),L:Number(G("--ic-breakpoint-lg").replace("px","")),XL:Number(G("--ic-breakpoint-xl").replace("px","")),UNDEFINED:1200};const q=(n,t)=>!!n&&!t;const z=({children:n},t)=>Array.from(n).some((n=>n.getAttribute("slot")===t));const J=(n,t,e)=>{if(n===undefined&&t!==n){e()}};const K=(n,t)=>{n.forEach((({prop:n,propName:e})=>{if(n===null||n===undefined){console.error(`No ${e} specified for ${t} component - prop '${e}' (web components) / '${Q(e)}' (react) required`)}}))};const Q=n=>n.toLowerCase().split("-").map(((n,t)=>t===0?n:`${n.substring(0,1).toUpperCase()}${n.substring(1)}`)).join("");const Y=n=>{if(typeof window!=="undefined"&&typeof window.ResizeObserver!=="undefined"){n()}};const nn=n=>parseInt(n,16);const tn=n=>{const t=n.replace("#","").split("").map((n=>n.repeat(2)));return{r:nn(n.length===4?t[0]:n.slice(1,3)),g:nn(n.length===4?t[1]:n.slice(3,5)),b:nn(n.length===4?t[2]:n.slice(5)),a:1}};const en=n=>{const t=n.slice(3,4).toLowerCase()==="a";const e=n.substring(t?5:4,n.length-1).replace(/ /g,"").split(",").map(Number);return{r:e[0],g:e[1],b:e[2],a:t?e[3]:1}};const an=({scrollWidth:n,clientWidth:t})=>n>t;const rn=()=>!!document.querySelector("ic-classification-banner:not([inline='true'])");const on=(n,t)=>{var e;(e=n.closest("FORM"))===null||e===void 0?void 0:e.addEventListener("reset",t)};const sn=(n,t)=>{var e;(e=n.closest("FORM"))===null||e===void 0?void 0:e.removeEventListener("reset",t)};const cn=(n,t=16)=>`${1/t*parseInt(n)}rem`;const ln=(n,t)=>{if(!n){t.removeAttribute("disabled")}};const dn=()=>window.navigator.userAgent.toUpperCase().indexOf("MAC")>=0;const un=n=>{const t=n===null||n===void 0?void 0:n.slice(0,1).toLowerCase();return t==="#"?tn(n):t==="r"?en(n):null};const pn=n=>n.charAt(0).toUpperCase()+n.slice(1);const fn=(n,t,e)=>{const i=n=>Array.from(n).some((n=>Array.isArray(e)?e.some((t=>n.slot===t)):n.slot===e));return i(n)||i(t)};const vn=n=>!!n.closest(".ag-cell")&&!!n.closest(".ag-root");const gn=n=>{var t;const e=(n===null||n===void 0?void 0:n.tagName)+"-GROUP";return((t=n===null||n===void 0?void 0:n.parentElement)===null||t===void 0?void 0:t.tagName)===e};const bn=(n,t)=>n.some((({type:n,addedNodes:e,removedNodes:i})=>n==="childList"?fn(e,i,t):false));const Cn=(t,e,i)=>{if(bn(t,e)){n(i)}};export{x as $,O as A,T as B,y as C,j as D,H as E,Z as F,cn as G,D as H,e as I,v as J,R as K,gn as L,X as M,pn as N,fn as O,S as P,$ as Q,t as R,an as S,o as T,dn as U,c as V,g as W,V as X,I as Y,s as Z,i as _,Cn as a,K as b,un as c,E as d,B as e,Y as f,F as g,k as h,z as i,on as j,sn as k,h as l,M as m,A as n,J as o,q as p,vn as q,ln as r,W as s,U as t,d as u,rn as v,m as w,l as x,_ as y,G as z};
+//# sourceMappingURL=p-70616efa.js.map

package/dist/core/p-70616efa.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IcInformationStatus","IcBrandForegroundEnum","VARIANT_ICONS","neutral","icon","neutralIcon","ariaLabel","info","infoIcon","warning","warningIcon","error","errorIcon","success","successIcon","IC_INHERITED_ARIA","IC_DEVICE_SIZES","XS","S","M","L","XL","IC_BLOCK_COLOR_COMPONENTS","IC_FIXED_COLOR_COMPONENTS","IC_BLOCK_COLOR_EXCEPTIONS","BLACK_MIN_COLOR_BRIGHTNESS","WHITE_MAX_COLOR_BRIGHTNESS","DARK_MODE_THRESHOLD","icInput","linkIcInput","inheritAttributes","element","attributes","attributeObject","forEach","attr","hasAttribute","value","getAttribute","removeAttribute","debounceEvent","event","wait","original","_original","emit","debounce","bind","func","timer","args","clearTimeout","setTimeout","renderHiddenInput","always","container","name","disabled","undefined","hasShadowDom","inputs","querySelectorAll","inputEls","Array","from","filtered","filter","el","parentElement","input","ownerDocument","createElement","type","classList","add","appendChild","Date","toISOString","renderFileHiddenInput","multiple","accept","hidden","files","onchange","click","removeHiddenInput","remove","shadowRoot","attachShadow","getInputHelperTextID","id","getInputValidationTextID","getInputDescribedByText","inputId","helperText","validationText","trim","getBrandFromContext","brandFromEvent","_a","getRootNode","host","blockColorParent","closest","join","parentTag","tagName","toLowerCase","currentTag","includes","Default","contains","Dark","Light","isMobileOrTablet","navigator","maxTouchPoints","test","userAgent","handleHiddenFormButtonClick","form","button","hiddenFormButton","document","setAttribute","style","display","isEmptyString","length","isPropDefined","prop","getLabelFromValue","options","valueField","labelField","ungroupedOptions","map","option","children","push","matchingValue","find","getFilteredMenuOptions","includeDescriptions","searchString","position","label","description","lowerSearchString","startsWith","getOptionsWithoutGroupTitlesCount","optionsWithoutGroupTitles","deviceSizeMatches","size","window","matchMedia","matches","getCurrentDeviceSize","DEVICE_SIZES","UNDEFINED","getCssProperty","cssVar","getComputedStyle","documentElement","getPropertyValue","getBrandColorBrightness","themeRed","themeGreen","themeBlue","parseInt","getBrandForegroundAppearance","brightness","getSlot","querySelector","slotHasContent","getSlotContent","slot","getSlotElements","slotContent","firstElementChild","elements","assignedElements","childNodes","getNavItemParentDetails","navType","parent","Number","replace","hasValidationStatus","status","isSlotUsed","slotName","some","child","onComponentPropUndefinedChange","oldValue","newValue","callback","onComponentRequiredPropUndefined","props","component","propName","console","kebabToCamelCase","kebabCase","split","word","index","substring","toUpperCase","checkResizeObserver","callbackFn","ResizeObserver","hex2dec","v","hexToRgba","hex","hexChars","char","repeat","r","slice","g","b","a","rgbaStrToObj","rgbaStr","isRGBA","rgbValues","elementOverflowsX","scrollWidth","clientWidth","hasClassificationBanner","addFormResetListener","addEventListener","removeFormResetListener","removeEventListener","pxToRem","px","base","removeDisabledFalse","isMacDevice","indexOf","convertToRGBA","color","firstChar","capitalize","text","charAt","checkSlotInChildMutations","addedNodes","removedNodes","hasSlot","nodeList","node","isArray","isElInAGGrid","isSlottedInGroup","hasDynamicChildSlots","mutationList","slotNames","renderDynamicChildSlots","ref","forceUpdate"],"sources":["../web-components/dist/collection/utils/types.js","../web-components/dist/collection/utils/constants.js","../web-components/dist/collection/utils/helpers.js"],"sourcesContent":["export var IcInformationStatus;\n(function (IcInformationStatus) {\n    IcInformationStatus[\"Warning\"] = \"warning\";\n    IcInformationStatus[\"Error\"] = \"error\";\n    IcInformationStatus[\"Success\"] = \"success\";\n})(IcInformationStatus || (IcInformationStatus = {}));\nexport var IcBrandForegroundEnum;\n(function (IcBrandForegroundEnum) {\n    IcBrandForegroundEnum[\"Default\"] = \"default\";\n    IcBrandForegroundEnum[\"Dark\"] = \"dark\";\n    IcBrandForegroundEnum[\"Light\"] = \"light\";\n})(IcBrandForegroundEnum || (IcBrandForegroundEnum = {}));\n//# sourceMappingURL=types.js.map\n","import errorIcon from \"../assets/error-icon.svg\";\nimport infoIcon from \"../assets/info-icon.svg\";\nimport neutralIcon from \"../assets/neutral-icon.svg\";\nimport successIcon from \"../assets/success-icon.svg\";\nimport warningIcon from \"../assets/warning-icon.svg\";\n// Global status icons\nexport const VARIANT_ICONS = {\n    neutral: {\n        icon: neutralIcon,\n        ariaLabel: \"Neutral\",\n    },\n    info: {\n        icon: infoIcon,\n        ariaLabel: \"For your information\",\n    },\n    warning: {\n        icon: warningIcon,\n        ariaLabel: \"Warning\",\n    },\n    error: {\n        icon: errorIcon,\n        ariaLabel: \"Error\",\n    },\n    success: {\n        icon: successIcon,\n        ariaLabel: \"Success\",\n    },\n};\n// Global ARIA attributes\nexport const IC_INHERITED_ARIA = [\n    \"aria-atomic\",\n    \"aria-autocomplete\",\n    \"aria-busy\",\n    \"aria-controls\",\n    \"aria-current\",\n    \"aria-describedby\",\n    \"aria-description\",\n    \"aria-details\",\n    \"aria-disabled\",\n    \"aria-dropeffect\",\n    \"aria-errormessage\",\n    \"aria-expanded\",\n    \"aria-flowto\",\n    \"aria-grabbed\",\n    \"aria-haspopup\",\n    \"aria-hidden\",\n    \"aria-invalid\",\n    \"aria-keyshortcuts\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-live\",\n    \"aria-owns\",\n    \"aria-relevant\",\n    \"aria-roledescription\",\n];\nexport const IC_DEVICE_SIZES = {\n    XS: 576,\n    S: 768,\n    M: 992,\n    L: 1200,\n    XL: 99999,\n};\nexport const IC_BLOCK_COLOR_COMPONENTS = [\n    \"ic-hero\",\n    \"ic-top-navigation\",\n    \"ic-footer\",\n    \"ic-side-navigation\",\n    \"ic-alert\",\n];\nexport const IC_FIXED_COLOR_COMPONENTS = [\"ic-alert\"];\nexport const IC_BLOCK_COLOR_EXCEPTIONS = {\n    \"ic-alert\": [\"ic-link\", \"ic-button\"],\n};\n/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours\n * The brightness difference must be greater than 125 to provide good colour visibility\n * Calculated by:\n * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)\n * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)\n */\nexport const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;\nexport const WHITE_MAX_COLOR_BRIGHTNESS = 130;\n//# sourceMappingURL=constants.js.map\n","import { forceUpdate } from \"@stencil/core\";\nimport { IcBrandForegroundEnum, } from \"../utils/types\";\nimport { IC_BLOCK_COLOR_COMPONENTS, IC_BLOCK_COLOR_EXCEPTIONS, IC_FIXED_COLOR_COMPONENTS, } from \"./constants\";\nconst DARK_MODE_THRESHOLD = 133.3505;\nconst icInput = \"ic-input\";\nconst linkIcInput = \"input.ic-input\";\n/**\n * converts an enum of strings into an array of strings\n */\nexport const stringEnumToArray = (theEnum) => {\n    const arr = [];\n    Object.values(theEnum).forEach((val) => {\n        if (isNaN(Number(val))) {\n            const str = val;\n            arr.push(str);\n        }\n    });\n    return arr;\n};\n/**\n * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned\n * to a variable that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (element, attributes = []) => {\n    const attributeObject = {};\n    attributes.forEach((attr) => {\n        if (element.hasAttribute(attr)) {\n            const value = element.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = value;\n            }\n            element.removeAttribute(attr);\n        }\n    });\n    return attributeObject;\n};\nexport const debounceEvent = (event, wait) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const original = event._original || event;\n    return {\n        _original: event,\n        emit: debounce(original.emit.bind(original), wait),\n    };\n};\nexport const debounce = (func, wait = 0) => {\n    let timer;\n    return (...args) => {\n        clearTimeout(timer);\n        timer = setTimeout(func, wait, ...args);\n    };\n};\n/**\n * This method is used to add a hidden input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param always Add a hidden input even if the container does not use Shadow\n * @param container The element where the input will be added\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n */\nexport const renderHiddenInput = (always, container, name, value, disabled) => {\n    if (name !== undefined && (always || hasShadowDom(container))) {\n        const inputs = container.querySelectorAll(linkIcInput);\n        const inputEls = Array.from(inputs);\n        const filtered = inputEls.filter((el) => container === el.parentElement);\n        let input = filtered[0];\n        if (input === null || input === undefined) {\n            input = container.ownerDocument.createElement(\"input\");\n            input.type = \"hidden\";\n            input.classList.add(icInput);\n            container.appendChild(input);\n        }\n        input.disabled = disabled;\n        input.name = name;\n        if (value instanceof Date) {\n            input.value = value ? value.toISOString() : null;\n        }\n        else {\n            input.value = value || \"\";\n        }\n    }\n};\n/**\n * This method is used to add a hidden file input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param event: The event that is emitted once a file is selected.\n * @param container The element where the input will be added\n * @param multiple If true, multiple files can be selected\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n * @param accept A string of the accepted files\n */\nexport const renderFileHiddenInput = (event, container, multiple, name, value, disabled, accept) => {\n    if (name !== undefined && hasShadowDom(container)) {\n        const inputs = container.querySelectorAll(linkIcInput);\n        const inputEls = Array.from(inputs);\n        const filtered = inputEls.filter((el) => container === el.parentElement);\n        let input = filtered[0];\n        if (input === null || input === undefined) {\n            input = container.ownerDocument.createElement(\"input\");\n            input.classList.add(icInput);\n            container.appendChild(input);\n        }\n        input.type = \"file\";\n        input.hidden = true;\n        input.multiple = multiple;\n        input.name = name;\n        input.files = value;\n        input.disabled = disabled;\n        input.accept = accept;\n        input.onchange = () => {\n            event.emit(input.files);\n        };\n        input.click();\n    }\n};\nexport const removeHiddenInput = (container) => {\n    const inputs = container.querySelectorAll(\"input.ic-input\");\n    const inputEls = Array.from(inputs);\n    const filtered = inputEls.filter((el) => container === el.parentElement);\n    const input = filtered[0];\n    input === null || input === void 0 ? void 0 : input.remove();\n};\nexport const hasShadowDom = (el) => !!el.shadowRoot && !!el.attachShadow;\nexport const getInputHelperTextID = (id) => id + \"-helper-text\";\nexport const getInputValidationTextID = (id) => id + \"-validation-text\";\nexport const getInputDescribedByText = (inputId, helperText, validationText) => `${helperText ? getInputHelperTextID(inputId) : \"\"} ${validationText ? getInputValidationTextID(inputId) : \"\"}`.trim();\n/**\n * This method helps to understand the context in which a component exists,\n * to assist with choosing appropriate foreground colours to use. For example,\n * this method will help you use the 'white' version of a button if it's within\n * a block colour element using white foreground text.\n *\n * This only works for components/elements passed via <slot> and not if they\n * are part of an IC component.\n *\n * \"\"\n * @returns IcBrandForeground depending on the context\n */\nexport const getBrandFromContext = (el, brandFromEvent = null) => {\n    var _a;\n    const parentElement = el.parentElement || el.getRootNode().host.parentElement;\n    const blockColorParent = parentElement.closest(IC_BLOCK_COLOR_COMPONENTS.join(\",\"));\n    // If within a block color component\n    if (blockColorParent !== null) {\n        const parentTag = blockColorParent.tagName.toLowerCase();\n        const currentTag = el.tagName.toLowerCase();\n        if ((_a = IC_BLOCK_COLOR_EXCEPTIONS[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(currentTag)) {\n            return IcBrandForegroundEnum.Default;\n        }\n        else if (brandFromEvent !== null &&\n            !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)) {\n            return brandFromEvent;\n        }\n        else if (blockColorParent.classList.contains(`${parentTag}-${IcBrandForegroundEnum.Dark}`) ||\n            blockColorParent.classList.contains(IcBrandForegroundEnum.Dark)) {\n            return IcBrandForegroundEnum.Dark;\n        }\n        return IcBrandForegroundEnum.Light;\n    }\n    return IcBrandForegroundEnum.Default;\n};\n/**\n * Checks if the current device is a mobile or tablet device.\n * @returns {boolean} Returns true if the device is a mobile or tablet device, otherwise returns false.\n */\nexport const isMobileOrTablet = () => \"maxTouchPoints\" in navigator && \"userAgent\" in navigator\n    ? navigator.maxTouchPoints > 0 &&\n        /iPad|iPhone|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)\n    : false;\n/**\n * Will create a button within the lightDOM which interacts with the parent form.\n * This is required as buttons within the shadowDOM will not invoke a submit or reset\n *\n * @param form - parent form element which contains shadowDom button\n * @param button - shadowDOM button\n */\nexport const handleHiddenFormButtonClick = (form, button) => {\n    const hiddenFormButton = document.createElement(\"button\");\n    hiddenFormButton.setAttribute(\"type\", button.type);\n    hiddenFormButton.style.display = \"none\";\n    form.appendChild(hiddenFormButton);\n    hiddenFormButton.click();\n    hiddenFormButton.remove();\n};\nexport const isEmptyString = (value) => value ? value.trim().length === 0 : true;\n// A helper function that checks if a prop has been defined\nexport const isPropDefined = (prop) => prop !== undefined ? prop : null;\n/**\n * Extracts the label using the value from an object. Requires the object to have a label and value property.\n * @param value - value from object\n * @param options - list of menu items\n * @returns - label corresponding to value\n */\nexport const getLabelFromValue = (value, options, valueField = \"value\", labelField = \"label\") => {\n    const ungroupedOptions = [];\n    if (options.length > 0 && options.map) {\n        options.map((option) => {\n            if (option.children) {\n                option.children.map((option) => ungroupedOptions.push(option));\n            }\n            else {\n                ungroupedOptions.push(option);\n            }\n        });\n        const matchingValue = ungroupedOptions.find((option) => option[valueField] === value);\n        if (matchingValue !== undefined)\n            return matchingValue[labelField];\n    }\n    return undefined;\n};\n/**\n * Filters the options based on the search string.\n * @param options - array of options\n * @param includeDescriptions - determines whether option descriptions are included when filtering options\n * @param searchString - string used to filter the options\n * @param position - whether the search string matches the start of or anywhere in the options\n * @returns filtered array of options\n */\nexport const getFilteredMenuOptions = (options, includeDescriptions, searchString, position, labelField = \"label\") => options.filter((option) => {\n    var _a;\n    const label = option[labelField].toLowerCase();\n    const description = (_a = option.description) === null || _a === void 0 ? void 0 : _a.toLowerCase();\n    const lowerSearchString = searchString.toLowerCase();\n    return position === \"anywhere\"\n        ? includeDescriptions\n            ? label.includes(lowerSearchString) ||\n                (description === null || description === void 0 ? void 0 : description.includes(lowerSearchString))\n            : label.includes(lowerSearchString)\n        : includeDescriptions\n            ? label.startsWith(lowerSearchString) ||\n                (description === null || description === void 0 ? void 0 : description.startsWith(lowerSearchString))\n            : label.startsWith(lowerSearchString);\n});\n/**\n * Gets count of options where only group title \"parent\" options have been removed.\n * Disabled options are included in the count.\n * @param options - array of options\n * @returns number of options not including group titles\n */\nexport const getOptionsWithoutGroupTitlesCount = (options) => {\n    const optionsWithoutGroupTitles = [];\n    if (options.length > 0 && options.map) {\n        options.map((option) => {\n            if (option.children) {\n                option.children.map((option) => optionsWithoutGroupTitles.push(option));\n            }\n            else {\n                optionsWithoutGroupTitles.push(option);\n            }\n        });\n    }\n    return optionsWithoutGroupTitles.length;\n};\nexport const deviceSizeMatches = (size) => window.matchMedia(`(max-width: ${size}px)`).matches;\nexport const getCurrentDeviceSize = () => {\n    if (deviceSizeMatches(DEVICE_SIZES.S)) {\n        return DEVICE_SIZES.S;\n    }\n    if (deviceSizeMatches(DEVICE_SIZES.M)) {\n        return DEVICE_SIZES.M;\n    }\n    if (deviceSizeMatches(DEVICE_SIZES.L)) {\n        return DEVICE_SIZES.L;\n    }\n    if (deviceSizeMatches(DEVICE_SIZES.XL)) {\n        return DEVICE_SIZES.XL;\n    }\n    //fallback needed as all of above get initialised to 0 in jest tests\n    return DEVICE_SIZES.UNDEFINED;\n};\nexport const getCssProperty = (cssVar) => getComputedStyle(document.documentElement).getPropertyValue(cssVar);\n/**\n * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:\n * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding them together and dividing by 1000\n * This is a similar calculation to its CSS counterpart: \"--ic-brand-text-color\"\n * @returns number representing the brightness of the theme colour\n */\nexport const getBrandColorBrightness = () => {\n    const themeRed = getCssProperty(\"--ic-brand-color-primary-r\");\n    const themeGreen = getCssProperty(\"--ic-brand-color-primary-g\");\n    const themeBlue = getCssProperty(\"--ic-brand-color-primary-b\");\n    return ((parseInt(themeRed) * 299 +\n        parseInt(themeGreen) * 587 +\n        parseInt(themeBlue) * 114) /\n        1000);\n};\n/**\n * Returns if dark or light foreground colors should be used for color contrast reasons\n * @returns \"dark\" or \"light\"\n * @param brightness - Optional custom brightness value. Defaults to `getBrandColorBrightness`\n */\nexport const getBrandForegroundAppearance = (brightness = getBrandColorBrightness()) => brightness > DARK_MODE_THRESHOLD\n    ? IcBrandForegroundEnum.Dark\n    : IcBrandForegroundEnum.Light;\nexport const getSlot = (element, name) => {\n    if (element && element.querySelector) {\n        return element.querySelector(`[slot=\"${name}\"]`);\n    }\n    return null;\n};\nexport const slotHasContent = (element, name) => getSlot(element, name) !== null;\nexport const getSlotContent = (element, name) => {\n    const slot = getSlot(element, name);\n    if (slot) {\n        return getSlotElements(slot);\n    }\n    return null;\n};\nexport const getSlotElements = (slot) => {\n    const slotContent = slot.firstElementChild;\n    if (slotContent !== null) {\n        const elements = slotContent.assignedElements\n            ? slotContent.assignedElements()\n            : slotContent.childNodes;\n        return elements.length ? elements : slot.tagName ? [slot] : null;\n    }\n    else {\n        //check for single element\n        return slot === null ? null : [slot];\n    }\n};\nexport const getNavItemParentDetails = ({ parentElement, }) => {\n    let navType = { navType: \"\", parent: null };\n    switch (parentElement.tagName) {\n        case \"IC-NAVIGATION-GROUP\":\n            navType = getNavItemParentDetails(parentElement);\n            break;\n        case \"IC-TOP-NAVIGATION\":\n            navType = { navType: \"top\", parent: parentElement };\n            break;\n        case \"IC-SIDE-NAVIGATION\":\n            navType = { navType: \"side\", parent: parentElement };\n            break;\n        case \"IC-PAGE-HEADER\":\n            navType = { navType: \"page-header\", parent: null };\n            break;\n    }\n    return navType;\n};\nexport const DEVICE_SIZES = {\n    XS: Number(getCssProperty(\"--ic-breakpoint-xs\").replace(\"px\", \"\")), // 0\n    S: Number(getCssProperty(\"--ic-breakpoint-sm\").replace(\"px\", \"\")), // 576\n    M: Number(getCssProperty(\"--ic-breakpoint-md\").replace(\"px\", \"\")), // 768\n    L: Number(getCssProperty(\"--ic-breakpoint-lg\").replace(\"px\", \"\")), // 992\n    XL: Number(getCssProperty(\"--ic-breakpoint-xl\").replace(\"px\", \"\")), // 1200\n    UNDEFINED: 1200,\n};\nexport const hasValidationStatus = (status, disabled) => !!status && !disabled;\nexport const isSlotUsed = ({ children }, slotName) => Array.from(children).some((child) => child.getAttribute(\"slot\") === slotName);\n// added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update\n// with a value. Allows a callback function to be executed when this is the case\nexport const onComponentPropUndefinedChange = (oldValue, newValue, callback) => {\n    if (oldValue === undefined && newValue !== oldValue) {\n        callback();\n    }\n};\nexport const onComponentRequiredPropUndefined = (props, component) => {\n    props.forEach(({ prop, propName }) => {\n        if (prop === null || prop === undefined) {\n            console.error(`No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(propName)}' (react) required`);\n        }\n    });\n};\nexport const kebabToCamelCase = (kebabCase) => kebabCase\n    .toLowerCase()\n    .split(\"-\")\n    .map((word, index) => index === 0\n    ? word\n    : `${word.substring(0, 1).toUpperCase()}${word.substring(1)}`)\n    .join(\"\");\nexport const checkResizeObserver = (callbackFn) => {\n    if (typeof window !== \"undefined\" &&\n        typeof window.ResizeObserver !== \"undefined\") {\n        callbackFn();\n    }\n};\nconst hex2dec = (v) => parseInt(v, 16);\nexport const hexToRgba = (hex) => {\n    const hexChars = hex\n        .replace(\"#\", \"\")\n        .split(\"\")\n        .map((char) => char.repeat(2));\n    return {\n        r: hex2dec(hex.length === 4 ? hexChars[0] : hex.slice(1, 3)),\n        g: hex2dec(hex.length === 4 ? hexChars[1] : hex.slice(3, 5)),\n        b: hex2dec(hex.length === 4 ? hexChars[2] : hex.slice(5)),\n        a: 1,\n    };\n};\nexport const rgbaStrToObj = (rgbaStr) => {\n    const isRGBA = rgbaStr.slice(3, 4).toLowerCase() === \"a\";\n    const rgbValues = rgbaStr\n        .substring(isRGBA ? 5 : 4, rgbaStr.length - 1)\n        .replace(/ /g, \"\")\n        .split(\",\")\n        .map(Number);\n    return {\n        r: rgbValues[0],\n        g: rgbValues[1],\n        b: rgbValues[2],\n        a: isRGBA ? rgbValues[3] : 1,\n    };\n};\nexport const elementOverflowsX = ({ scrollWidth, clientWidth, }) => scrollWidth > clientWidth;\nexport const hasClassificationBanner = () => !!document.querySelector(\"ic-classification-banner:not([inline='true'])\");\nexport const addFormResetListener = (el, callbackFn) => {\n    var _a;\n    (_a = el.closest(\"FORM\")) === null || _a === void 0 ? void 0 : _a.addEventListener(\"reset\", callbackFn);\n};\nexport const removeFormResetListener = (el, callbackFn) => {\n    var _a;\n    (_a = el.closest(\"FORM\")) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"reset\", callbackFn);\n};\nexport const pxToRem = (px, base = 16) => `${(1 / base) * parseInt(px)}rem`;\n/**\n * Removes the disabled attribute from the provided element when its value is set to false.\n * This effectively makes it null, to not confuse screen readers that cannot interpret the false value\n */\nexport const removeDisabledFalse = (disabled, element) => {\n    if (!disabled) {\n        element.removeAttribute(\"disabled\");\n    }\n};\nexport const isMacDevice = () => window.navigator.userAgent.toUpperCase().indexOf(\"MAC\") >= 0;\nexport const isNumeric = (value) => /^-?\\d+$/.test(value);\nexport async function waitForHydration() {\n    const elements = document.getElementsByTagName(\"*\");\n    for (let i = 0; i < elements.length; i++) {\n        if (elements[i].tagName.startsWith(\"IC-\")) {\n            if (elements[i].classList.contains(\"hydrated\")) {\n                return true;\n            }\n        }\n        else {\n            return false;\n        }\n    }\n    return false;\n}\nexport const convertToRGBA = (color) => {\n    const firstChar = color === null || color === void 0 ? void 0 : color.slice(0, 1).toLowerCase();\n    return firstChar === \"#\"\n        ? hexToRgba(color)\n        : firstChar === \"r\"\n            ? rgbaStrToObj(color)\n            : null;\n};\nexport const capitalize = (text) => text.charAt(0).toUpperCase() + text.slice(1);\nexport const checkSlotInChildMutations = (addedNodes, removedNodes, slotName) => {\n    const hasSlot = (nodeList) => Array.from(nodeList).some((node) => Array.isArray(slotName)\n        ? slotName.some((name) => node.slot === name)\n        : node.slot === slotName);\n    return hasSlot(addedNodes) || hasSlot(removedNodes);\n};\nexport const isElInAGGrid = (el) => !!el.closest(\".ag-cell\") && !!el.closest(\".ag-root\");\n/*\n * Checks if the component is slotted in its relevant 'group' component\n * @param component - the component to check\n */\nexport const isSlottedInGroup = (component) => {\n    var _a;\n    const parent = (component === null || component === void 0 ? void 0 : component.tagName) + \"-GROUP\";\n    return ((_a = component === null || component === void 0 ? void 0 : component.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === parent;\n};\nexport const hasDynamicChildSlots = (mutationList, slotNames) => {\n    return mutationList.some(({ type, addedNodes, removedNodes }) => type === \"childList\"\n        ? checkSlotInChildMutations(addedNodes, removedNodes, slotNames)\n        : false);\n};\nexport const renderDynamicChildSlots = (mutationList, slotNames, ref) => {\n    if (hasDynamicChildSlots(mutationList, slotNames)) {\n        forceUpdate(ref);\n    }\n};\n//# sourceMappingURL=helpers.js.map\n"],"mappings":"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"}

package/dist/core/p-76c94cee.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as a,H as s,g as e}from"./p-8455d1bb.js";import{M as n,K as o,i as r}from"./p-70616efa.js";const c=":host{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}.popout-modal{position:absolute;inset:0}.popout-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-top-navigation-menu-background);color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}:host(.inline) .popout-menu{position:absolute}.menu-close-button-container{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}.nav-group-first{padding-bottom:0}.menu-buttons-container{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-buttons-container-nav-item-above{margin-top:var(--ic-space-md);border-top:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-status-version-container{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);padding:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}.status-version-no-buttons{border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}.menu-status{background-color:var(--ic-status-tag-neutral);--ic-typography-color:var(--ic-status-tag-text);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-version{border-radius:var(--ic-space-md);background-color:var(--ic-status-tag-outlined-background-neutral);--ic-typography-color:var(--ic-color-text-primary-light);padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-status-text,.menu-version-text{overflow-wrap:break-word}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";const l=class{constructor(a){t(this,a);this.icNavigationMenuClose=i(this,"icNavigationMenuClose",7);this.closeButton=null;this.hasButtons=false;this.hasNavigation=false;this.lastTabStop=null;this.navGroupFirst=false;this.navItemAboveButtons=false;this.closeMenu=()=>{this.icNavigationMenuClose.emit()};this.focusCloseButton=()=>{if(this.closeButton.focus){this.closeButton.focus()}};this.focusLastTabStop=()=>{let t;if(this.lastTabStop!==null){switch(this.lastTabStop.tagName){case"IC-NAVIGATION-BUTTON":case"IC-NAVIGATION-ITEM":case"IC-NAVIGATION-GROUP":t=this.lastTabStop;t.focus();break;case"A":this.lastTabStop.focus();break}}};this.status="";this.theme="inherit";this.version=""}componentWillLoad(){this.navBarEl=document.querySelector("ic-top-navigation");const t=n(this.el,"navigation");if(t){this.hasNavigation=true;const i=t[t.length-1];if(i.tagName==="IC-NAVIGATION-ITEM"){this.navItemAboveButtons=true}const a=t[0];if(a.tagName==="IC-NAVIGATION-GROUP"){this.navGroupFirst=true}}const i=n(this.el,"buttons");if(i!==null){this.hasButtons=true;this.lastTabStop=i[i.length-1]}else{if(this.hasNavigation){const i=t[t.length-1];const a=o(i,"navigation-item");if(a!==null){this.lastTabStop=a}else{this.lastTabStop=i}}}}componentDidLoad(){this.focusCloseButton()}componentWillRender(){this.hasNavigation=r(this.el,"navigation");this.hasButtons=r(this.el,"buttons")}navItemClickHandler(){this.closeMenu()}handleKeyDown(t){if(t.key==="Tab"){if(t.shiftKey){if(document.activeElement===this.navBarEl){t.preventDefault();this.focusLastTabStop()}}else if(document.activeElement===this.lastTabStop||this.lastTabStop===null){t.preventDefault();this.focusCloseButton()}}else if(t.key==="Escape"){this.closeMenu()}}render(){return a(s,{class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},a("div",{class:"popout-modal",onClick:this.closeMenu}),a("div",{class:"popout-menu",role:"dialog","aria-modal":"true","aria-label":`${this.hasNavigation?"Navigation":"App"} menu`},a("span",{"aria-hidden":"true",id:"navigation-landmark-text",class:"navigation-landmark-text"},"Main navigation"),a("nav",{"aria-labelledby":"navigation-landmark-text","aria-hidden":this.hasNavigation?"false":"true"},a("div",{class:{["menu-close-button-container"]:true,["nav-group-first"]:this.navGroupFirst}},a("ic-button",{ref:t=>this.closeButton=t,id:"menu-close-button",class:"menu-close-button",variant:"icon",size:"large","aria-label":`Close ${this.hasNavigation?"navigation":"app"} menu`,onClick:this.closeMenu},a("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"})))),this.hasNavigation&&a("slot",{name:"navigation"})),this.hasButtons&&a("div",{class:{["menu-buttons-container"]:true,["menu-buttons-container-nav-item-above"]:this.navItemAboveButtons}},a("slot",{name:"buttons"})),(this.status!==""||this.version!=="")&&a("div",{class:{["menu-status-version-container"]:true,["status-version-no-buttons"]:!this.hasButtons}},this.status!==""&&a("div",{class:"menu-status"},a("ic-typography",{variant:"label-uppercase","aria-label":"app tag",class:"menu-status-text"},this.status)),this.version!==""&&a("div",{class:"menu-version"},a("ic-typography",{variant:"label",class:"menu-version-text","aria-label":"app version"},this.version)))))}get el(){return e(this)}};l.style=c;export{l as ic_navigation_menu};
+//# sourceMappingURL=p-76c94cee.entry.js.map

package/dist/core/p-76c94cee.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icNavigationMenuCss","NavigationMenu","constructor","hostRef","this","closeButton","hasButtons","hasNavigation","lastTabStop","navGroupFirst","navItemAboveButtons","closeMenu","icNavigationMenuClose","emit","focusCloseButton","focus","focusLastTabStop","focusEl","tagName","status","theme","version","componentWillLoad","navBarEl","document","querySelector","navigationEls","getSlotContent","el","lastEl","length","firstEl","buttonContent","slotContent","getSlot","componentDidLoad","componentWillRender","isSlotUsed","navItemClickHandler","handleKeyDown","ev","key","shiftKey","activeElement","preventDefault","render","h","Host","class","onClick","role","id","ref","variant","size","width","height","viewBox","fill","xmlns","d","name"],"sources":["../web-components/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css?tag=ic-navigation-menu&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js"],"sourcesContent":["/**\n * @prop --ic-z-index-navigation-menu: z-index of navigation menu\n */\n\n:host {\n  display: block;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  min-height: 100% !important;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-navigation-menu);\n}\n\n.popout-modal {\n  position: absolute;\n  inset: 0;\n}\n\n.popout-menu {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 16rem;\n  bottom: 0;\n  background-color: var(--ic-top-navigation-menu-background);\n  color: var(--ic-top-navigation-nav-item);\n\n  --ic-typography-color: var(--ic-top-navigation-nav-item);\n\n  box-shadow: var(--ic-elevation-overlay);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n:host(.inline) .popout-menu {\n  position: absolute;\n}\n\n.menu-close-button-container {\n  position: relative;\n  left: 11.875rem;\n  padding: var(--ic-space-md) 0;\n}\n\n.nav-group-first {\n  padding-bottom: 0;\n}\n\n.menu-buttons-container {\n  padding: var(--ic-space-sm) 0;\n  border-bottom: var(--ic-border-width) solid var(--ic-architectural-200);\n}\n\n.menu-buttons-container-nav-item-above {\n  margin-top: var(--ic-space-md);\n  border-top: var(--ic-border-width) solid var(--ic-architectural-200);\n}\n\n.menu-status-version-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ic-space-xs);\n  padding: var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl);\n}\n\n.status-version-no-buttons {\n  border-top: var(--ic-space-1px) solid var(--ic-architectural-200);\n}\n\n.menu-status {\n  background-color: var(--ic-status-tag-neutral);\n\n  --ic-typography-color: var(--ic-status-tag-text);\n\n  border-radius: var(--ic-space-md);\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n}\n\n.menu-version {\n  border-radius: var(--ic-space-md);\n  background-color: var(--ic-status-tag-outlined-background-neutral);\n\n  --ic-typography-color: var(--ic-color-text-primary-light);\n\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n}\n\n.menu-status-text,\n.menu-version-text {\n  overflow-wrap: break-word;\n}\n\n.navigation-landmark-text {\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","import { Host, h, } from \"@stencil/core\";\nimport { getSlot, getSlotContent, isSlotUsed } from \"../../utils/helpers\";\n/**\n * @slot navigation - Content will be rendered at top of panel.\n * @slot buttons - Content will be rendered above version info and below navigation.\n */\nexport class NavigationMenu {\n    constructor() {\n        this.closeButton = null;\n        this.hasButtons = false;\n        this.hasNavigation = false;\n        this.lastTabStop = null;\n        this.navGroupFirst = false;\n        this.navItemAboveButtons = false;\n        this.closeMenu = () => {\n            this.icNavigationMenuClose.emit();\n        };\n        this.focusCloseButton = () => {\n            if (this.closeButton.focus) {\n                this.closeButton.focus();\n            }\n        };\n        this.focusLastTabStop = () => {\n            let focusEl;\n            if (this.lastTabStop !== null) {\n                switch (this.lastTabStop.tagName) {\n                    case \"IC-NAVIGATION-BUTTON\":\n                    case \"IC-NAVIGATION-ITEM\":\n                    case \"IC-NAVIGATION-GROUP\":\n                        focusEl = this.lastTabStop;\n                        focusEl.focus();\n                        break;\n                    case \"A\":\n                        this.lastTabStop.focus();\n                        break;\n                }\n            }\n        };\n        this.status = \"\";\n        this.theme = \"inherit\";\n        this.version = \"\";\n    }\n    componentWillLoad() {\n        this.navBarEl = document.querySelector(\"ic-top-navigation\");\n        const navigationEls = getSlotContent(this.el, \"navigation\");\n        if (navigationEls) {\n            this.hasNavigation = true;\n            const lastEl = navigationEls[navigationEls.length - 1];\n            if (lastEl.tagName === \"IC-NAVIGATION-ITEM\") {\n                this.navItemAboveButtons = true;\n            }\n            const firstEl = navigationEls[0];\n            if (firstEl.tagName === \"IC-NAVIGATION-GROUP\") {\n                this.navGroupFirst = true;\n            }\n        }\n        const buttonContent = getSlotContent(this.el, \"buttons\");\n        if (buttonContent !== null) {\n            this.hasButtons = true;\n            this.lastTabStop = buttonContent[buttonContent.length - 1];\n        }\n        else {\n            if (this.hasNavigation) {\n                const lastEl = navigationEls[navigationEls.length - 1];\n                //check for slotted content i.e. react router link\n                const slotContent = getSlot(lastEl, \"navigation-item\");\n                if (slotContent !== null) {\n                    this.lastTabStop = slotContent;\n                }\n                else {\n                    this.lastTabStop = lastEl;\n                }\n            }\n        }\n    }\n    componentDidLoad() {\n        this.focusCloseButton();\n    }\n    componentWillRender() {\n        this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n        this.hasButtons = isSlotUsed(this.el, \"buttons\");\n    }\n    navItemClickHandler() {\n        this.closeMenu();\n    }\n    handleKeyDown(ev) {\n        if (ev.key === \"Tab\") {\n            if (ev.shiftKey) {\n                if (document.activeElement === this.navBarEl) {\n                    ev.preventDefault();\n                    this.focusLastTabStop();\n                }\n            }\n            else if (document.activeElement === this.lastTabStop ||\n                this.lastTabStop === null) {\n                ev.preventDefault();\n                this.focusCloseButton();\n            }\n        }\n        else if (ev.key === \"Escape\") {\n            this.closeMenu();\n        }\n    }\n    render() {\n        return (h(Host, { class: { [`ic-theme-${this.theme}`]: this.theme !== \"inherit\" } }, h(\"div\", { class: \"popout-modal\", onClick: this.closeMenu }), h(\"div\", { class: \"popout-menu\", role: \"dialog\", \"aria-modal\": \"true\", \"aria-label\": `${this.hasNavigation ? \"Navigation\" : \"App\"} menu` }, h(\"span\", { \"aria-hidden\": \"true\", id: \"navigation-landmark-text\", class: \"navigation-landmark-text\" }, \"Main navigation\"), h(\"nav\", { \"aria-labelledby\": \"navigation-landmark-text\", \"aria-hidden\": this.hasNavigation ? \"false\" : \"true\" }, h(\"div\", { class: {\n                [\"menu-close-button-container\"]: true,\n                [\"nav-group-first\"]: this.navGroupFirst,\n            } }, h(\"ic-button\", { ref: (el) => (this.closeButton = el), id: \"menu-close-button\", class: \"menu-close-button\", variant: \"icon\", size: \"large\", \"aria-label\": `Close ${this.hasNavigation ? \"navigation\" : \"app\"} menu`, onClick: this.closeMenu }, h(\"svg\", { width: \"14\", height: \"14\", viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"path\", { d: \"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" })))), this.hasNavigation && h(\"slot\", { name: \"navigation\" })), this.hasButtons && (h(\"div\", { class: {\n                [\"menu-buttons-container\"]: true,\n                [\"menu-buttons-container-nav-item-above\"]: this.navItemAboveButtons,\n            } }, h(\"slot\", { name: \"buttons\" }))), (this.status !== \"\" || this.version !== \"\") && (h(\"div\", { class: {\n                [\"menu-status-version-container\"]: true,\n                [\"status-version-no-buttons\"]: !this.hasButtons,\n            } }, this.status !== \"\" && (h(\"div\", { class: \"menu-status\" }, h(\"ic-typography\", { variant: \"label-uppercase\", \"aria-label\": \"app tag\", class: \"menu-status-text\" }, this.status))), this.version !== \"\" && (h(\"div\", { class: \"menu-version\" }, h(\"ic-typography\", { variant: \"label\", class: \"menu-version-text\", \"aria-label\": \"app version\" }, this.version))))))));\n    }\n    static get is() { return \"ic-navigation-menu\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-navigation-menu.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-navigation-menu.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status info to display.\"\n                },\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"version\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The version info to display.\"\n                },\n                \"attribute\": \"version\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icNavigationMenuClose\",\n                \"name\": \"icNavigationMenuClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when the menu is closed.\"\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\": \"navItemClicked\",\n                \"method\": \"navItemClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-navigation-menu.js.map\n"],"mappings":"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"}

package/dist/core/p-7d1f7976.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as a,H as s,g as e}from"./p-8455d1bb.js";import{c as n}from"./p-e081702e.js";import{C as o}from"./p-170ddfc2.js";import{z as r,D as l,i as d,F as p,e as c,g as h,f as v,b as g,v as m,I as b,d as u}from"./p-70616efa.js";const y=`<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 x=':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 0;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;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);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-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-width:100%;--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:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}: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-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)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name="app-icon"]::slotted(svg){fill:currentcolor}}';const f=class{constructor(s){i(this,s);this.icSideNavExpanded=t(this,"icSideNavExpanded",7);this.ANIMATION_DURATION=parseInt(r("--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.menuButton=null;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=>{const t=this.el.shadowRoot.querySelector("#side-navigation");const a=t.querySelector(".side-navigation-inner");const s=t.querySelector(".bottom-wrapper");const e="menu-visibility-visible";if(i){s.classList.add(e);a.classList.add(e)}else{setTimeout((()=>{a.classList.remove(e);s.classList.remove(e)}),this.ANIMATION_DURATION)}};this.setMobileMenuAriaAttributes=i=>{if(this.menuButton!==null){this.menuButton.setAttribute("aria-expanded",`${i}`);this.menuButton.setAttribute("aria-label",`${i?"Close":"Open"} navigation menu`)}};this.setAndRemoveNoWrapAfterMenuExpanded=()=>{const i=this.el.shadowRoot.querySelector(".title-link ic-typography")||this.el.querySelector("[slot='app-title']");i.classList.add("ic-typography-no-wrap");setTimeout((()=>{i.classList.remove("ic-typography-no-wrap")}),this.ANIMATION_DURATION)};this.toggleMenuExpanded=i=>{if(this.deviceSize>l.S){this.menuExpanded=i}if(this.menuExpanded){this.setAndRemoveNoWrapAfterMenuExpanded();this.el.shadowRoot.querySelector(".app-title-inner-wrapper").classList.add("app-title-show")}else{this.el.style.setProperty("--navigation-item-width","320px");this.el.shadowRoot.querySelector(".app-title-inner-wrapper").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=>{const a=d(t,"navigation-item");const s=t.children[0]&&!t.children[0].getAttribute("slot");if(a||s){let s;if(a){s=t.querySelector("[slot='navigation-item']")}else{s=t.children[0]}const e=document.createElement("div");const n=s.querySelector("svg");const o=t.textContent.trim();const r=document.createElement("ic-typography");r.classList.add("ic-typography-label","hydrated","navigation-item-side-nav-slotted-text");e.style.height="var(--ic-space-lg)";e.append(n);s.textContent="";r.textContent=o;s.append(e);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=()=>{const i=this.el.shadowRoot.querySelector("#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper");if(i.offsetHeight!==0){this.el.style.setProperty("--sm-side-navigation-bottom-bar-height",`${i.offsetHeight}px`)}};this.styleSlottedIconLabels=(i,t)=>{if(i){t.style.opacity="1";t.style.visibility="visible";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}else{t.style.opacity="0";t.style.visibility="hidden";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}};this.transitionHandler=i=>{const t=this.el.shadowRoot.querySelector(".primary-navigation");const a=this.el.shadowRoot.querySelector(".bottom-wrapper > .secondary-navigation");const s=i==="start"?this.COLLAPSED_ICON_LABELS_END:this.COLLAPSED_ICON_LABELS_START;const e=i==="start"?this.COLLAPSED_ICON_LABELS_START:this.COLLAPSED_ICON_LABELS_END;if(t){t.classList.remove(s);t.classList.add(e)}if(a){a.classList.remove(s);a.classList.add(e)}};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");const s={gap:window.getComputedStyle(t).gap,iconWidth:window.getComputedStyle(a).width,paddingLeft:window.getComputedStyle(t).paddingLeft};return Object.values(s).reduce(((i,t)=>i+=parseInt(t)),0)};this.displayTooltipWithExpandedLongLabel=i=>{let t;if(i){t=setTimeout((()=>{const i=this.el.clientWidth;const t=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));const a=t.length?this.paddingIconWidth(t):0;t.forEach((t=>{var s,e;const n=((s=t.shadowRoot&&t.shadowRoot.querySelector("ic-tooltip .link ic-typography.ic-typography-label"))===null||s===void 0?void 0:s.scrollWidth)||((e=t.querySelector("ic-typography.ic-typography-label"))===null||e===void 0?void 0:e.scrollWidth);if(n>i-a){t.setAttribute("display-navigation-tooltip","true")}}))}),this.ANIMATION_DURATION)}else{clearTimeout(t);const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("display-navigation-tooltip","false")}))}};this.setMenuExpanded=i=>{this.menuExpanded=i};this.setParentPaddingTop=i=>{this.el.parentElement.style.setProperty("padding-top",i)};this.setParentPaddingLeft=i=>{this.el.parentElement.style.setProperty("padding-left",i)};this.renderAppTitle=i=>{const t=this.deviceSize<=l.S&&!p(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;this.deviceSize=i;const a=i===l.S&&!this.disableTopBarBehaviour;if(!this.disableAutoParentStyling){const i=(t=this.el.shadowRoot.querySelector(".top-bar"))===null||t===void 0?void 0:t.scrollHeight;this.setParentPaddingTop(a?`${i}px`:"0");if(a)this.setParentPaddingLeft("0");if(a&&this.inline){this.el.parentElement.style.setProperty("height",`calc(100% - ${i}px)`)}else if(!a){this.el.parentElement.style.setProperty("height","100%")}}if(!this.disableAutoParentStyling){const t=`calc(var(--ic-space-xxl) ${this.collapsedIconLabels?"* 2":"+ var(--ic-space-xs)"})`;if(i>l.L){this.setParentPaddingTop("0");this.setParentPaddingLeft("0")}else if((i>l.S||this.disableTopBarBehaviour)&&i<=l.M&&this.static){this.setParentPaddingLeft(t)}else if((i>l.S||this.disableTopBarBehaviour)&&i<=l.L){this.setParentPaddingLeft(this.static&&this.menuExpanded?"calc(var(--ic-space-xl) * 10)":t)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const i=c();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===null||i===void 0?void 0:i.parentElement)===null||t===void 0?void 0:t.parentElement)===null||a===void 0?void 0:a.classList.contains("navigation-item-side-nav-collapsed-with-label")){i.style.whiteSpace="nowrap";i.style.overflow="hidden";i.style.textOverflow="ellipsis";i.style.marginTop="10px"}}))};this.renderTopBar=({isSDevice:i,foregroundColor:t,menuOpen:s,href:e,isAppNameSubtitleVariant:o})=>{const r=this.appTitle!==""&&u(this.appTitle);const l=d(this.el,"app-title")?"div":"a";const p=l=="a"&&{href:e};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:s?n:y}),s?"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"},(r||d(this.el,"app-title"))&&a(l,Object.assign({},p,{class:"title-link"}),a("div",{class:"app-icon-container","aria-hidden":"true"},a("slot",{name:"app-icon"})),a("div",{class:"app-title-inner-wrapper"},d(this.el,"app-title")?a("slot",{name:"app-title"}):this.renderAppTitle(o)))))};this.deviceSize=c();this.deviceSizeAppTitle=l.S;this.foregroundColor=h();this.hasSecondaryNavigation=false;this.menuExpanded=false;this.menuOpen=false;this.appTitle=undefined;this.collapsedIconLabels=false;this.disableAutoParentStyling=false;this.disableTopBarBehaviour=false;this.expanded=false;this.href="/";this.inline=false;this.shortAppTitle="";this.static=false;this.status=undefined;this.version=undefined}watchExpandedHandler(){this.toggleMenuExpanded(this.expanded)}componentWillLoad(){this.setMenuExpanded(this.expanded);if(this.collapsedIconLabels){this.setCollapsedIconLabels()}this.hasSecondaryNavigation=d(this.el,"secondary-navigation")}componentDidLoad(){this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:this.deviceSize===l.S&&!this.disableTopBarBehaviour});v(this.runResizeObserver);this.styleSlottedCollapsedIconLabel();this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);this.setExpandedButtonHeight();!d(this.el,"app-title")&&g([{prop:this.appTitle,propName:"app-title"}],"Side Navigation")}disconnectedCallback(){var i;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}(i=this.el)===null||i===void 0?void 0:i.removeEventListener("transitionend",this.transitionEndHandler)}brandChangeHandler({detail:i}){this.foregroundColor=i.mode}render(){const{appTitle:i,menuOpen:t,foregroundColor:e,menuExpanded:n,href:r,status:p,version:c,collapsedIconLabels:h,inline:v}=this;const g=!this.disableTopBarBehaviour&&this.deviceSize===l.S;const u=this.deviceSize===l.M;const y=this.deviceSize>=l.L;const x=this.deviceSizeAppTitle===l.S;const f=u||this.disableTopBarBehaviour||y&&!this.static;const w={isSDevice:g,foregroundColor:e,menuOpen:t,href:r,isAppNameSubtitleVariant:x,appTitle:i};return a(s,{class:{"xs-menu-open":t&&g,"xs-menu-close":!t&&g,"sm-collapsed":!g&&!n,"sm-expanded":!g&&n,"side-display":this.deviceSize>l.S||this.disableTopBarBehaviour,[`ic-side-navigation-${b.Dark}`]:e===b.Dark,["collapsed-labels"]:!g&&!n&&h,["ic-side-navigation-inline"]:v}},g&&this.renderTopBar(Object.assign({},w)),a("div",{class:"side-navigation",id:"side-navigation"},!g&&this.renderTopBar(Object.assign({},w)),a("div",{class:"side-navigation-inner"},d(this.el,"primary-navigation")&&a("nav",{class:"primary-navigation","aria-labelledby":"primary-navigation-landmark"},a("span",{"aria-hidden":"true",class:"navigation-landmark-title",id:"primary-navigation-landmark"},"Primary"),a("ul",{class:"navigation-list"},a("slot",{name:"primary-navigation"})))),a("div",{class:{["bottom-wrapper"]:true,["classification-spacing"]:m()}},d(this.el,"secondary-navigation")&&a("nav",{class:"secondary-navigation","aria-labelledby":"secondary-navigation-landmark"},a("span",{"aria-hidden":"true",class:"navigation-landmark-title",id:"secondary-navigation-landmark"},"Secondary"),a("ul",{class:"navigation-list"},a("slot",{name:"secondary-navigation"}))),a("div",{class:"bottom-side-nav"},this.hasSecondaryNavigation&&a("ic-divider",null),f&&a("button",{class:"menu-expand-button",innerHTML:o,onClick:()=>this.toggleMenuExpanded(!this.menuExpanded),"aria-label":`${n?"Collapse":"Expand"} side navigation`}),a("div",{class:"app-status-wrapper"},p!==""&&a("div",{class:{["app-status"]:true}},a("ic-typography",{"aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},p)),c!==""&&a("ic-typography",{variant:"label",class:"app-version","aria-label":"app version"},c))))))}get el(){return e(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};f.style=x;export{f as ic_side_navigation};
+//# sourceMappingURL=p-7d1f7976.entry.js.map

package/dist/core/p-7d1f7976.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icSideNavigationCss","SideNavigation","constructor","hostRef","this","ANIMATION_DURATION","parseInt","getCssProperty","IC_NAVIGATION_ITEM","resizeObserver","COLLAPSED_ICON_LABELS_END","COLLAPSED_ICON_LABELS_START","menuButton","emitSideNavigationExpanded","objDetails","icSideNavExpanded","emit","sideNavExpanded","sideNavMobile","toggleMenu","menuOpen","setMobileMenuAriaAttributes","arrangeSlottedNavigationItem","setToggleMenuFlyoutMenuVisibility","sideNav","el","shadowRoot","querySelector","sideNavInner","bottomWrapper","menuVisibilityVisible","classList","add","setTimeout","remove","setAttribute","setAndRemoveNoWrapAfterMenuExpanded","appTitle","toggleMenuExpanded","expanded","deviceSize","DEVICE_SIZES","S","menuExpanded","style","setProperty","addEventListener","e","propertyName","displayTooltipWithExpandedLongLabel","collapsedIconLabels","animateCollapsedIconLabels","setExpandedButtonHeight","navItems","querySelectorAll","forEach","navItem","isNamedSlot","isSlotUsed","isUnnamedSlot","children","getAttribute","navItemSlot","iconWrapper","document","createElement","icon","label","textContent","trim","icTypography","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","_a","_b","icTypographyScrollWidth","scrollWidth","clearTimeout","setMenuExpanded","setParentPaddingTop","value","parentElement","setParentPaddingLeft","renderAppTitle","isAppNameSubtitleVariant","displayShortAppTitle","isEmptyString","shortAppTitle","h","variant","undefined","resizeObserverCallback","currSize","isSmallAndDisableTopBar","disableTopBarBehaviour","disableAutoParentStyling","topBarHeight","scrollHeight","inline","L","M","static","runResizeObserver","ResizeObserver","getCurrentDeviceSize","deviceSizeAppTitle","observe","body","box","setCollapsedIconLabels","styleSlottedCollapsedIconLabel","dynamicSlottedIcTypographyComps","contains","renderTopBar","isSDevice","foregroundColor","href","hasTitle","isPropDefined","Component","attrs","class","id","size","theme","monochrome","onClick","ariaOwnsId","ref","slot","innerHTML","closeIcon","menuIcon","assign","name","getBrandForegroundAppearance","hasSecondaryNavigation","status","version","watchExpandedHandler","componentWillLoad","componentDidLoad","checkResizeObserver","onComponentRequiredPropUndefined","prop","propName","disconnectedCallback","disconnect","removeEventListener","brandChangeHandler","detail","mode","render","isMdDevice","isLgDevice","displayExpandBtn","topBarProps","Host","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\n  --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);\n  --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);\n  z-index: var(--ic-z-index-side-navigation);\n}\n\n:host > * {\n  box-sizing: border-box;\n}\n\n.side-navigation {\n  display: flex;\n  flex-direction: column;\n  width: var(--side-navigation-width);\n  color: var(--ic-side-navigation-text);\n  position: var(--side-navigation-position);\n  top: var(--side-navigation-position-top);\n  left: calc(var(--side-navigation-width) * -1);\n  bottom: 0;\n  background-color: var(--ic-side-navigation-background);\n  z-index: var(--ic-z-index-side-navigation);\n}\n\n:host(.ic-side-navigation-inline) .side-navigation {\n  position: absolute;\n  height: 100%;\n}\n\n:host(.anchor-right) .side-navigation {\n  right: calc(var(--side-navigation-width) * -1);\n}\n\n.classification-spacing {\n  margin-bottom: var(--ic-space-lg);\n}\n\n.navigation-list {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.side-navigation-inner {\n  background-color: var(--ic-side-navigation-background);\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 0;\n  overflow: auto;\n}\n\n:host(.ic-side-navigation-inline) .side-navigation-inner {\n  flex: 1;\n}\n\n:host(.xs-menu-open) .side-navigation {\n  transition: left var(--ic-easing-transition-slow);\n  left: 0;\n}\n\n:host(:has(.xs-menu-open, .xs-menu-close)) ::slotted(ic-navigation-item) {\n  --navigation-item-side-nav-right: var(--ic-space-xl);\n}\n\n:host(.xs-menu-close) .side-navigation {\n  left: calc(var(--side-navigation-width) * -1);\n  transition: left var(--ic-easing-transition-slow);\n}\n\n:host(.xs-menu-close) .side-navigation > * {\n  visibility: hidden;\n}\n\n:host(.anchor-right.xs-menu-open) .side-navigation {\n  right: 0;\n  left: auto;\n}\n\n:host(.anchor-right.xs-menu-close) .side-navigation {\n  right: calc(var(--side-navigation-width) * -1);\n  left: auto;\n  transition: right var(--ic-easing-transition-slow);\n}\n\n.bottom-wrapper {\n  border-top: var(--keyline-lighten);\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n  box-shadow: -0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);\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-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-width: 100%;\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: -0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%);\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-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}\n\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group) {\n  --navigation-group-title-position: absolute;\n  --navigation-group-title-position-left: -9999px;\n  --navigation-group-title-opacity: none;\n}\n\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-group) {\n  --navigation-group-title-position: relative;\n  --navigation-group-title-position-left: 0;\n  --navigation-group-expand-toggle-padding: 0.25rem;\n  --navigation-group-title-opacity: flex;\n}\n\n:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,\n:host(.sm-collapsed.collapsed-labels.side-display) .top-bar {\n  width: var(--sm-side-navigation-collapsed-labels-width);\n}\n\n:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button {\n  padding: 0;\n}\n\n:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper {\n  width: 100%;\n  justify-content: center;\n}\n\n:host(.sm-collapsed.collapsed-labels.side-display)\n  ::slotted(ic-navigation-group) {\n  --navigation-group-justify-content: center;\n  --navigation-item-label-opacity: 1;\n  --navigation-group-item-min-width: 100%;\n  --navigation-group-expand-toggle-padding: 1rem;\n}\n\n:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button {\n  justify-content: center;\n}\n\n:host(.side-display) .collapsed-icon-labels-start {\n  visibility: hidden;\n  opacity: 0;\n}\n\n:host(.side-display) .collapsed-icon-labels-end {\n  visibility: visible;\n  opacity: 1;\n  transition: visibility 0s, opacity var(--ic-easing-transition-slow);\n}\n\n/* Media Queries */\n\n@media screen and (max-width: 419px) {\n  .top-bar {\n    height: var(--side-navigation-height);\n  }\n  .side-navigation {\n    width: 100%;\n  }\n}\n\n@media screen and (min-width: 340px) {\n  .app-icon-container {\n    display: flex;\n  }\n}\n\n@media screen and (min-width: 993px) {\n  :host(.side-display) {\n    position: sticky;\n    left: auto;\n    top: 0;\n    bottom: 0;\n  }\n\n  :host(.sm-expanded.side-display) {\n    box-shadow: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .side-navigation,\n  .top-bar {\n    border-right: var(--ic-border-hc);\n  }\n\n  .menu-expand-button {\n    color: Highlight !important;\n  }\n\n  slot[name=\"app-icon\"]::slotted(svg) {\n    fill: currentcolor;\n  }\n}\n","import { 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.menuButton = null;\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            const sideNav = this.el.shadowRoot.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 !== null) {\n                this.menuButton.setAttribute(\"aria-expanded\", `${menuOpen}`);\n                this.menuButton.setAttribute(\"aria-label\", `${menuOpen ? \"Close\" : \"Open\"} navigation menu`);\n            }\n        };\n        this.setAndRemoveNoWrapAfterMenuExpanded = () => {\n            const appTitle = this.el.shadowRoot.querySelector(\".title-link ic-typography\") ||\n                this.el.querySelector(\"[slot='app-title']\");\n            appTitle.classList.add(\"ic-typography-no-wrap\");\n            setTimeout(() => {\n                appTitle.classList.remove(\"ic-typography-no-wrap\");\n            }, this.ANIMATION_DURATION);\n        };\n        this.toggleMenuExpanded = (expanded) => {\n            if (this.deviceSize > DEVICE_SIZES.S) {\n                this.menuExpanded = expanded;\n            }\n            if (this.menuExpanded) {\n                this.setAndRemoveNoWrapAfterMenuExpanded();\n                this.el.shadowRoot\n                    .querySelector(\".app-title-inner-wrapper\")\n                    .classList.add(\"app-title-show\");\n            }\n            else {\n                this.el.style.setProperty(\"--navigation-item-width\", \"320px\");\n                this.el.shadowRoot\n                    .querySelector(\".app-title-inner-wrapper\")\n                    .classList.remove(\"app-title-show\");\n                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                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.querySelector(\"svg\");\n                    const label = navItem.textContent.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.height = \"var(--ic-space-lg)\";\n                    iconWrapper.append(icon);\n                    navItemSlot.textContent = \"\";\n                    icTypography.textContent = label;\n                    navItemSlot.append(iconWrapper);\n                    navItemSlot.append(icTypography);\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            const appStatusWrapper = this.el.shadowRoot.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            const primaryNavigationWrapper = this.el.shadowRoot.querySelector(\".primary-navigation\");\n            const secondaryNavigationWrapper = this.el.shadowRoot.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            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        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 > sideNavWidth - paddingIconDelta) {\n                            navigationItem.setAttribute(\"display-navigation-tooltip\", \"true\");\n                        }\n                    });\n                }, this.ANIMATION_DURATION);\n            }\n            else {\n                clearTimeout(timer);\n                const navigationItems = Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));\n                navigationItems.forEach((navigationItem) => {\n                    navigationItem.setAttribute(\"display-navigation-tooltip\", \"false\");\n                });\n            }\n        };\n        this.setMenuExpanded = (expanded) => {\n            this.menuExpanded = expanded;\n        };\n        /**\n         * As the mobile top bar is fixed, a padding top is required\n         * to push main content down the height of the mobile top bar\n         * @param value - padding-top css value\n         */\n        this.setParentPaddingTop = (value) => {\n            this.el.parentElement.style.setProperty(\"padding-top\", value);\n        };\n        this.setParentPaddingLeft = (value) => {\n            this.el.parentElement.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;\n            this.deviceSize = currSize;\n            const isSmallAndDisableTopBar = currSize === DEVICE_SIZES.S && !this.disableTopBarBehaviour;\n            if (!this.disableAutoParentStyling) {\n                const topBarHeight = (_a = this.el.shadowRoot.querySelector(\".top-bar\")) === null || _a === void 0 ? void 0 : _a.scrollHeight;\n                this.setParentPaddingTop(isSmallAndDisableTopBar ? `${topBarHeight}px` : \"0\");\n                if (isSmallAndDisableTopBar)\n                    this.setParentPaddingLeft(\"0\");\n                if (isSmallAndDisableTopBar && this.inline) {\n                    this.el.parentElement.style.setProperty(\"height\", `calc(100% - ${topBarHeight}px)`);\n                }\n                else if (!isSmallAndDisableTopBar) {\n                    this.el.parentElement.style.setProperty(\"height\", \"100%\");\n                }\n            }\n            if (!this.disableAutoParentStyling) {\n                const paddingLeft = `calc(var(--ic-space-xxl) ${this.collapsedIconLabels ? \"* 2\" : \"+ var(--ic-space-xs)\"})`;\n                if (currSize > DEVICE_SIZES.L) {\n                    this.setParentPaddingTop(\"0\");\n                    this.setParentPaddingLeft(\"0\");\n                }\n                else if ((currSize > DEVICE_SIZES.S || this.disableTopBarBehaviour) &&\n                    currSize <= DEVICE_SIZES.M &&\n                    this.static) {\n                    this.setParentPaddingLeft(paddingLeft);\n                }\n                else if ((currSize > DEVICE_SIZES.S || this.disableTopBarBehaviour) &&\n                    currSize <= DEVICE_SIZES.L) {\n                    this.setParentPaddingLeft(this.static && this.menuExpanded\n                        ? \"calc(var(--ic-space-xl) * 10)\"\n                        : paddingLeft);\n                }\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                const currSize = getCurrentDeviceSize();\n                this.deviceSizeAppTitle = currSize;\n                this.resizeObserverCallback(currSize);\n            });\n            this.resizeObserver.observe(document.body, { box: \"content-box\" });\n        };\n        this.setCollapsedIconLabels = () => {\n            const navigationItems = Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));\n            navigationItems.forEach((navigationItem) => {\n                navigationItem.setAttribute(\"collapsed-icon-label\", \"true\");\n            });\n        };\n        this.styleSlottedCollapsedIconLabel = () => {\n            const dynamicSlottedIcTypographyComps = Array.from(this.el.querySelectorAll(\".navigation-item-side-nav-slotted-text\"));\n            dynamicSlottedIcTypographyComps.forEach((icTypography) => {\n                var _a, _b;\n                if ((_b = (_a = icTypography === null || icTypography === void 0 ? void 0 : 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        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        this.appTitle = undefined;\n        this.collapsedIconLabels = false;\n        this.disableAutoParentStyling = false;\n        this.disableTopBarBehaviour = false;\n        this.expanded = false;\n        this.href = \"/\";\n        this.inline = false;\n        this.shortAppTitle = \"\";\n        this.static = false;\n        this.status = undefined;\n        this.version = undefined;\n    }\n    watchExpandedHandler() {\n        this.toggleMenuExpanded(this.expanded);\n    }\n    componentWillLoad() {\n        this.setMenuExpanded(this.expanded);\n        if (this.collapsedIconLabels) {\n            this.setCollapsedIconLabels();\n        }\n        this.hasSecondaryNavigation = isSlotUsed(this.el, \"secondary-navigation\");\n    }\n    componentDidLoad() {\n        this.emitSideNavigationExpanded({\n            sideNavExpanded: this.menuExpanded,\n            sideNavMobile: this.deviceSize === DEVICE_SIZES.S && !this.disableTopBarBehaviour,\n        });\n        checkResizeObserver(this.runResizeObserver);\n        this.styleSlottedCollapsedIconLabel();\n        this.arrangeSlottedNavigationItem(this.menuExpanded);\n        this.displayTooltipWithExpandedLongLabel(this.menuExpanded);\n        this.setExpandedButtonHeight();\n        !isSlotUsed(this.el, \"app-title\") &&\n            onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: \"app-title\" }], \"Side Navigation\");\n    }\n    disconnectedCallback() {\n        var _a;\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n        (_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"transitionend\", this.transitionEndHandler);\n    }\n    brandChangeHandler({ detail }) {\n        this.foregroundColor = detail.mode;\n    }\n    render() {\n        const { appTitle, menuOpen, foregroundColor, menuExpanded, href, status, version, collapsedIconLabels, inline, } = this;\n        const isSDevice = !this.disableTopBarBehaviour && this.deviceSize === DEVICE_SIZES.S;\n        const isMdDevice = this.deviceSize === DEVICE_SIZES.M;\n        const isLgDevice = this.deviceSize >= DEVICE_SIZES.L;\n        const isAppNameSubtitleVariant = this.deviceSizeAppTitle === DEVICE_SIZES.S;\n        const displayExpandBtn = isMdDevice || this.disableTopBarBehaviour || (isLgDevice && !this.static);\n        const topBarProps = {\n            isSDevice,\n            foregroundColor,\n            menuOpen,\n            href,\n            isAppNameSubtitleVariant,\n            appTitle,\n        };\n        return (h(Host, { 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\", { class: \"side-navigation\", id: \"side-navigation\" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h(\"div\", { class: \"side-navigation-inner\" }, isSlotUsed(this.el, \"primary-navigation\") && (h(\"nav\", { class: \"primary-navigation\", \"aria-labelledby\": \"primary-navigation-landmark\" }, h(\"span\", { \"aria-hidden\": \"true\", class: \"navigation-landmark-title\", id: \"primary-navigation-landmark\" }, \"Primary\"), h(\"ul\", { class: \"navigation-list\" }, h(\"slot\", { name: \"primary-navigation\" }))))), h(\"div\", { class: {\n                [\"bottom-wrapper\"]: true,\n                [\"classification-spacing\"]: hasClassificationBanner(),\n            } }, isSlotUsed(this.el, \"secondary-navigation\") && (h(\"nav\", { class: \"secondary-navigation\", \"aria-labelledby\": \"secondary-navigation-landmark\" }, h(\"span\", { \"aria-hidden\": \"true\", class: \"navigation-landmark-title\", id: \"secondary-navigation-landmark\" }, \"Secondary\"), h(\"ul\", { class: \"navigation-list\" }, h(\"slot\", { name: \"secondary-navigation\" })))), h(\"div\", { class: \"bottom-side-nav\" }, this.hasSecondaryNavigation && h(\"ic-divider\", null), displayExpandBtn && (h(\"button\", { class: \"menu-expand-button\", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), \"aria-label\": `${menuExpanded ? \"Collapse\" : \"Expand\"} side navigation` })), h(\"div\", { class: \"app-status-wrapper\" }, status !== \"\" && (h(\"div\", { class: {\n                [\"app-status\"]: true,\n            } }, h(\"ic-typography\", { \"aria-label\": \"app tag\", variant: \"label-uppercase\", class: \"app-status-text\" }, status))), version !== \"\" && (h(\"ic-typography\", { 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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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                \"attribute\": \"app-title\",\n                \"reflect\": false\n            },\n            \"collapsedIconLabels\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the icon and label will appear when side navigation is collapsed.\"\n                },\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, automatic parent wrapper styling will be disabled.\"\n                },\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the side navigation will not display as a top bar on small devices.\"\n                },\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the side navigation will display in an expanded state.\"\n                },\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the app title link points to.\"\n                },\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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                \"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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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                \"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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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                \"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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the app to be displayed.\"\n                },\n                \"attribute\": \"status\",\n                \"reflect\": false\n            },\n            \"version\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The version of the app to be displayed.\"\n                },\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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"}

package/dist/core/p-9158c34f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as a,g as o}from"./p-8455d1bb.js";import{r,k as n,i as c,j as d,b as s,s as l,d as h}from"./p-70616efa.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}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper [slot="additional-field"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled,ic-radio-option.ic-radio-option-disabled .radio-label{--ic-typography-color:var(--ic-radio-button-text-option-disabled)}.container input:focus+span.checkmark,.container:hover input:focus+span.checkmark,.container:active input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-radio-button-background-default);border:var(--ic-space-1px) solid var(--ic-radio-button-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:var(--ic-border-width) solid var(--ic-radio-button-default-hover)}.container:hover input:checked~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:0.125rem solid var(--ic-radio-button-default-hover)}.container:hover:not(.disabled) input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-hover)}.container:active input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed);border:var(--ic-border-width) solid var(--ic-radio-button-default-pressed)}.container:active input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-pressed);box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed)}.container:active input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-pressed)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-active)}.container input:checked:disabled~.checkmark{border:0.125rem solid var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark::after{background:var(--ic-radio-button-disabled)}.container:hover input:disabled~.checkmark{box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-radio-button-disabled)}.container .checkmark::after{content:"";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-radio-button-default-active)}.radio-label{margin-left:var(--ic-space-md);--ic-typography-color:var(--ic-radio-button-text-option)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-radio-button-required-bar);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-radio-button-required-bar);border-left:0.125rem solid var(--ic-radio-button-required-bar);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-radio-button-required-text);--ic-typography-color:var(--ic-radio-button-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){ic-text-field{--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}';const b="additional-field";const u=class{constructor(t){e(this,t);this.icCheck=i(this,"icCheck",7);this.icSelectedChange=i(this,"icSelectedChange",7);this.defaultRadioValue="";this.hasAdditionalField=false;this.skipFocus=false;this.handleClick=e=>{var i;const t=e.target.matches(".dynamic-container:not(ic-radio-option, .checkmark), .dynamic-container *:not(ic-radio-option, .checkmark)");if(!this.disabled&&(!t||e.target===this.radioElement)){e.stopPropagation();if(this.skipFocus===false){this.radioElement.focus()}this.skipFocus=false;if(this.hasAdditionalField){this.value=((i=this.getAdditionalField())===null||i===void 0?void 0:i.value)||this.defaultRadioValue}this.icCheck.emit({value:this.value})}};this.handleKeyDown=e=>{const i=["IC-DATE-INPUT","IC-DATE-PICKER"];if(this.getAdditionalField()==document.activeElement&&i.includes(this.getAdditionalField().nodeName)){e.stopPropagation()}};this.handleFormReset=()=>{this.skipFocus=true;this.selected=this.initiallySelected};this.additionalFieldDisplay="static";this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.groupLabel=undefined;this.label=undefined;this.name=undefined;this.theme="inherit";this.value=undefined;this.selected=false;this.initiallySelected=this.selected}watchDisabledHandler(){r(this.disabled,this.el)}watchSelectedHandler(){this.icSelectedChange.emit()}handleCheck(e){if(this.additionalFieldDisplay==="static"&&Array.from(this.el.querySelectorAll("ic-radio-option")).includes(e.target))this.icCheck.emit({value:this.value})}disconnectedCallback(){n(this.el,this.handleFormReset)}componentWillLoad(){if(c(this.el,b)){this.hasAdditionalField=true;this.getAdditionalField()}this.defaultRadioValue=this.value;d(this.el,this.handleFormReset);r(this.disabled,this.el)}componentDidLoad(){s([{prop:this.value,propName:"value"}],"Radio Option")}componentWillRender(){const e=l(this.el,b);if(e&&!this.hasAdditionalField){this.hasAdditionalField=true;this.getAdditionalField()}else if(!e&&this.hasAdditionalField){this.hasAdditionalField=false}}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.getAdditionalField();if(!this.selected||this.disabled){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}}additionalFieldValueHandler(e){if(this.selected){this.value=e.detail.value||this.defaultRadioValue;this.icCheck.emit({value:this.value})}e.stopImmediatePropagation()}async setFocus(){var e;(e=this.radioElement)===null||e===void 0?void 0:e.focus()}async setTabIndex(e){this.radioElement.tabIndex=e}getAdditionalField(){const e=this.el.querySelector('ic-text-field[slot="additional-field"]');if(e)e.hiddenInput=false;return e}render(){const{additionalFieldDisplay:e,disabled:i,dynamicText:o,form:r,groupLabel:n,handleClick:c,handleKeyDown:d,hasAdditionalField:s,label:l,name:p,selected:u,value:m,theme:v}=this;const f=`ic-radio-option-${h(l)||m}-${n}`;return t(a,{onClick:c,onKeyDown:d,class:{["ic-radio-option-disabled"]:i,[`ic-theme-${v}`]:v!=="inherit"}},t("div",{class:{container:true,disabled:i}},t("div",null,t("input",{tabindex:u?"0":"-1",type:"radio",name:p,id:f,value:m,disabled:i?true:null,checked:u,ref:e=>this.radioElement=e,form:r}),t("span",{class:"checkmark"})),t("ic-typography",{class:"radio-label",variant:"body"},t("label",{htmlFor:f},l))),s&&t("div",{class:{"dynamic-container":true,hidden:e==="dynamic"&&!u}},e==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,e==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text"},o)),t("div",{class:{"additional-field-wrapper":e==="static"}},t("slot",{name:b})))))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],selected:["watchSelectedHandler"]}}};u.style=p;export{u as ic_radio_option};
+//# sourceMappingURL=p-9158c34f.entry.js.map