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

package/dist/core/p-44ee5375.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CONTEXT_ID_ATTR","TabContext","constructor","hostRef","this","newTabPanels","newTabs","linkTabs","tabs","forEach","tab","index","tabId","contextId","tabPanelId","setAttribute","tabPosition","tabGroup","tabPanels","theme","getChildren","el","querySelector","Array","from","querySelectorAll","children","filter","child","tagName","enabledTabs","getEnabledTabs","keydownHandler","event","isManual","activationType","enabledTabIndex","findIndex","focusedTabIndex","selectedTab","keyboardFunction","keyboardFocusTab","keyboardSelectTab","preventDefault","key","length","setInitialTab","selectedTabIndex","undefined","firstEnabledTabIndex","configureTabs","selected","tabPanel","hidden","disabled","newIndex","focus","icTabSelect","emit","tabIndex","tabLabel","textContent","trim","monochrome","updateSelectedTab","newValue","watchMonochromeHandler","watchThemeHandler","componentDidLoad","addEventListener","componentWillUpdate","disconnectedCallback","removeEventListener","tabClickHandler","detail","position","stopImmediatePropagation","tabCreatedHandler","ev","setFocus","push","tabEnabledHandler","tabRemovedHandler","hadFocus","render","h"],"sources":["../web-components/dist/collection/components/ic-tab-context/ic-tab-context.js"],"sourcesContent":["import { h, } from \"@stencil/core\";\nconst CONTEXT_ID_ATTR = \"context-id\";\nexport class TabContext {\n    constructor() {\n        this.newTabPanels = [];\n        this.newTabs = [];\n        /** Sets attributes to link tab-group, tabs and tab-panels */\n        this.linkTabs = () => {\n            this.tabs.forEach((tab, index) => {\n                const tabId = `ic-tab-${index}-context-${this.contextId}`;\n                const tabPanelId = `ic-tab-panel-${index}-context-${this.contextId}`;\n                tab.setAttribute(\"id\", tabId);\n                tab.tabId = `ic-tab--${index}-context-${this.contextId}`;\n                tab.tabPosition = index;\n                tab.setAttribute(\"aria-controls\", tabPanelId);\n                tab.setAttribute(CONTEXT_ID_ATTR, this.contextId);\n                this.tabGroup.setAttribute(CONTEXT_ID_ATTR, this.contextId);\n                this.tabPanels[index].setAttribute(\"id\", tabPanelId);\n                this.tabPanels[index].setAttribute(\"aria-labelledby\", tabId);\n                this.tabPanels[index].setAttribute(CONTEXT_ID_ATTR, this.contextId);\n                tab.theme = this.theme;\n                this.tabPanels[index].theme = this.theme;\n                this.tabGroup.theme = this.theme;\n            });\n        };\n        /**\n         * Gets tabs and tabpanels with the same context ID using querySelector to selector the children in relation to the host\n         */\n        this.getChildren = () => {\n            this.tabGroup = this.el.querySelector(\"ic-tab-group\");\n            this.tabs = Array.from(this.tabGroup.querySelectorAll(\"ic-tab\"));\n            this.tabPanels = Array.from(this.el.children).filter((child) => child.tagName === \"IC-TAB-PANEL\");\n            this.enabledTabs = this.getEnabledTabs();\n        };\n        this.keydownHandler = (event) => {\n            const isManual = this.activationType === \"manual\";\n            const enabledTabIndex = this.enabledTabs.findIndex((tab) => tab.tabId ===\n                this.tabs[isManual ? this.focusedTabIndex : this.selectedTab].tabId);\n            const keyboardFunction = isManual\n                ? this.keyboardFocusTab\n                : this.keyboardSelectTab;\n            let preventDefault = true;\n            switch (event.key) {\n                case \"Home\":\n                    keyboardFunction(0);\n                    break;\n                case \"End\":\n                    keyboardFunction(this.enabledTabs.length - 1);\n                    break;\n                case \"ArrowRight\":\n                    keyboardFunction(enabledTabIndex < this.enabledTabs.length - 1\n                        ? enabledTabIndex + 1\n                        : 0);\n                    break;\n                case \"ArrowLeft\":\n                    keyboardFunction((enabledTabIndex > 0 ? enabledTabIndex : this.enabledTabs.length) - 1);\n                    break;\n                default:\n                    if (isManual && (event.key === \"Enter\" || event.key === \" \")) {\n                        this.keyboardSelectTab(this.focusedTabIndex);\n                    }\n                    else {\n                        preventDefault = false;\n                    }\n            }\n            if (preventDefault)\n                event.preventDefault();\n        };\n        /** Sets the tab that is selected on initial render */\n        this.setInitialTab = () => {\n            if (this.selectedTabIndex !== undefined) {\n                this.selectedTab = this.selectedTabIndex;\n                this.focusedTabIndex = this.selectedTabIndex;\n            }\n            else {\n                const firstEnabledTabIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[0].tabId);\n                this.selectedTab = firstEnabledTabIndex;\n                this.focusedTabIndex = firstEnabledTabIndex;\n            }\n        };\n        /** Passes the selected tab to the tab and tab panel components */\n        this.configureTabs = () => {\n            this.enabledTabs.forEach((tab) => {\n                tab.selected = tab.tabPosition === this.selectedTab;\n            });\n            this.tabPanels.forEach((tabPanel, index) => {\n                tabPanel.hidden = index !== this.selectedTab;\n            });\n        };\n        this.getEnabledTabs = () => Array.from(this.tabs).filter((child) => !child.disabled);\n        /** Sets focus on tab and selects it */\n        this.keyboardSelectTab = (enabledTabIndex) => {\n            const newIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId);\n            this.enabledTabs[enabledTabIndex].focus();\n            if (this.selectedTabIndex === undefined) {\n                this.selectedTab = newIndex;\n            }\n            else {\n                /* eslint-disable no-unexpected-multiline */\n                this.icTabSelect.emit({\n                    tabIndex: newIndex,\n                    tabLabel: this.el\n                        .querySelectorAll(\"ic-tab\")[newIndex].textContent.trim(),\n                });\n            }\n        };\n        /** Sets focus on tab without selecting it (for manual activation) */\n        this.keyboardFocusTab = (enabledTabIndex) => {\n            this.enabledTabs[enabledTabIndex].focus();\n            this.focusedTabIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId);\n        };\n        this.selectedTab = undefined;\n        this.activationType = \"automatic\";\n        this.contextId = \"default\";\n        this.selectedTabIndex = undefined;\n        this.monochrome = false;\n        this.theme = \"inherit\";\n    }\n    updateSelectedTab(newValue) {\n        this.selectedTab = newValue;\n    }\n    watchMonochromeHandler() {\n        this.tabs.forEach((tab, index) => {\n            tab.monochrome = this.monochrome;\n            this.tabPanels[index].monochrome = this.monochrome;\n        });\n        this.tabGroup.monochrome = this.monochrome;\n    }\n    watchThemeHandler() {\n        this.tabs.forEach((tab, index) => {\n            tab.theme = this.theme;\n            this.tabPanels[index].theme = this.theme;\n        });\n        this.tabGroup.theme = this.theme;\n    }\n    componentDidLoad() {\n        if (this.selectedTabIndex !== undefined) {\n            this.selectedTab = this.selectedTabIndex;\n        }\n        this.getChildren();\n        this.linkTabs();\n        this.tabGroup.addEventListener(\"keydown\", this.keydownHandler);\n        this.setInitialTab();\n        this.configureTabs();\n    }\n    componentWillUpdate() {\n        this.configureTabs();\n    }\n    disconnectedCallback() {\n        this.tabGroup.removeEventListener(\"keydown\", this.keydownHandler);\n    }\n    tabClickHandler(event) {\n        if (this.selectedTabIndex === undefined &&\n            event.detail.contextId === this.contextId) {\n            this.selectedTab = event.detail.position;\n        }\n        /* eslint-disable no-unexpected-multiline */\n        this.icTabSelect.emit({\n            tabIndex: event.detail.position,\n            tabLabel: this.el\n                .querySelectorAll(\"ic-tab\")[event.detail.position].textContent.trim(),\n        });\n        /* eslint-enable no-unexpected-multiline */\n        event.stopImmediatePropagation();\n    }\n    tabCreatedHandler(ev) {\n        if (this.tabs && this.tabPanels) {\n            (ev.detail.setFocus ? this.newTabs : this.newTabPanels).push(ev.detail);\n            if (this.newTabs.length === this.newTabPanels.length) {\n                this.tabs.push(...this.newTabs);\n                this.tabPanels.push(...this.newTabPanels);\n                this.enabledTabs = this.getEnabledTabs();\n                this.linkTabs();\n                if (!this.tabs[this.selectedTab] || !this.tabPanels[this.selectedTab])\n                    this.setInitialTab();\n                this.configureTabs();\n                this.newTabs = [];\n                this.newTabPanels = [];\n            }\n        }\n    }\n    tabEnabledHandler() {\n        this.enabledTabs = this.getEnabledTabs();\n    }\n    /**\n     * @internal Used to set tab/tab panel IDs when a tab/tab panel has been removed\n     */\n    async tabRemovedHandler(hadFocus) {\n        this.getChildren();\n        this.linkTabs();\n        if (this.tabs[this.selectedTab] && this.tabPanels[this.selectedTab]) {\n            this.tabs[this.selectedTab].selected = true;\n            this.tabPanels[this.selectedTab].hidden = false;\n        }\n        else {\n            this.setInitialTab();\n        }\n        if (hadFocus) {\n            this.tabs[this.selectedTab].setFocus();\n        }\n    }\n    render() {\n        return h(\"slot\", null);\n    }\n    static get is() { return \"ic-tab-context\"; }\n    static get properties() {\n        return {\n            \"activationType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcActivationTypes\",\n                    \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.\"\n                },\n                \"attribute\": \"activation-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"automatic\\\"\"\n            },\n            \"contextId\": {\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 unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.\"\n                },\n                \"attribute\": \"context-id\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"selectedTabIndex\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.\"\n                },\n                \"attribute\": \"selected-tab-index\",\n                \"reflect\": false\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the tabs will display as black in the light theme.\"\n                },\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"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            \"selectedTab\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icTabSelect\",\n                \"name\": \"icTabSelect\",\n                \"bubbles\": false,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a user selects a tab.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabSelectEventDetail\",\n                    \"resolved\": \"IcTabSelectEventDetail\",\n                    \"references\": {\n                        \"IcTabSelectEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-tab/ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabSelectEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"tabRemovedHandler\": {\n                \"complexType\": {\n                    \"signature\": \"(hadFocus?: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"hadFocus\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to set tab/tab panel IDs when a tab/tab panel has been removed\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"selectedTabIndex\",\n                \"methodName\": \"updateSelectedTab\"\n            }, {\n                \"propName\": \"monochrome\",\n                \"methodName\": \"watchMonochromeHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"tabClick\",\n                \"method\": \"tabClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"tabCreated\",\n                \"method\": \"tabCreatedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"tabPanelCreated\",\n                \"method\": \"tabCreatedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"tabEnabled\",\n                \"method\": \"tabEnabledHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-tab-context.js.map\n"],"mappings":"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"}

package/dist/core/{p-c21d0db8.entry.js → p-486d8d43.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as o,g as a}from"./p-8455d1bb.js";import{r as s,i as r}from"./p-9397b15b.js";const n='/*! 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{--indicator-initial-color:rgba(23 89 188 / 0%);--focus-indicator:var(--ic-border-focus);display:flex;align-items:center;border-radius:0;color:var(--ic-tab-label);--ic-typography-color:var(--ic-tab-label);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}::slotted([slot="icon"]){fill:var(--ic-tab-icon)}:host(:focus){box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}:host(:focus-visible){outline:var(--ic-hc-focus-outline)}:host(:hover){background-color:var(--ic-tab-item-hover)}:host(:active){background-color:var(--ic-tab-item-pressed)}:host(.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item)}:host(.ic-tab-disabled){pointer-events:none;color:var(--ic-architectural-300)}:host(.ic-tab-disabled) ic-typography{color:var(--ic-architectural-300);--ic-typography-color:var(--ic-architectural-300)}:host(.ic-tab-monochrome){color:var(--ic-tab-label-monochrome)}:host(.ic-tab-monochrome) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-monochrome)}:host(.ic-tab-monochrome.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item-monochrome)}:host(.ic-tab-monochrome:hover){background-color:var(--ic-tab-item-hover-monochrome)}:host(.ic-tab-monochrome:active){background-color:var(--ic-tab-item-pressed-monochrome)}@media (prefers-reduced-motion: no-preference){:host(.ic-tab-selected.with-transition){transition:all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow)}}.ic-tab-label{pointer-events:none;text-wrap:nowrap}::slotted(svg){fill:currentcolor}@media (forced-colors: active){:host{border-bottom:var(--ic-space-xxs) solid canvas}:host(.ic-tab-disabled){color:GrayText}:host(.ic-tab-disabled) ic-typography{color:GrayText;--ic-typography-color:GrayText}}';const c=class{constructor(i){t(this,i);this.tabClick=e(this,"tabClick",7);this.tabCreated=e(this,"tabCreated",7);this.tabEnabled=e(this,"tabEnabled",7);this.tabFocus=e(this,"tabFocus",7);this.tabRemoved=e(this,"tabRemoved",7);this.focusFromClick=false;this.isInitialRender=true;this.handleClick=()=>{this.tabClick.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});if(this.focusFromClick){this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});this.focusFromClick=false}};this.handleFocus=()=>{if(!this.focusFromClick){this.focusTabId=this.tabId;this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition})}};this.handleMouseDown=()=>{this.focusFromClick=true};this.contextId="default";this.disabled=false;this.monochrome=false;this.selected=false;this.tabId=undefined;this.tabPosition=undefined;this.theme="inherit"}disabledWatchHandler(){this.tabEnabled.emit()}connectedCallback(){this.tabCreated.emit(this.el)}disconnectedCallback(){const t=document.querySelector(`ic-tab-context[context-id=${this.contextId}]`);if(t){t.tabRemovedHandler(!!this.focusTabId)}}componentWillLoad(){s(this.disabled,this.el)}componentDidUpdate(){this.isInitialRender=false}async setFocus(){if(this.el){this.el.focus()}}render(){const{disabled:t,selected:e,theme:a,monochrome:s}=this;return i(o,{class:{["with-transition"]:!this.isInitialRender,["ic-tab-selected"]:e,["ic-tab-disabled"]:t,[`ic-theme-${a}`]:a!=="inherit",["ic-tab-monochrome"]:s},role:"tab","aria-selected":e?"true":"false",onClick:this.handleClick,onFocus:this.handleFocus,onMouseDown:this.handleMouseDown,"aria-disabled":t?"true":"false",tabindex:this.selected?0:-1},this.el.querySelector('[slot="icon"]')&&i("slot",{name:"icon"}),i("ic-typography",{class:"ic-tab-label",variant:"label"},i("span",null,i("slot",null))),r(this.el,"badge")&&i("slot",{name:"badge"}))}get el(){return a(this)}static get watchers(){return{disabled:["disabledWatchHandler"]}}};c.style=n;export{c as ic_tab};
-//# sourceMappingURL=p-c21d0db8.entry.js.map
+import{r as t,c as e,h as i,H as o,g as a}from"./p-8455d1bb.js";import{r as s,i as r}from"./p-9397b15b.js";const n='/*! 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{--indicator-initial-color:rgba(23 89 188 / 0%);--focus-indicator:var(--ic-border-focus);display:flex;align-items:center;border-radius:0;color:var(--ic-tab-label);--ic-typography-color:var(--ic-tab-label);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}::slotted([slot="icon"]){fill:var(--ic-tab-icon)}:host(:focus){box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}:host(:focus-visible){outline:var(--ic-hc-focus-outline)}:host(:hover){background-color:var(--ic-tab-item-hover)}:host(:active){background-color:var(--ic-tab-item-pressed)}:host(.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item)}:host(.ic-tab-disabled){pointer-events:none;color:var(--ic-architectural-300)}:host(.ic-tab-disabled) ic-typography{color:var(--ic-architectural-300);--ic-typography-color:var(--ic-architectural-300)}:host(.ic-tab-monochrome){color:var(--ic-tab-label-monochrome)}:host(.ic-tab-monochrome) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-monochrome)}:host(.ic-tab-monochrome.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item-monochrome)}:host(.ic-tab-monochrome:hover){background-color:var(--ic-tab-item-hover-monochrome)}:host(.ic-tab-monochrome:active){background-color:var(--ic-tab-item-pressed-monochrome)}@media (prefers-reduced-motion: no-preference){:host(.ic-tab-selected.with-transition){transition:all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow)}}.ic-tab-label{pointer-events:none;text-wrap:nowrap}::slotted(svg){fill:currentcolor}@media (forced-colors: active){:host{border-bottom:var(--ic-space-xxs) solid canvas}:host(.ic-tab-disabled){color:GrayText}:host(.ic-tab-disabled) ic-typography{color:GrayText;--ic-typography-color:GrayText}}';const c=class{constructor(i){t(this,i);this.tabClick=e(this,"tabClick",7);this.tabCreated=e(this,"tabCreated",7);this.tabEnabled=e(this,"tabEnabled",7);this.tabFocus=e(this,"tabFocus",7);this.tabRemoved=e(this,"tabRemoved",7);this.focusFromClick=false;this.isInitialRender=true;this.handleClick=()=>{this.tabClick.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});if(this.focusFromClick){this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});this.focusFromClick=false}};this.handleFocus=()=>{if(!this.focusFromClick){this.focusTabId=this.tabId;this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition})}};this.handleMouseDown=()=>{this.focusFromClick=true};this.contextId="default";this.disabled=false;this.monochrome=false;this.selected=false;this.tabId=undefined;this.tabPosition=undefined;this.theme="inherit"}disabledWatchHandler(){this.tabEnabled.emit()}connectedCallback(){this.tabCreated.emit(this.el)}disconnectedCallback(){var t;(t=document.querySelector(`ic-tab-context[context-id=${this.contextId}]`))===null||t===void 0?void 0:t.tabRemovedHandler(!!this.focusTabId)}componentWillLoad(){s(this.disabled,this.el)}componentDidUpdate(){this.isInitialRender=false}async setFocus(){if(this.el){this.el.focus()}}render(){const{disabled:t,selected:e,theme:a,monochrome:s,handleClick:n,handleFocus:c,handleMouseDown:l}=this;return i(o,{class:{["with-transition"]:!this.isInitialRender,["ic-tab-selected"]:e,["ic-tab-disabled"]:t,[`ic-theme-${a}`]:a!=="inherit",["ic-tab-monochrome"]:s},role:"tab","aria-selected":`${e}`,onClick:n,onFocus:c,onMouseDown:l,"aria-disabled":`${t}`,tabindex:e?0:-1},r(this.el,"icon")&&i("slot",{name:"icon"}),i("ic-typography",{class:"ic-tab-label",variant:"label"},i("span",null,i("slot",null))),r(this.el,"badge")&&i("slot",{name:"badge"}))}get el(){return a(this)}static get watchers(){return{disabled:["disabledWatchHandler"]}}};c.style=n;export{c as ic_tab};
+//# sourceMappingURL=p-486d8d43.entry.js.map

package/dist/core/p-486d8d43.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icTabCss","Tab","constructor","hostRef","this","focusFromClick","isInitialRender","handleClick","tabClick","emit","tabId","contextId","position","tabPosition","tabFocus","handleFocus","focusTabId","handleMouseDown","disabled","monochrome","selected","undefined","theme","disabledWatchHandler","tabEnabled","connectedCallback","tabCreated","el","disconnectedCallback","_a","document","querySelector","tabRemovedHandler","componentWillLoad","removeDisabledFalse","componentDidUpdate","setFocus","focus","render","h","Host","class","role","onClick","onFocus","onMouseDown","tabindex","isSlotUsed","name","variant"],"sources":["../web-components/dist/collection/components/ic-tab/ic-tab.css?tag=ic-tab&encapsulation=shadow","../web-components/dist/collection/components/ic-tab/ic-tab.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  --indicator-initial-color: rgba(23 89 188 / 0%);\n  --focus-indicator: var(--ic-border-focus);\n\n  display: flex;\n  align-items: center;\n  border-radius: 0;\n  color: var(--ic-tab-label);\n\n  --ic-typography-color: var(--ic-tab-label);\n\n  height: 2.5rem;\n  padding: 0 var(--ic-space-md);\n  cursor: pointer;\n  position: relative;\n  border-bottom: var(--ic-space-xxs) solid var(--indicator-initial-color);\n  gap: var(--ic-space-xs);\n  transition: all var(--ic-easing-transition-fast);\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon);\n}\n\n:host(:focus) {\n  box-shadow: var(--focus-indicator);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(:focus-visible) {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(:hover) {\n  background-color: var(--ic-tab-item-hover);\n}\n\n:host(:active) {\n  background-color: var(--ic-tab-item-pressed);\n}\n\n:host(.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item);\n}\n\n:host(.ic-tab-disabled) {\n  pointer-events: none;\n  color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-disabled) ic-typography {\n  color: var(--ic-architectural-300);\n\n  --ic-typography-color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-monochrome) {\n  color: var(--ic-tab-label-monochrome);\n}\n\n:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item-monochrome);\n}\n\n:host(.ic-tab-monochrome:hover) {\n  background-color: var(--ic-tab-item-hover-monochrome);\n}\n\n:host(.ic-tab-monochrome:active) {\n  background-color: var(--ic-tab-item-pressed-monochrome);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-tab-selected.with-transition) {\n    transition: all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow);\n  }\n}\n\n.ic-tab-label {\n  pointer-events: none;\n  text-wrap: nowrap;\n}\n\n::slotted(svg) {\n  fill: currentcolor;\n}\n\n@media (forced-colors: active) {\n  :host {\n    border-bottom: var(--ic-space-xxs) solid canvas;\n  }\n\n  :host(.ic-tab-disabled) {\n    color: GrayText;\n  }\n\n  :host(.ic-tab-disabled) ic-typography {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  :host(ic-tab) .ic-tab-label {\n    color: var(--ic-architectural-white);\n  }\n  :host(ic-tab.ic-tab-disabled) .ic-tab-label {\n    color: inherit;\n  }\n} */\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\n/**\n * @slot icon - Content will be rendered next to the tab label.\n * @slot badge - Badge component displayed inline with the tab.\n */\nexport class Tab {\n    constructor() {\n        this.focusFromClick = false;\n        this.isInitialRender = true;\n        this.handleClick = () => {\n            this.tabClick.emit({\n                tabId: this.tabId,\n                contextId: this.contextId,\n                position: this.tabPosition,\n            });\n            if (this.focusFromClick) {\n                this.tabFocus.emit({\n                    tabId: this.tabId,\n                    contextId: this.contextId,\n                    position: this.tabPosition,\n                });\n                this.focusFromClick = false;\n            }\n        };\n        this.handleFocus = () => {\n            if (!this.focusFromClick) {\n                this.focusTabId = this.tabId;\n                this.tabFocus.emit({\n                    tabId: this.tabId,\n                    contextId: this.contextId,\n                    position: this.tabPosition,\n                });\n            }\n        };\n        this.handleMouseDown = () => {\n            //set flag so that focus gets handled after click\n            //there is a timing issue where a long click only causes focus to happen & not the click\n            //the focus does need to be a separate event though to handle focus from keyboard\n            this.focusFromClick = true;\n        };\n        this.contextId = \"default\";\n        this.disabled = false;\n        this.monochrome = false;\n        this.selected = false;\n        this.tabId = undefined;\n        this.tabPosition = undefined;\n        this.theme = \"inherit\";\n    }\n    disabledWatchHandler() {\n        this.tabEnabled.emit();\n    }\n    connectedCallback() {\n        this.tabCreated.emit(this.el);\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = document\n            .querySelector(`ic-tab-context[context-id=${this.contextId}]`)) === null || _a === void 0 ? void 0 : _a.tabRemovedHandler(!!this.focusTabId);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidUpdate() {\n        this.isInitialRender = false;\n    }\n    /**\n     * Sets focus on the tab.\n     */\n    async setFocus() {\n        if (this.el) {\n            this.el.focus();\n        }\n    }\n    render() {\n        const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;\n        return (h(Host, { class: {\n                [\"with-transition\"]: !this.isInitialRender,\n                [\"ic-tab-selected\"]: selected,\n                [\"ic-tab-disabled\"]: disabled,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [\"ic-tab-monochrome\"]: monochrome,\n            }, role: \"tab\", \"aria-selected\": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, \"aria-disabled\": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, \"icon\") && h(\"slot\", { name: \"icon\" }), h(\"ic-typography\", { class: \"ic-tab-label\", variant: \"label\" }, h(\"span\", null, h(\"slot\", null))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { name: \"badge\" })));\n    }\n    static get is() { return \"ic-tab\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tab.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tab.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"contextId\": {\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                            \"name\": \"internal\",\n                            \"text\": \"The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"context-id\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the tab will display with a selected indicator and tabIndex will be set.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"tabId\": {\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                            \"name\": \"internal\",\n                            \"text\": \"The shared ID between panel and tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"tab-id\",\n                \"reflect\": true\n            },\n            \"tabPosition\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The position of the tab inside the tabs array in context.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"tab-position\",\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                            \"name\": \"internal\",\n                            \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"tabClick\",\n                \"name\": \"tabClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is selected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabClickEventDetail\",\n                    \"resolved\": \"IcTabClickEventDetail\",\n                    \"references\": {\n                        \"IcTabClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabClickEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabCreated\",\n                \"name\": \"tabCreated\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is dynamically created.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcTabElement\",\n                    \"resolved\": \"HTMLIcTabElement\",\n                    \"references\": {\n                        \"HTMLIcTabElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTabElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabEnabled\",\n                \"name\": \"tabEnabled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab's disabled prop changes\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"tabFocus\",\n                \"name\": \"tabFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is focussed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabClickEventDetail\",\n                    \"resolved\": \"IcTabClickEventDetail\",\n                    \"references\": {\n                        \"IcTabClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabClickEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabRemoved\",\n                \"name\": \"tabRemoved\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is unmounted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the tab.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledWatchHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-tab.js.map\n"],"mappings":"2GAAA,MAAMA,EAAW,ovI,MCMJC,EAAG,MACZ,WAAAC,CAAAC,G,qMACIC,KAAKC,eAAiB,MACtBD,KAAKE,gBAAkB,KACvBF,KAAKG,YAAc,KACfH,KAAKI,SAASC,KAAK,CACfC,MAAON,KAAKM,MACZC,UAAWP,KAAKO,UAChBC,SAAUR,KAAKS,cAEnB,GAAIT,KAAKC,eAAgB,CACrBD,KAAKU,SAASL,KAAK,CACfC,MAAON,KAAKM,MACZC,UAAWP,KAAKO,UAChBC,SAAUR,KAAKS,cAEnBT,KAAKC,eAAiB,K,GAG9BD,KAAKW,YAAc,KACf,IAAKX,KAAKC,eAAgB,CACtBD,KAAKY,WAAaZ,KAAKM,MACvBN,KAAKU,SAASL,KAAK,CACfC,MAAON,KAAKM,MACZC,UAAWP,KAAKO,UAChBC,SAAUR,KAAKS,a,GAI3BT,KAAKa,gBAAkB,KAInBb,KAAKC,eAAiB,IAAI,EAE9BD,KAAKO,UAAY,UACjBP,KAAKc,SAAW,MAChBd,KAAKe,WAAa,MAClBf,KAAKgB,SAAW,MAChBhB,KAAKM,MAAQW,UACbjB,KAAKS,YAAcQ,UACnBjB,KAAKkB,MAAQ,S,CAEjB,oBAAAC,GACInB,KAAKoB,WAAWf,M,CAEpB,iBAAAgB,GACIrB,KAAKsB,WAAWjB,KAAKL,KAAKuB,G,CAE9B,oBAAAC,GACI,IAAIC,GACHA,EAAKC,SACDC,cAAc,6BAA6B3B,KAAKO,iBAAmB,MAAQkB,SAAY,OAAS,EAAIA,EAAGG,oBAAoB5B,KAAKY,W,CAEzI,iBAAAiB,GACIC,EAAoB9B,KAAKc,SAAUd,KAAKuB,G,CAE5C,kBAAAQ,GACI/B,KAAKE,gBAAkB,K,CAK3B,cAAM8B,GACF,GAAIhC,KAAKuB,GAAI,CACTvB,KAAKuB,GAAGU,O,EAGhB,MAAAC,GACI,MAAMpB,SAAEA,EAAQE,SAAEA,EAAQE,MAAEA,EAAKH,WAAEA,EAAUZ,YAAEA,EAAWQ,YAAEA,EAAWE,gBAAEA,GAAqBb,KAC9F,OAAQmC,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,oBAAqBrC,KAAKE,gBAC3B,CAAC,mBAAoBc,EACrB,CAAC,mBAAoBF,EACrB,CAAC,YAAYI,KAAUA,IAAU,UACjC,CAAC,qBAAsBH,GACxBuB,KAAM,MAAO,gBAAiB,GAAGtB,IAAYuB,QAASpC,EAAaqC,QAAS7B,EAAa8B,YAAa5B,EAAiB,gBAAiB,GAAGC,IAAY4B,SAAU1B,EAAW,GAAK,GAAK2B,EAAW3C,KAAKuB,GAAI,SAAWY,EAAE,OAAQ,CAAES,KAAM,SAAWT,EAAE,gBAAiB,CAAEE,MAAO,eAAgBQ,QAAS,SAAWV,EAAE,OAAQ,KAAMA,EAAE,OAAQ,QAASQ,EAAW3C,KAAKuB,GAAI,UAAYY,EAAE,OAAQ,CAAES,KAAM,U"}

package/dist/core/{p-f743b0eb.entry.js → p-4dcc37e7.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as i,g as e}from"./p-8455d1bb.js";import{i as s}from"./p-297e99cf.js";const c='.title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid var(--ic-architectural-300)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-color-tertiary-text)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-color-secondary-text);--ic-typography-color:var(--ic-color-secondary-text)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot="description"]){max-width:40rem}.density-input{--input-width:7.625rem}@media screen and (max-width: 1200px){.header-container{flex-direction:column}}@media screen and (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media screen and (min-width: 769px){.description-actions{justify-content:space-between}}@media screen and (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media screen and (min-width: 577px){.action-area{align-items:center}}@media screen and (max-width: 576px){.action-area{flex-direction:column}}';const r="Title Bar";const n=class{constructor(i){t(this,i);this.icTableDensityUpdate=a(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.changeDensity=t=>{this.icTableDensityUpdate.emit({value:t.detail.value})};this.description=undefined;this.heading=r;this.hideDensitySelect=false;this.metadata=undefined}componentWillLoad(){const t=this.el.parentElement;if(t.tagName==="IC-DATA-TABLE"){const a=t;this.initialDensitySelectOption=a.density;this.isEmbedded=a.embedded;if(this.heading===r){this.heading=a.caption}}}render(){const{changeDensity:t,description:a,el:e,heading:c,hideDensitySelect:r,initialDensitySelectOption:n,isEmbedded:o,metadata:l}=this;const p=s(e,"primary-action")||s(e,"custom-actions")||!r;const d=s(e,"description")||a;return i("div",{class:{"title-bar-wrapper":true,"full-width":o}},i("div",{class:"header-container"},i("slot",{name:"heading"},i("ic-typography",{variant:"h3",className:"heading"},i("h3",null,c))),l&&i("ic-typography",{variant:"subtitle-small"},l)),(p||d)&&i("div",{class:"description-actions"},i("slot",{name:"description"},a&&i("ic-typography",{variant:"body"},a)),p&&i("div",{class:"action-area"},s(e,"custom-actions")&&i("div",{class:"custom-actions-wrapper"},i("slot",{name:"custom-actions"})),!r&&i("ic-select",{size:"small",label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:n,onIcChange:t}),s(e,"primary-action")&&i("slot",{name:"primary-action"}))))}get el(){return e(this)}};n.style=c;export{n as ic_data_table_title_bar};
-//# sourceMappingURL=p-f743b0eb.entry.js.map
+import{r as t,c as a,h as i,g as e}from"./p-8455d1bb.js";import{i as s}from"./p-297e99cf.js";const c='.title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid var(--ic-architectural-300)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-color-text-tertiary)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-color-text-secondary);--ic-typography-color:var(--ic-color-text-secondary)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot="description"]){max-width:40rem}.density-input{--input-width:7.625rem}@media screen and (max-width: 1200px){.header-container{flex-direction:column}}@media screen and (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media screen and (min-width: 769px){.description-actions{justify-content:space-between}}@media screen and (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media screen and (min-width: 577px){.action-area{align-items:center}}@media screen and (max-width: 576px){.action-area{flex-direction:column}}';const r="Title Bar";const n=class{constructor(i){t(this,i);this.icTableDensityUpdate=a(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.changeDensity=t=>{this.icTableDensityUpdate.emit({value:t.detail.value})};this.description=undefined;this.heading=r;this.hideDensitySelect=false;this.metadata=undefined}componentWillLoad(){const t=this.el.parentElement;if(t.tagName==="IC-DATA-TABLE"){const a=t;this.initialDensitySelectOption=a.density;this.isEmbedded=a.embedded;if(this.heading===r){this.heading=a.caption}}}render(){const{changeDensity:t,description:a,el:e,heading:c,hideDensitySelect:r,initialDensitySelectOption:n,isEmbedded:o,metadata:l}=this;const p=s(e,"primary-action")||s(e,"custom-actions")||!r;const d=s(e,"description")||a;return i("div",{class:{"title-bar-wrapper":true,"full-width":o}},i("div",{class:"header-container"},i("slot",{name:"heading"},i("ic-typography",{variant:"h3",className:"heading"},i("h3",null,c))),l&&i("ic-typography",{variant:"subtitle-small"},l)),(p||d)&&i("div",{class:"description-actions"},i("slot",{name:"description"},a&&i("ic-typography",{variant:"body"},a)),p&&i("div",{class:"action-area"},s(e,"custom-actions")&&i("div",{class:"custom-actions-wrapper"},i("slot",{name:"custom-actions"})),!r&&i("ic-select",{size:"small",label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:n,onIcChange:t}),s(e,"primary-action")&&i("slot",{name:"primary-action"}))))}get el(){return e(this)}};n.style=c;export{n as ic_data_table_title_bar};
+//# sourceMappingURL=p-4dcc37e7.entry.js.map

package/dist/core/{p-f743b0eb.entry.js.map → p-4dcc37e7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icDataTableTitleBarCss","DEFAULT_TITLE_BAR_HEADING","DataTableTitleBar","this","initialDensitySelectOption","isEmbedded","changeDensity","ev","icTableDensityUpdate","emit","value","detail","componentWillLoad","parentEl","el","parentElement","tagName","dataTable","density","embedded","heading","caption","render","description","hideDensitySelect","metadata","showActionArea","isSlotUsed","hasDescription","h","class","name","variant","className","size","label","hideLabel","options","onIcChange"],"sources":["src/components/ic-data-table-title-bar/ic-data-table-title-bar.css?tag=ic-data-table-title-bar&encapsulation=shadow","src/components/ic-data-table-title-bar/ic-data-table-title-bar.tsx"],"sourcesContent":[".title-bar-wrapper,\n.header-container,\n.description-actions,\n.action-area,\n.custom-actions-wrapper {\n  display: flex;\n}\n\n.title-bar-wrapper,\n.action-area,\n.custom-actions-wrapper {\n  gap: var(--ic-space-xs);\n}\n\n.title-bar-wrapper {\n  flex-direction: column;\n  padding: var(--ic-space-sm) var(--ic-space-xs);\n  border-bottom: var(--ic-space-1px) solid var(--ic-architectural-300);\n}\n\n.full-width {\n  padding: var(--ic-space-sm) 0;\n  border-bottom: none;\n}\n\nic-typography.heading h3 {\n  margin: 0;\n}\n\nic-typography.ic-typography-subtitle-small {\n  --ic-typography-color: var(--ic-color-tertiary-text);\n}\n\nic-typography.ic-typography-h3,\n::slotted([slot=\"header\"]) {\n  max-width: 50rem;\n}\n\nic-typography.ic-typography-body,\n::slotted([slot=\"description\"]) {\n  color: var(--ic-color-secondary-text);\n\n  --ic-typography-color: var(--ic-color-secondary-text);\n}\n\nic-typography.ic-typography-body,\nic-typography.ic-typography-subtitle-small,\n::slotted([slot=\"description\"]) {\n  max-width: 40rem;\n}\n\n.density-input {\n  --input-width: 7.625rem;\n}\n\n@media screen and (max-width: 1200px) {\n  .header-container {\n    flex-direction: column;\n  }\n}\n\n@media screen and (min-width: 1201px) {\n  .header-container {\n    gap: var(--ic-space-xs);\n    align-items: baseline;\n  }\n}\n\n@media screen and (min-width: 769px) {\n  .description-actions {\n    justify-content: space-between;\n  }\n}\n\n@media screen and (max-width: 768px) {\n  .description-actions {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--ic-space-xs);\n  }\n}\n\n@media screen and (min-width: 577px) {\n  .action-area {\n    align-items: center;\n  }\n}\n\n@media screen and (max-width: 576px) {\n  .action-area {\n    flex-direction: column;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  h,\n} from \"@stencil/core\";\nimport { IcSelectCustomEvent } from \"@ukic/web-components/dist/types/interface\";\nimport {\n  IcDataTableDensityOptions,\n  IcDensityUpdateEventDetail,\n} from \"../ic-data-table/ic-data-table.types\";\nimport { isSlotUsed } from \"../../utils/helpers\";\n\nconst DEFAULT_TITLE_BAR_HEADING = \"Title Bar\";\n\n/**\n * @slot primary-action - Render an interactive element that will perform a primary action. Renders to the right of the density select.\n * @slot custom-actions - Render additional custom actions to the left of the density select.\n * @slot heading - The heading to render on the data table title bar.\n * @slot description - Render an alternative description in the description section.\n */\n@Component({\n  tag: \"ic-data-table-title-bar\",\n  styleUrl: \"ic-data-table-title-bar.css\",\n  shadow: true,\n})\nexport class DataTableTitleBar {\n  private initialDensitySelectOption: IcDataTableDensityOptions = \"default\";\n  private isEmbedded: boolean = false;\n\n  @Element() el: HTMLIcDataTableTitleBarElement;\n\n  /**\n   * The description that is displayed below the `heading` and `metadata`. Can be overridden with the `description` slot.\n   */\n  @Prop() description?: string;\n\n  /**\n   * The heading of the title bar. Can be overridden with the `heading` slot. If used with an `ic-data-table` it will default to the table's `caption` unless overridden.\n   */\n  @Prop() heading?: string = DEFAULT_TITLE_BAR_HEADING;\n\n  /**\n   * When `true`, the density select will not be rendered.\n   */\n  @Prop() hideDensitySelect?: boolean = false;\n\n  /**\n   * The metadata displayed next to the `heading`.\n   */\n  @Prop() metadata?: string;\n\n  /**\n   * Emitted when the table density select value is changed.\n   */\n  @Event() icTableDensityUpdate: EventEmitter<IcDensityUpdateEventDetail>;\n\n  componentWillLoad(): void {\n    const parentEl = this.el.parentElement;\n    if (parentEl.tagName === \"IC-DATA-TABLE\") {\n      const dataTable = parentEl as HTMLIcDataTableElement;\n      this.initialDensitySelectOption = dataTable.density;\n      this.isEmbedded = dataTable.embedded;\n      if (this.heading === DEFAULT_TITLE_BAR_HEADING) {\n        this.heading = dataTable.caption;\n      }\n    }\n  }\n\n  private changeDensity = (\n    ev: IcSelectCustomEvent<IcDensityUpdateEventDetail>\n  ) => {\n    this.icTableDensityUpdate.emit({ value: ev.detail.value });\n  };\n\n  render() {\n    const {\n      changeDensity,\n      description,\n      el,\n      heading,\n      hideDensitySelect,\n      initialDensitySelectOption,\n      isEmbedded,\n      metadata,\n    } = this;\n    const showActionArea =\n      isSlotUsed(el, \"primary-action\") ||\n      isSlotUsed(el, \"custom-actions\") ||\n      !hideDensitySelect;\n\n    const hasDescription = isSlotUsed(el, \"description\") || description;\n    return (\n      <div\n        class={{\n          \"title-bar-wrapper\": true,\n          \"full-width\": isEmbedded,\n        }}\n      >\n        <div class=\"header-container\">\n          <slot name=\"heading\">\n            <ic-typography variant=\"h3\" className=\"heading\">\n              <h3>{heading}</h3>\n            </ic-typography>\n          </slot>\n          {metadata && (\n            <ic-typography variant=\"subtitle-small\">{metadata}</ic-typography>\n          )}\n        </div>\n        {(showActionArea || hasDescription) && (\n          <div class=\"description-actions\">\n            <slot name=\"description\">\n              {description && (\n                <ic-typography variant=\"body\">{description}</ic-typography>\n              )}\n            </slot>\n            {showActionArea && (\n              <div class=\"action-area\">\n                {isSlotUsed(el, \"custom-actions\") && (\n                  <div class=\"custom-actions-wrapper\">\n                    <slot name=\"custom-actions\" />\n                  </div>\n                )}\n                {!hideDensitySelect && (\n                  <ic-select\n                    size=\"small\"\n                    label=\"Change density\"\n                    class=\"density-input\"\n                    hideLabel\n                    options={[\n                      { label: \"Default\", value: \"default\" },\n                      { label: \"Dense\", value: \"dense\" },\n                      { label: \"Spacious\", value: \"spacious\" },\n                    ]}\n                    value={initialDensitySelectOption}\n                    onIcChange={changeDensity}\n                  ></ic-select>\n                )}\n                {isSlotUsed(el, \"primary-action\") && (\n                  <slot name=\"primary-action\" />\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAyB,w7CCe/B,MAAMC,EAA4B,Y,MAarBC,EAAiB,M,oFACpBC,KAAAC,2BAAwD,UACxDD,KAAAE,WAAsB,MAyCtBF,KAAAG,cACNC,IAEAJ,KAAKK,qBAAqBC,KAAK,CAAEC,MAAOH,EAAGI,OAAOD,OAAQ,E,wCAhCjCT,E,uBAKW,M,wBAYtC,iBAAAW,GACE,MAAMC,EAAWV,KAAKW,GAAGC,cACzB,GAAIF,EAASG,UAAY,gBAAiB,CACxC,MAAMC,EAAYJ,EAClBV,KAAKC,2BAA6Ba,EAAUC,QAC5Cf,KAAKE,WAAaY,EAAUE,SAC5B,GAAIhB,KAAKiB,UAAYnB,EAA2B,CAC9CE,KAAKiB,QAAUH,EAAUI,O,GAW/B,MAAAC,GACE,MAAMhB,cACJA,EAAaiB,YACbA,EAAWT,GACXA,EAAEM,QACFA,EAAOI,kBACPA,EAAiBpB,2BACjBA,EAA0BC,WAC1BA,EAAUoB,SACVA,GACEtB,KACJ,MAAMuB,EACJC,EAAWb,EAAI,mBACfa,EAAWb,EAAI,oBACdU,EAEH,MAAMI,EAAiBD,EAAWb,EAAI,gBAAkBS,EACxD,OACEM,EAAA,OACEC,MAAO,CACL,oBAAqB,KACrB,aAAczB,IAGhBwB,EAAA,OAAKC,MAAM,oBACTD,EAAA,QAAME,KAAK,WACTF,EAAA,iBAAeG,QAAQ,KAAKC,UAAU,WACpCJ,EAAA,UAAKT,KAGRK,GACCI,EAAA,iBAAeG,QAAQ,kBAAkBP,KAG3CC,GAAkBE,IAClBC,EAAA,OAAKC,MAAM,uBACTD,EAAA,QAAME,KAAK,eACRR,GACCM,EAAA,iBAAeG,QAAQ,QAAQT,IAGlCG,GACCG,EAAA,OAAKC,MAAM,eACRH,EAAWb,EAAI,mBACde,EAAA,OAAKC,MAAM,0BACTD,EAAA,QAAME,KAAK,qBAGbP,GACAK,EAAA,aACEK,KAAK,QACLC,MAAM,iBACNL,MAAM,gBACNM,UAAS,KACTC,QAAS,CACP,CAAEF,MAAO,UAAWzB,MAAO,WAC3B,CAAEyB,MAAO,QAASzB,MAAO,SACzB,CAAEyB,MAAO,WAAYzB,MAAO,aAE9BA,MAAON,EACPkC,WAAYhC,IAGfqB,EAAWb,EAAI,mBACde,EAAA,QAAME,KAAK,qB"}
+{"version":3,"names":["icDataTableTitleBarCss","DEFAULT_TITLE_BAR_HEADING","DataTableTitleBar","this","initialDensitySelectOption","isEmbedded","changeDensity","ev","icTableDensityUpdate","emit","value","detail","componentWillLoad","parentEl","el","parentElement","tagName","dataTable","density","embedded","heading","caption","render","description","hideDensitySelect","metadata","showActionArea","isSlotUsed","hasDescription","h","class","name","variant","className","size","label","hideLabel","options","onIcChange"],"sources":["src/components/ic-data-table-title-bar/ic-data-table-title-bar.css?tag=ic-data-table-title-bar&encapsulation=shadow","src/components/ic-data-table-title-bar/ic-data-table-title-bar.tsx"],"sourcesContent":[".title-bar-wrapper,\n.header-container,\n.description-actions,\n.action-area,\n.custom-actions-wrapper {\n  display: flex;\n}\n\n.title-bar-wrapper,\n.action-area,\n.custom-actions-wrapper {\n  gap: var(--ic-space-xs);\n}\n\n.title-bar-wrapper {\n  flex-direction: column;\n  padding: var(--ic-space-sm) var(--ic-space-xs);\n  border-bottom: var(--ic-space-1px) solid var(--ic-architectural-300);\n}\n\n.full-width {\n  padding: var(--ic-space-sm) 0;\n  border-bottom: none;\n}\n\nic-typography.heading h3 {\n  margin: 0;\n}\n\nic-typography.ic-typography-subtitle-small {\n  --ic-typography-color: var(--ic-color-text-tertiary);\n}\n\nic-typography.ic-typography-h3,\n::slotted([slot=\"header\"]) {\n  max-width: 50rem;\n}\n\nic-typography.ic-typography-body,\n::slotted([slot=\"description\"]) {\n  color: var(--ic-color-text-secondary);\n\n  --ic-typography-color: var(--ic-color-text-secondary);\n}\n\nic-typography.ic-typography-body,\nic-typography.ic-typography-subtitle-small,\n::slotted([slot=\"description\"]) {\n  max-width: 40rem;\n}\n\n.density-input {\n  --input-width: 7.625rem;\n}\n\n@media screen and (max-width: 1200px) {\n  .header-container {\n    flex-direction: column;\n  }\n}\n\n@media screen and (min-width: 1201px) {\n  .header-container {\n    gap: var(--ic-space-xs);\n    align-items: baseline;\n  }\n}\n\n@media screen and (min-width: 769px) {\n  .description-actions {\n    justify-content: space-between;\n  }\n}\n\n@media screen and (max-width: 768px) {\n  .description-actions {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--ic-space-xs);\n  }\n}\n\n@media screen and (min-width: 577px) {\n  .action-area {\n    align-items: center;\n  }\n}\n\n@media screen and (max-width: 576px) {\n  .action-area {\n    flex-direction: column;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  h,\n} from \"@stencil/core\";\nimport { IcSelectCustomEvent } from \"@ukic/web-components/dist/types/interface\";\nimport {\n  IcDataTableDensityOptions,\n  IcDensityUpdateEventDetail,\n} from \"../ic-data-table/ic-data-table.types\";\nimport { isSlotUsed } from \"../../utils/helpers\";\n\nconst DEFAULT_TITLE_BAR_HEADING = \"Title Bar\";\n\n/**\n * @slot primary-action - Render an interactive element that will perform a primary action. Renders to the right of the density select.\n * @slot custom-actions - Render additional custom actions to the left of the density select.\n * @slot heading - The heading to render on the data table title bar.\n * @slot description - Render an alternative description in the description section.\n */\n@Component({\n  tag: \"ic-data-table-title-bar\",\n  styleUrl: \"ic-data-table-title-bar.css\",\n  shadow: true,\n})\nexport class DataTableTitleBar {\n  private initialDensitySelectOption: IcDataTableDensityOptions = \"default\";\n  private isEmbedded: boolean = false;\n\n  @Element() el: HTMLIcDataTableTitleBarElement;\n\n  /**\n   * The description that is displayed below the `heading` and `metadata`. Can be overridden with the `description` slot.\n   */\n  @Prop() description?: string;\n\n  /**\n   * The heading of the title bar. Can be overridden with the `heading` slot. If used with an `ic-data-table` it will default to the table's `caption` unless overridden.\n   */\n  @Prop() heading?: string = DEFAULT_TITLE_BAR_HEADING;\n\n  /**\n   * When `true`, the density select will not be rendered.\n   */\n  @Prop() hideDensitySelect?: boolean = false;\n\n  /**\n   * The metadata displayed next to the `heading`.\n   */\n  @Prop() metadata?: string;\n\n  /**\n   * Emitted when the table density select value is changed.\n   */\n  @Event() icTableDensityUpdate: EventEmitter<IcDensityUpdateEventDetail>;\n\n  componentWillLoad(): void {\n    const parentEl = this.el.parentElement;\n    if (parentEl.tagName === \"IC-DATA-TABLE\") {\n      const dataTable = parentEl as HTMLIcDataTableElement;\n      this.initialDensitySelectOption = dataTable.density;\n      this.isEmbedded = dataTable.embedded;\n      if (this.heading === DEFAULT_TITLE_BAR_HEADING) {\n        this.heading = dataTable.caption;\n      }\n    }\n  }\n\n  private changeDensity = (\n    ev: IcSelectCustomEvent<IcDensityUpdateEventDetail>\n  ) => {\n    this.icTableDensityUpdate.emit({ value: ev.detail.value });\n  };\n\n  render() {\n    const {\n      changeDensity,\n      description,\n      el,\n      heading,\n      hideDensitySelect,\n      initialDensitySelectOption,\n      isEmbedded,\n      metadata,\n    } = this;\n    const showActionArea =\n      isSlotUsed(el, \"primary-action\") ||\n      isSlotUsed(el, \"custom-actions\") ||\n      !hideDensitySelect;\n\n    const hasDescription = isSlotUsed(el, \"description\") || description;\n    return (\n      <div\n        class={{\n          \"title-bar-wrapper\": true,\n          \"full-width\": isEmbedded,\n        }}\n      >\n        <div class=\"header-container\">\n          <slot name=\"heading\">\n            <ic-typography variant=\"h3\" className=\"heading\">\n              <h3>{heading}</h3>\n            </ic-typography>\n          </slot>\n          {metadata && (\n            <ic-typography variant=\"subtitle-small\">{metadata}</ic-typography>\n          )}\n        </div>\n        {(showActionArea || hasDescription) && (\n          <div class=\"description-actions\">\n            <slot name=\"description\">\n              {description && (\n                <ic-typography variant=\"body\">{description}</ic-typography>\n              )}\n            </slot>\n            {showActionArea && (\n              <div class=\"action-area\">\n                {isSlotUsed(el, \"custom-actions\") && (\n                  <div class=\"custom-actions-wrapper\">\n                    <slot name=\"custom-actions\" />\n                  </div>\n                )}\n                {!hideDensitySelect && (\n                  <ic-select\n                    size=\"small\"\n                    label=\"Change density\"\n                    class=\"density-input\"\n                    hideLabel\n                    options={[\n                      { label: \"Default\", value: \"default\" },\n                      { label: \"Dense\", value: \"dense\" },\n                      { label: \"Spacious\", value: \"spacious\" },\n                    ]}\n                    value={initialDensitySelectOption}\n                    onIcChange={changeDensity}\n                  ></ic-select>\n                )}\n                {isSlotUsed(el, \"primary-action\") && (\n                  <slot name=\"primary-action\" />\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAyB,w7CCe/B,MAAMC,EAA4B,Y,MAarBC,EAAiB,M,oFACpBC,KAAAC,2BAAwD,UACxDD,KAAAE,WAAsB,MAyCtBF,KAAAG,cACNC,IAEAJ,KAAKK,qBAAqBC,KAAK,CAAEC,MAAOH,EAAGI,OAAOD,OAAQ,E,wCAhCjCT,E,uBAKW,M,wBAYtC,iBAAAW,GACE,MAAMC,EAAWV,KAAKW,GAAGC,cACzB,GAAIF,EAASG,UAAY,gBAAiB,CACxC,MAAMC,EAAYJ,EAClBV,KAAKC,2BAA6Ba,EAAUC,QAC5Cf,KAAKE,WAAaY,EAAUE,SAC5B,GAAIhB,KAAKiB,UAAYnB,EAA2B,CAC9CE,KAAKiB,QAAUH,EAAUI,O,GAW/B,MAAAC,GACE,MAAMhB,cACJA,EAAaiB,YACbA,EAAWT,GACXA,EAAEM,QACFA,EAAOI,kBACPA,EAAiBpB,2BACjBA,EAA0BC,WAC1BA,EAAUoB,SACVA,GACEtB,KACJ,MAAMuB,EACJC,EAAWb,EAAI,mBACfa,EAAWb,EAAI,oBACdU,EAEH,MAAMI,EAAiBD,EAAWb,EAAI,gBAAkBS,EACxD,OACEM,EAAA,OACEC,MAAO,CACL,oBAAqB,KACrB,aAAczB,IAGhBwB,EAAA,OAAKC,MAAM,oBACTD,EAAA,QAAME,KAAK,WACTF,EAAA,iBAAeG,QAAQ,KAAKC,UAAU,WACpCJ,EAAA,UAAKT,KAGRK,GACCI,EAAA,iBAAeG,QAAQ,kBAAkBP,KAG3CC,GAAkBE,IAClBC,EAAA,OAAKC,MAAM,uBACTD,EAAA,QAAME,KAAK,eACRR,GACCM,EAAA,iBAAeG,QAAQ,QAAQT,IAGlCG,GACCG,EAAA,OAAKC,MAAM,eACRH,EAAWb,EAAI,mBACde,EAAA,OAAKC,MAAM,0BACTD,EAAA,QAAME,KAAK,qBAGbP,GACAK,EAAA,aACEK,KAAK,QACLC,MAAM,iBACNL,MAAM,gBACNM,UAAS,KACTC,QAAS,CACP,CAAEF,MAAO,UAAWzB,MAAO,WAC3B,CAAEyB,MAAO,QAASzB,MAAO,SACzB,CAAEyB,MAAO,WAAYzB,MAAO,aAE9BA,MAAON,EACPkC,WAAYhC,IAGfqB,EAAWb,EAAI,mBACde,EAAA,QAAME,KAAK,qB"}

package/dist/core/{p-bf670360.entry.js → p-4e28ef60.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as o}from"./p-8455d1bb.js";import{d as n}from"./p-9397b15b.js";const a='/*! 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:flex;flex-direction:column}ic-typography{--ic-typography-color:var(--ic-color-tertiary-text);margin:var(--ic-space-xs) var(--ic-space-xs) 0}ul{list-style-type:none;margin:0;padding:0}hr{display:flex;align-self:stretch;border:calc(var(--ic-space-xxxs) / 2) solid var(--ic-architectural-300);margin:var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4)}';const r=class{constructor(t){e(this,t);this.label=undefined}render(){const e=this.el.closest("ic-popover-menu");return t(i,{"aria-label":this.label!==null?this.label:""},n(this.label)&&t("ic-typography",{variant:"subtitle-small"},this.label),t("ul",{role:"group"},t("slot",null)),this.el!==(e===null||e===void 0?void 0:e.querySelector("ic-menu-group:last-child"))&&t("hr",null))}get el(){return o(this)}};r.style=a;export{r as ic_menu_group};
-//# sourceMappingURL=p-bf670360.entry.js.map
+import{r as e,h as t,H as i,g as o}from"./p-8455d1bb.js";import{d as n}from"./p-9397b15b.js";const a='/*! 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:flex;flex-direction:column}ic-typography{--ic-typography-color:var(--ic-color-text-tertiary);margin:var(--ic-space-xs) var(--ic-space-xs) 0}ul{list-style-type:none;margin:0;padding:0}hr{display:flex;align-self:stretch;border:calc(var(--ic-space-xxxs) / 2) solid var(--ic-architectural-300);margin:var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4)}';const r=class{constructor(t){e(this,t);this.label=undefined}render(){const e=this.el.closest("ic-popover-menu");return t(i,{"aria-label":this.label!==null?this.label:""},n(this.label)&&t("ic-typography",{variant:"subtitle-small"},this.label),t("ul",{role:"group"},t("slot",null)),this.el!==(e===null||e===void 0?void 0:e.querySelector("ic-menu-group:last-child"))&&t("hr",null))}get el(){return o(this)}};r.style=a;export{r as ic_menu_group};
+//# sourceMappingURL=p-4e28ef60.entry.js.map

package/dist/core/{p-bf670360.entry.js.map → p-4e28ef60.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icMenuGroupCss","MenuGroup","constructor","hostRef","this","label","undefined","render","parentMenu","el","closest","h","Host","isPropDefined","variant","role","querySelector"],"sources":["../web-components/dist/collection/components/ic-menu-group/ic-menu-group.css?tag=ic-menu-group&encapsulation=shadow","../web-components/dist/collection/components/ic-menu-group/ic-menu-group.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: flex;\n  flex-direction: column;\n}\n\nic-typography {\n  --ic-typography-color: var(--ic-color-tertiary-text);\n\n  margin: var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\nul {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\nhr {\n  display: flex;\n  align-self: stretch;\n  border: calc(var(--ic-space-xxxs) / 2) solid var(--ic-architectural-300);\n  margin: var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class MenuGroup {\n    constructor() {\n        this.label = undefined;\n    }\n    render() {\n        const parentMenu = this.el.closest(\"ic-popover-menu\");\n        return (h(Host, { \"aria-label\": this.label !== null ? this.label : \"\" }, isPropDefined(this.label) && (h(\"ic-typography\", { variant: \"subtitle-small\" }, this.label)), h(\"ul\", { role: \"group\" }, h(\"slot\", null)), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector(\"ic-menu-group:last-child\")) && (h(\"hr\", null))));\n    }\n    static get is() { return \"ic-menu-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"label\": {\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 label to display as the title of the menu group.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-menu-group.js.map\n"],"mappings":"6FAAA,MAAMA,EAAiB,8sF,MCEVC,EAAS,MAClB,WAAAC,CAAAC,G,UACIC,KAAKC,MAAQC,S,CAEjB,MAAAC,GACI,MAAMC,EAAaJ,KAAKK,GAAGC,QAAQ,mBACnC,OAAQC,EAAEC,EAAM,CAAE,aAAcR,KAAKC,QAAU,KAAOD,KAAKC,MAAQ,IAAMQ,EAAcT,KAAKC,QAAWM,EAAE,gBAAiB,CAAEG,QAAS,kBAAoBV,KAAKC,OAASM,EAAE,KAAM,CAAEI,KAAM,SAAWJ,EAAE,OAAQ,OAAQP,KAAKK,MAAQD,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWQ,cAAc,8BAAiCL,EAAE,KAAM,M"}
+{"version":3,"names":["icMenuGroupCss","MenuGroup","constructor","hostRef","this","label","undefined","render","parentMenu","el","closest","h","Host","isPropDefined","variant","role","querySelector"],"sources":["../web-components/dist/collection/components/ic-menu-group/ic-menu-group.css?tag=ic-menu-group&encapsulation=shadow","../web-components/dist/collection/components/ic-menu-group/ic-menu-group.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: flex;\n  flex-direction: column;\n}\n\nic-typography {\n  --ic-typography-color: var(--ic-color-text-tertiary);\n\n  margin: var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\nul {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\nhr {\n  display: flex;\n  align-self: stretch;\n  border: calc(var(--ic-space-xxxs) / 2) solid var(--ic-architectural-300);\n  margin: var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class MenuGroup {\n    constructor() {\n        this.label = undefined;\n    }\n    render() {\n        const parentMenu = this.el.closest(\"ic-popover-menu\");\n        return (h(Host, { \"aria-label\": this.label !== null ? this.label : \"\" }, isPropDefined(this.label) && (h(\"ic-typography\", { variant: \"subtitle-small\" }, this.label)), h(\"ul\", { role: \"group\" }, h(\"slot\", null)), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector(\"ic-menu-group:last-child\")) && (h(\"hr\", null))));\n    }\n    static get is() { return \"ic-menu-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"label\": {\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 label to display as the title of the menu group.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-menu-group.js.map\n"],"mappings":"6FAAA,MAAMA,EAAiB,8sF,MCEVC,EAAS,MAClB,WAAAC,CAAAC,G,UACIC,KAAKC,MAAQC,S,CAEjB,MAAAC,GACI,MAAMC,EAAaJ,KAAKK,GAAGC,QAAQ,mBACnC,OAAQC,EAAEC,EAAM,CAAE,aAAcR,KAAKC,QAAU,KAAOD,KAAKC,MAAQ,IAAMQ,EAAcT,KAAKC,QAAWM,EAAE,gBAAiB,CAAEG,QAAS,kBAAoBV,KAAKC,OAASM,EAAE,KAAM,CAAEI,KAAM,SAAWJ,EAAE,OAAQ,OAAQP,KAAKK,MAAQD,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWQ,cAAc,8BAAiCL,EAAE,KAAM,M"}

package/dist/core/{p-d8563643.entry.js → p-50019ede.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as s,g as h}from"./p-8455d1bb.js";import{F as e,f as l}from"./p-9397b15b.js";const p=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const a=class{constructor(i){t(this,i);this.resizeObserver=null;this.visuallyHidden="visually-hidden";this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[heading]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let t=0;t<this.steps.length;t++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const t=this.steps[this.steps.length-1];t.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;t.style.maxWidth=e(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=t.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((t,i)=>{t.variant=this.variant;t.stepNum=i+1;t.lastStep=i===this.steps.length-1;t.lastStepNum=this.steps.length;if(t.type!=="current"){t.current=false;this.stepTypes[i]=t.type}else{t.current=true}const s=t.shadowRoot&&t.shadowRoot.querySelector(".step > .heading-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){t.heading="Step "+t.stepNum;s&&s.querySelector(".heading").setAttribute("aria-hidden","true")}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){t.heading=undefined;s&&s.querySelector(".heading").removeAttribute("aria-hidden")}}}if(this.variant==="compact"){if(t.current===true||t.type==="current"){t.classList.remove("hide");t.classList.add("show")}else if(t.classList.contains("show")){t.classList.remove("show");t.classList.add("hide")}if(!t.lastStep){t.nextStepHeading=this.steps[i+1].heading;t.progress=t.stepNum/this.steps.length*100}else if(t.lastStep&&this.stepTypes[i]!=="completed"){t.progress=95}else{t.progress=100}if(this.hideStepInfo&&s!==null){s.classList.remove(this.visuallyHidden)}t.compactStepStyling=this.stepTypes[i]}if(this.variant==="default"){if(!t.lastStep){if(this.alignedFullWidth){t.style.width=e(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);t.style.minWidth=e("148px")}}else if(t.lastStep){t.classList.add("last-step");if(this.alignedFullWidth){t.style.maxWidth=`${this.lastStepWidth}px`}else{t.style.maxWidth=this.connectorWidth>100?e(`${this.connectorWidth+48}px`):e("148px")}}if(this.aligned==="left"){t.style.width=this.connectorWidth>100?e(`${this.connectorWidth+48}px`):e("148px");const i=t.shadowRoot.querySelector(".step > .step-top > .step-connect");if(i){i.style.width=this.connectorWidth>100?e(`${this.connectorWidth}px`):e("100px")}}if(this.hideStepInfo&&s!==null){s.classList.add(this.visuallyHidden)}}}))};this.setHideStepInfo=()=>{this.steps.forEach((t=>{var i,s;const h=t.shadowRoot.querySelector(".step > .heading-area");if(h!==null){if(this.hideStepInfo){(i=h.classList)===null||i===void 0?void 0:i.add(this.visuallyHidden)}else{(s=h.classList)===null||s===void 0?void 0:s.remove(this.visuallyHidden)}}}))};this.overrideVariant=()=>{if(this.variantOverride){let t=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth>100){t=(this.connectorWidth+48)*this.steps.length}if(this.el.clientWidth<t){this.variant="compact"}else{this.variant="default"}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)};this.alignedFullWidth=true;this.autoSetStepTitles=true;this.lastStepWidth=0;this.noOfResizes=0;this.stepperWidth=document.querySelector("ic-stepper").getBoundingClientRect().width;this.stepTypes=[];this.variantOverride=this.variant!=="compact";this.aligned="full-width";this.appearance="default";this.connectorWidth=100;this.hideStepInfo=false;this.variant="default"}handlePropChange(){this.setHideStepInfo();this.getChildren()}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.setStepTypes();if(this.variant==="compact"){this.variantOverride=false}}componentWillRender(){this.initialiseStepStates()}componentDidLoad(){l(this.runResizeObserver)}render(){return i(s,{class:{[`ic-stepper-${this.variant}`]:true,["ic-stepper-aligned-left"]:this.variant==="default"&&this.aligned==="left"}},i("ul",{class:"step-item-list"},i("slot",null)))}get el(){return h(this)}static get watchers(){return{hideStepInfo:["handlePropChange"],variant:["handlePropChange"]}}};a.style=p;export{a as ic_stepper};
-//# sourceMappingURL=p-d8563643.entry.js.map
+import{r as t,h as i,H as s,g as h}from"./p-8455d1bb.js";import{F as e,f as l}from"./p-9397b15b.js";const a=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const p=class{constructor(i){t(this,i);this.resizeObserver=null;this.visuallyHidden="visually-hidden";this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[heading]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let t=0;t<this.steps.length;t++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const t=this.steps[this.steps.length-1];t.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;t.style.maxWidth=e(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=t.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((t,i)=>{t.variant=this.variant;t.stepNum=i+1;t.lastStep=i===this.steps.length-1;t.lastStepNum=this.steps.length;if(t.type!=="current"){t.current=false;this.stepTypes[i]=t.type}else{t.current=true}const s=t.shadowRoot&&t.shadowRoot.querySelector(".step > .heading-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){t.heading="Step "+t.stepNum;s&&s.querySelector(".heading").setAttribute("aria-hidden","true")}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){t.heading=undefined;s&&s.querySelector(".heading").removeAttribute("aria-hidden")}}}if(this.variant==="compact"){if(t.current===true||t.type==="current"){t.classList.remove("hide");t.classList.add("show")}else if(t.classList.contains("show")){t.classList.remove("show");t.classList.add("hide")}if(!t.lastStep){t.nextStepHeading=this.steps[i+1].heading;t.progress=t.stepNum/this.steps.length*100}else if(t.lastStep&&this.stepTypes[i]!=="completed"){t.progress=95}else{t.progress=100}if(this.hideStepInfo&&s!==null){s.classList.remove(this.visuallyHidden)}t.compactStepStyling=this.stepTypes[i]}if(this.variant==="default"){if(!t.lastStep){if(this.alignedFullWidth){t.style.width=e(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);t.style.minWidth=e("148px")}}else if(t.lastStep){t.classList.add("last-step");if(this.alignedFullWidth){t.style.maxWidth=`${this.lastStepWidth}px`}else{t.style.maxWidth=this.connectorWidth>100?e(`${this.connectorWidth+48}px`):e("148px")}}if(this.aligned==="left"){t.style.width=this.connectorWidth>100?e(`${this.connectorWidth+48}px`):e("148px");const i=t.shadowRoot.querySelector(".step > .step-top > .step-connect");if(i){i.style.width=this.connectorWidth>100?e(`${this.connectorWidth}px`):e("100px")}}if(this.hideStepInfo&&s!==null){s.classList.add(this.visuallyHidden)}}}))};this.setHideStepInfo=()=>{this.steps.forEach((t=>{var i,s;const h=t.shadowRoot.querySelector(".step > .heading-area");if(h!==null){if(this.hideStepInfo){(i=h.classList)===null||i===void 0?void 0:i.add(this.visuallyHidden)}else{(s=h.classList)===null||s===void 0?void 0:s.remove(this.visuallyHidden)}}}))};this.overrideVariant=()=>{if(this.variantOverride){let t=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth>100){t=(this.connectorWidth+48)*this.steps.length}if(this.el.clientWidth<t){this.variant="compact"}else{this.variant="default"}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates();this.handleThemeChange()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)};this.alignedFullWidth=true;this.autoSetStepTitles=true;this.lastStepWidth=0;this.noOfResizes=0;this.stepperWidth=document.querySelector("ic-stepper").getBoundingClientRect().width;this.stepTypes=[];this.variantOverride=this.variant!=="compact";this.aligned="full-width";this.connectorWidth=100;this.hideStepInfo=false;this.theme="inherit";this.variant="default"}handleThemeChange(){this.getChildren();this.steps.forEach((t=>{t.theme=this.theme}))}handlePropChange(){this.setHideStepInfo();this.getChildren()}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.setStepTypes();this.handleThemeChange();if(this.variant==="compact"){this.variantOverride=false}}componentWillRender(){this.initialiseStepStates()}componentDidLoad(){l(this.runResizeObserver)}render(){return i(s,{class:{[`ic-stepper-${this.variant}`]:true,["ic-stepper-aligned-left"]:this.variant==="default"&&this.aligned==="left",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("ul",{class:"step-item-list"},i("slot",null)))}get el(){return h(this)}static get watchers(){return{theme:["handleThemeChange"],hideStepInfo:["handlePropChange"],variant:["handlePropChange"]}}};p.style=a;export{p as ic_stepper};
+//# sourceMappingURL=p-50019ede.entry.js.map

package/dist/core/p-50019ede.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icStepperCss","Stepper","constructor","hostRef","this","resizeObserver","visuallyHidden","getChildren","steps","Array","from","el","querySelectorAll","stepsWithStepTitles","checkStepTitles","length","variantOverride","variant","noOfResizes","console","error","setStepTypes","stepTypes","i","push","setStepperWidth","alignedFullWidth","aligned","lastStep","style","maxWidth","stepperWidth","offsetWidth","pxToRem","lastStepWidth","initialiseStepStates","forEach","step","index","stepNum","lastStepNum","type","current","stepTitleArea","shadowRoot","querySelector","autoSetStepTitles","heading","setAttribute","undefined","removeAttribute","classList","remove","add","contains","nextStepHeading","progress","hideStepInfo","compactStepStyling","width","minWidth","connectorWidth","stepConnect","setHideStepInfo","_a","_b","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","handleThemeChange","runResizeObserver","ResizeObserver","observe","document","getBoundingClientRect","theme","handlePropChange","disconnectedCallback","disconnect","componentWillLoad","componentWillRender","componentDidLoad","checkResizeObserver","render","h","Host","class"],"sources":["../web-components/dist/collection/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","../web-components/dist/collection/components/ic-stepper/ic-stepper.js"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n}\n\n.step-item-list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n}\n\n:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list {\n  flex: auto;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step) {\n  display: none;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.show) {\n  display: flex;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nexport class Stepper {\n    constructor() {\n        this.resizeObserver = null;\n        this.visuallyHidden = \"visually-hidden\";\n        // Get all steps currently within this stepper\n        this.getChildren = () => {\n            this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n            this.stepsWithStepTitles = Array.from(this.el.querySelectorAll(\"ic-step[heading]\"));\n        };\n        // Inform the user that stepTitles are required on all steps in a compact stepper\n        this.checkStepTitles = () => {\n            if (this.stepsWithStepTitles.length < this.steps.length &&\n                this.variantOverride &&\n                this.variant === \"compact\") {\n                this.noOfResizes = this.noOfResizes + 1;\n                if (this.noOfResizes === 1) {\n                    console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`);\n                }\n            }\n        };\n        this.setStepTypes = () => {\n            this.getChildren();\n            this.stepTypes = [];\n            for (let i = 0; i < this.steps.length; i++) {\n                this.stepTypes.push(\"active\");\n            }\n        };\n        this.setStepperWidth = () => {\n            this.alignedFullWidth =\n                this.variant === \"default\" && this.aligned === \"full-width\";\n            const lastStep = this.steps[this.steps.length - 1];\n            lastStep.style.maxWidth = \"none\";\n            if (this.alignedFullWidth) {\n                this.stepperWidth = this.el.offsetWidth;\n                lastStep.style.maxWidth = pxToRem(`${this.stepperWidth / this.steps.length}px`);\n                this.lastStepWidth = lastStep.offsetWidth;\n            }\n        };\n        this.initialiseStepStates = () => {\n            this.steps.forEach((step, index) => {\n                // Set variant\n                step.variant = this.variant;\n                // Assign stepNum to each step\n                step.stepNum = index + 1;\n                // Assign lastStep to final step\n                step.lastStep = index === this.steps.length - 1;\n                step.lastStepNum = this.steps.length;\n                if (step.type !== \"current\") {\n                    step.current = false;\n                    this.stepTypes[index] = step.type;\n                }\n                else {\n                    step.current = true;\n                }\n                const stepTitleArea = step.shadowRoot &&\n                    step.shadowRoot.querySelector(\".step > .heading-area\");\n                if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n                    if (this.variant === \"compact\") {\n                        this.autoSetStepTitles = true;\n                        if (this.autoSetStepTitles) {\n                            step.heading = \"Step \" + step.stepNum;\n                            stepTitleArea &&\n                                stepTitleArea\n                                    .querySelector(\".heading\")\n                                    .setAttribute(\"aria-hidden\", \"true\");\n                        }\n                    }\n                    if (this.variant === \"default\") {\n                        this.autoSetStepTitles = false;\n                        if (!this.autoSetStepTitles) {\n                            step.heading = undefined;\n                            stepTitleArea &&\n                                stepTitleArea\n                                    .querySelector(\".heading\")\n                                    .removeAttribute(\"aria-hidden\");\n                        }\n                    }\n                }\n                if (this.variant === \"compact\") {\n                    if (step.current === true || step.type === \"current\") {\n                        step.classList.remove(\"hide\");\n                        step.classList.add(\"show\");\n                    }\n                    else if (step.classList.contains(\"show\")) {\n                        step.classList.remove(\"show\");\n                        step.classList.add(\"hide\");\n                    }\n                    if (!step.lastStep) {\n                        step.nextStepHeading = this.steps[index + 1].heading;\n                        step.progress = (step.stepNum / this.steps.length) * 100;\n                    }\n                    else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n                        step.progress = 95;\n                    }\n                    else {\n                        step.progress = 100;\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.remove(this.visuallyHidden);\n                    }\n                    step.compactStepStyling = this.stepTypes[index];\n                }\n                if (this.variant === \"default\") {\n                    if (!step.lastStep) {\n                        if (this.alignedFullWidth) {\n                            step.style.width = pxToRem(`${(this.stepperWidth - this.lastStepWidth) /\n                                (this.steps.length - 1)}px`);\n                            step.style.minWidth = pxToRem(\"148px\");\n                        }\n                    }\n                    else if (step.lastStep) {\n                        step.classList.add(\"last-step\");\n                        if (this.alignedFullWidth) {\n                            step.style.maxWidth = `${this.lastStepWidth}px`;\n                        }\n                        else {\n                            step.style.maxWidth =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth + 48}px`)\n                                    : pxToRem(\"148px\");\n                        }\n                    }\n                    if (this.aligned === \"left\") {\n                        step.style.width =\n                            this.connectorWidth > 100\n                                ? pxToRem(`${this.connectorWidth + 48}px`)\n                                : pxToRem(\"148px\");\n                        const stepConnect = step.shadowRoot.querySelector(\".step > .step-top > .step-connect\");\n                        if (stepConnect) {\n                            stepConnect.style.width =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth}px`)\n                                    : pxToRem(\"100px\");\n                        }\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.add(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.setHideStepInfo = () => {\n            this.steps.forEach((step) => {\n                var _a, _b;\n                const stepTitleArea = step.shadowRoot.querySelector(\".step > .heading-area\");\n                if (stepTitleArea !== null) {\n                    if (this.hideStepInfo) {\n                        (_a = stepTitleArea.classList) === null || _a === void 0 ? void 0 : _a.add(this.visuallyHidden);\n                    }\n                    else {\n                        (_b = stepTitleArea.classList) === null || _b === void 0 ? void 0 : _b.remove(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.overrideVariant = () => {\n            if (this.variantOverride) {\n                let minDefaultStepperWidth = 148 * this.steps.length;\n                if (this.aligned === \"left\" && this.connectorWidth > 100) {\n                    minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n                }\n                if (this.el.clientWidth < minDefaultStepperWidth) {\n                    this.variant = \"compact\";\n                }\n                else {\n                    this.variant = \"default\";\n                }\n            }\n        };\n        this.resizeObserverCallback = () => {\n            this.getChildren();\n            this.checkStepTitles();\n            this.overrideVariant();\n            this.setStepperWidth();\n            this.initialiseStepStates();\n            this.handleThemeChange();\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback();\n            });\n            this.resizeObserver.observe(this.el);\n        };\n        this.alignedFullWidth = true;\n        this.autoSetStepTitles = true;\n        this.lastStepWidth = 0;\n        this.noOfResizes = 0;\n        this.stepperWidth = document\n            .querySelector(\"ic-stepper\")\n            .getBoundingClientRect().width;\n        this.stepTypes = [];\n        this.variantOverride = this.variant !== \"compact\";\n        this.aligned = \"full-width\";\n        this.connectorWidth = 100;\n        this.hideStepInfo = false;\n        this.theme = \"inherit\";\n        this.variant = \"default\";\n    }\n    handleThemeChange() {\n        this.getChildren();\n        this.steps.forEach((step) => {\n            step.theme = this.theme;\n        });\n    }\n    handlePropChange() {\n        this.setHideStepInfo();\n        this.getChildren();\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    componentWillLoad() {\n        this.setStepTypes();\n        this.handleThemeChange();\n        if (this.variant === \"compact\") {\n            this.variantOverride = false;\n        }\n    }\n    componentWillRender() {\n        this.initialiseStepStates();\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n    }\n    render() {\n        return (h(Host, { class: {\n                [`ic-stepper-${this.variant}`]: true,\n                [\"ic-stepper-aligned-left\"]: this.variant === \"default\" && this.aligned === \"left\",\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, h(\"ul\", { class: \"step-item-list\" }, h(\"slot\", null))));\n    }\n    static get is() { return \"ic-stepper\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepperAlignment\",\n                    \"resolved\": \"\\\"full-width\\\" | \\\"left\\\"\",\n                    \"references\": {\n                        \"IcStepperAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-stepper.types\",\n                            \"id\": \"src/components/ic-stepper/ic-stepper.types.ts::IcStepperAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the default stepper within its container.\"\n                },\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"full-width\\\"\"\n            },\n            \"connectorWidth\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The length of the connector between each step in pixels. Minimum length is 100px.\"\n                },\n                \"attribute\": \"connector-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"100\"\n            },\n            \"hideStepInfo\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\"\n                },\n                \"attribute\": \"hide-step-info\",\n                \"reflect\": false,\n                \"defaultValue\": \"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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\"\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-step/ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the stepper.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"alignedFullWidth\": {},\n            \"autoSetStepTitles\": {},\n            \"lastStepWidth\": {},\n            \"noOfResizes\": {},\n            \"stepperWidth\": {},\n            \"stepTypes\": {},\n            \"variantOverride\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"theme\",\n                \"methodName\": \"handleThemeChange\"\n            }, {\n                \"propName\": \"hideStepInfo\",\n                \"methodName\": \"handlePropChange\"\n            }, {\n                \"propName\": \"variant\",\n                \"methodName\": \"handlePropChange\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-stepper.js.map\n"],"mappings":"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"}

package/dist/core/p-53e00a8a.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 o}from"./p-e081702e.js";import{C as n}from"./p-170ddfc2.js";import{C as r,i as l,D as d,E as p,e as h,g as c,f as v,a as g,u as m,I as b,d as u}from"./p-9397b15b.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;z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-theme-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-theme-primary);z-index:var(--ic-z-index-side-navigation)}:host(.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-theme-primary);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(--ic-border-keyline-lighten);bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-theme-primary);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--ic-border-keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-theme-primary);position:fixed;top:0;left:0;right:0;border-bottom:var(--ic-border-keyline-darken);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.top-bar.light{border-bottom:var(--ic-border-keyline-lighten)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--ic-border-keyline-darken);padding-left:var(--ic-space-xxs);color:var(--ic-theme-text);align-items:center}.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-theme-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-theme-text)}slot[name="app-title"]::slotted(a),slot[name="app-icon"]::slotted(a){color:var(--ic-theme-text);outline:none;text-decoration:none;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-theme-hover)}:host .title-link:active{background-color:var(--ic-theme-active)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-theme-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{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-theme-text);color:var(--ic-color-text-primary);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-theme-hover);--navigation-group-text-hover:var(--ic-theme-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-theme-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-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;width:100%}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;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-theme-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.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-theme-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:56px;--navigation-item-height:56px}: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:56px;--navigation-item-width:320px;--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 (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=()=>{this.menuExpanded=!this.menuExpanded;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=l(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 o=s.querySelector("svg");const n=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(o);s.textContent="";r.textContent=n;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 o=((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(o>i-a){t.setAttribute("display-navigation-tooltip","true")}}))}),this.ANIMATION_DURATION)}else{clearTimeout(t);const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("display-navigation-tooltip","false")}))}};this.setMenuExpanded=i=>{this.menuExpanded=i};this.setParentPaddingTop=i=>{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<=d.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===d.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>d.L){this.setParentPaddingTop("0");this.setParentPaddingLeft("0")}else if((i>d.S||this.disableTopBarBehaviour)&&i<=d.M&&this.static){this.setParentPaddingLeft(t)}else if((i>d.S||this.disableTopBarBehaviour)&&i<=d.L){this.setParentPaddingLeft(this.static&&this.menuExpanded?"calc(var(--ic-space-xl) * 10)":t)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const i=h();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:n})=>{const r=this.appTitle!==""&&u(this.appTitle);const d=l(this.el,"app-title")?"div":"a";const p=d=="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",appearance:t,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?o: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||l(this.el,"app-title"))&&a(d,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"},l(this.el,"app-title")?a("slot",{name:"app-title"}):this.renderAppTitle(n)))))};this.deviceSize=h();this.deviceSizeAppTitle=d.S;this.foregroundColor=c();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.setMenuExpanded(this.expanded)}componentWillLoad(){this.setMenuExpanded(this.expanded);if(this.collapsedIconLabels){this.setCollapsedIconLabels()}this.hasSecondaryNavigation=l(this.el,"secondary-navigation")}componentDidLoad(){this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:this.deviceSize===d.S&&!this.disableTopBarBehaviour});v(this.runResizeObserver);this.styleSlottedCollapsedIconLabel();this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);this.setExpandedButtonHeight();!l(this.el,"app-title")&&g([{prop:this.appTitle,propName:"app-title"}],"Side Navigation")}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}this.el.removeEventListener("transitionend",this.transitionEndHandler)}themeChangeHandler({detail:i}){this.foregroundColor=i.mode}render(){const{appTitle:i,menuOpen:t,foregroundColor:e,menuExpanded:o,href:r,status:p,version:h,collapsedIconLabels:c,inline:v}=this;const g=!this.disableTopBarBehaviour&&this.deviceSize===d.S;const u=this.deviceSize===d.M;const y=this.deviceSize>=d.L;const x=this.deviceSizeAppTitle===d.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&&!o,"sm-expanded":!g&&o,"side-display":this.deviceSize>d.S||this.disableTopBarBehaviour,[`ic-side-navigation-${b.Dark}`]:e===b.Dark,["collapsed-labels"]:!g&&!o&&c,["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"},l(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()}},l(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:n,onClick:this.toggleMenuExpanded,"aria-label":`${o?"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)),h!==""&&a("ic-typography",{variant:"label",class:"app-version","aria-label":"app version"},h))))))}get el(){return e(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};f.style=x;export{f as ic_side_navigation};
+//# sourceMappingURL=p-53e00a8a.entry.js.map