@ukic/canary-web-components 2.0.0-canary.8 → 3.0.0-canary.1

package/dist/core/p-b2aa3d7c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,g as h}from"./p-8455d1bb.js";import{I as e}from"./p-fd186591.js";const a=class{constructor(i){t(this,i);this.icTabSelect=s(this,"icTabSelect",3);this.tabSelect=s(this,"tabSelect",3);this.newTabPanels=[];this.newTabs=[];this.linkTabs=()=>{this.tabs.forEach(((t,s)=>{const i=`ic-tab-${s}-context-${this.contextId}`;const h=`ic-tab-panel-${s}-context-${this.contextId}`;const a=`ic-tab--${s}-context-${this.contextId}`;const c="context-id";t.setAttribute("id",i);t.tabId=a;t.tabPosition=s;t.setAttribute("aria-controls",h);t.setAttribute(c,this.contextId);this.tabGroup.setAttribute(c,this.contextId);this.tabPanels[s].setAttribute("id",h);this.tabPanels[s].panelId=a;this.tabPanels[s].tabPosition=s;this.tabPanels[s].setAttribute("aria-labelledby",i);this.tabPanels[s].setAttribute(c,this.contextId);if(this.appearance===e.Light){t.appearance=this.appearance;this.tabPanels[s].appearance=this.appearance}}));if(this.appearance===e.Light){this.tabGroup.appearance=this.appearance}};this.getChildren=()=>{this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(this.tabGroup.querySelectorAll("ic-tab"));this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{if(this.activationType==="automatic"){this.handleKeyBoardNavAutomatic(t)}else{this.handleKeyBoardNavManual(t)}};this.attatchEventListeners=()=>{this.tabGroup.addEventListener("keydown",this.keydownHandler)};this.setControlledMode=()=>{if(this.selectedTabIndex!==undefined){this.controlledMode=true;this.selectedTab=this.selectedTabIndex}};this.setInitialTab=()=>{if(this.controlledMode){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach((t=>{t.selectedTab=this.tabs[this.selectedTab].tabId}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.getIndexOfEnabledTab=t=>this.enabledTabs.findIndex((s=>s.tabId===this.tabs[t].tabId));this.keyboardSelectTab=t=>{const s=this.tabs.findIndex((s=>s.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(!this.controlledMode){this.selectedTab=s}else{this.icTabSelect.emit({tabIndex:s});this.tabSelect.emit({tabIndex:s})}};this.keyboardFocusTab=t=>{const s=this.tabs.findIndex((s=>s.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();this.focusedTabIndex=s};this.handleKeyBoardNavAutomatic=t=>{const s=t.key;const i=this.getIndexOfEnabledTab(this.selectedTab);let h=true;switch(s){case"Home":this.keyboardSelectTab(0);break;case"End":this.keyboardSelectTab(this.enabledTabs.length-1);break;case"ArrowRight":if(i<this.enabledTabs.length-1){this.keyboardSelectTab(i+1)}else{this.keyboardSelectTab(0)}break;case"ArrowLeft":if(i>0){this.keyboardSelectTab(i-1)}else{this.keyboardSelectTab(this.enabledTabs.length-1)}break;default:h=false}if(h)t.preventDefault()};this.handleKeyBoardNavManual=t=>{const s=t.key;const i=this.getIndexOfEnabledTab(this.focusedTabIndex);let h=true;switch(s){case"Home":this.keyboardFocusTab(0);break;case"End":this.keyboardFocusTab(this.enabledTabs.length-1);break;case"ArrowRight":if(i<this.enabledTabs.length-1){this.keyboardFocusTab(i+1)}else{this.keyboardFocusTab(0)}break;case"ArrowLeft":if(i>0){this.keyboardFocusTab(i-1)}else{this.keyboardFocusTab(this.enabledTabs.length-1)}break;case"Enter":this.keyboardSelectTab(this.focusedTabIndex);break;case" ":this.keyboardSelectTab(this.focusedTabIndex);break;default:h=false}if(h)t.preventDefault()};this.selectedTab=undefined;this.activationType="automatic";this.appearance="dark";this.contextId="default";this.selectedTabIndex=undefined}updateSelectedTab(t){this.selectedTab=t}componentDidLoad(){this.setControlledMode();this.getChildren();this.linkTabs();this.attatchEventListeners();this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){this.tabGroup.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position});this.tabSelect.emit({tabIndex:t.detail.position});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async tabRemovedHandler(t){this.getChildren();this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true;this.tabPanels[this.selectedTab].selectedTab=this.tabs[this.selectedTab].tabId}else{this.setInitialTab()}if(t){this.tabs[this.selectedTab].setFocus()}}render(){return i("slot",null)}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"]}}};export{a as ic_tab_context};
-//# sourceMappingURL=p-b2aa3d7c.entry.js.map

package/dist/core/p-b2aa3d7c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TabContext","constructor","hostRef","this","newTabPanels","newTabs","linkTabs","tabs","forEach","tab","index","tabId","contextId","tabPanelId","shared","contextIdAttr","setAttribute","tabPosition","tabGroup","tabPanels","panelId","appearance","IcThemeForegroundEnum","Light","getChildren","el","querySelector","Array","from","querySelectorAll","children","filter","child","tagName","enabledTabs","getEnabledTabs","keydownHandler","event","activationType","handleKeyBoardNavAutomatic","handleKeyBoardNavManual","attatchEventListeners","addEventListener","setControlledMode","selectedTabIndex","undefined","controlledMode","selectedTab","setInitialTab","focusedTabIndex","firstEnabledTabIndex","findIndex","configureTabs","selected","tabPanel","disabled","getIndexOfEnabledTab","allTabsIndex","keyboardSelectTab","enabledTabIndex","newIndex","focus","icTabSelect","emit","tabIndex","tabSelect","keyboardFocusTab","key","preventDefault","length","updateSelectedTab","newValue","componentDidLoad","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\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\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                const shared = `ic-tab--${index}-context-${this.contextId}`;\n                const contextIdAttr = \"context-id\";\n                tab.setAttribute(\"id\", tabId);\n                tab.tabId = shared;\n                tab.tabPosition = index;\n                tab.setAttribute(\"aria-controls\", tabPanelId);\n                tab.setAttribute(contextIdAttr, this.contextId);\n                this.tabGroup.setAttribute(contextIdAttr, this.contextId);\n                this.tabPanels[index].setAttribute(\"id\", tabPanelId);\n                this.tabPanels[index].panelId = shared;\n                this.tabPanels[index].tabPosition = index;\n                this.tabPanels[index].setAttribute(\"aria-labelledby\", tabId);\n                this.tabPanels[index].setAttribute(contextIdAttr, this.contextId);\n                if (this.appearance === IcThemeForegroundEnum.Light) {\n                    tab.appearance = this.appearance;\n                    this.tabPanels[index].appearance = this.appearance;\n                }\n            });\n            if (this.appearance === IcThemeForegroundEnum.Light) {\n                this.tabGroup.appearance = this.appearance;\n            }\n        };\n        // Gets tabs and tabpanels with the same context ID\n        // Using querySelector to selector the children in relation to the host\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            if (this.activationType === \"automatic\") {\n                this.handleKeyBoardNavAutomatic(event);\n            }\n            else {\n                this.handleKeyBoardNavManual(event);\n            }\n        };\n        // Determines how keyboard navigation is to be handled based on the activation type\n        this.attatchEventListeners = () => {\n            this.tabGroup.addEventListener(\"keydown\", this.keydownHandler);\n        };\n        // Determines whether the selected tab is being controlled within the component\n        // or by the user (via selectedTabIndex and onIcTabSelect)\n        this.setControlledMode = () => {\n            if (this.selectedTabIndex !== undefined) {\n                this.controlledMode = true;\n                this.selectedTab = this.selectedTabIndex;\n            }\n        };\n        // Sets the tab that is selected on initial render\n        this.setInitialTab = () => {\n            if (this.controlledMode) {\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) => {\n                tabPanel.selectedTab = this.tabs[this.selectedTab].tabId;\n            });\n        };\n        this.getEnabledTabs = () => {\n            return Array.from(this.tabs).filter((child) => !child.disabled);\n        };\n        this.getIndexOfEnabledTab = (allTabsIndex) => {\n            return this.enabledTabs.findIndex((tab) => tab.tabId === this.tabs[allTabsIndex].tabId);\n        };\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.controlledMode) {\n                this.selectedTab = newIndex;\n            }\n            else {\n                this.icTabSelect.emit({ tabIndex: newIndex });\n                this.tabSelect.emit({ tabIndex: newIndex });\n            }\n        };\n        // Sets focus on tab without selecting it (for manual activation)\n        this.keyboardFocusTab = (enabledTabIndex) => {\n            const newIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId);\n            this.enabledTabs[enabledTabIndex].focus();\n            this.focusedTabIndex = newIndex;\n        };\n        this.handleKeyBoardNavAutomatic = (event) => {\n            const key = event.key;\n            const enabledTabIndex = this.getIndexOfEnabledTab(this.selectedTab);\n            let preventDefault = true;\n            switch (key) {\n                case \"Home\":\n                    this.keyboardSelectTab(0);\n                    break;\n                case \"End\":\n                    this.keyboardSelectTab(this.enabledTabs.length - 1);\n                    break;\n                case \"ArrowRight\":\n                    if (enabledTabIndex < this.enabledTabs.length - 1) {\n                        this.keyboardSelectTab(enabledTabIndex + 1);\n                    }\n                    else {\n                        this.keyboardSelectTab(0);\n                    }\n                    break;\n                case \"ArrowLeft\":\n                    if (enabledTabIndex > 0) {\n                        this.keyboardSelectTab(enabledTabIndex - 1);\n                    }\n                    else {\n                        this.keyboardSelectTab(this.enabledTabs.length - 1);\n                    }\n                    break;\n                default:\n                    preventDefault = false;\n            }\n            if (preventDefault)\n                event.preventDefault();\n        };\n        this.handleKeyBoardNavManual = (event) => {\n            const key = event.key;\n            const enabledTabIndex = this.getIndexOfEnabledTab(this.focusedTabIndex);\n            let preventDefault = true;\n            switch (key) {\n                case \"Home\":\n                    this.keyboardFocusTab(0);\n                    break;\n                case \"End\":\n                    this.keyboardFocusTab(this.enabledTabs.length - 1);\n                    break;\n                case \"ArrowRight\":\n                    if (enabledTabIndex < this.enabledTabs.length - 1) {\n                        this.keyboardFocusTab(enabledTabIndex + 1);\n                    }\n                    else {\n                        this.keyboardFocusTab(0);\n                    }\n                    break;\n                case \"ArrowLeft\":\n                    if (enabledTabIndex > 0) {\n                        this.keyboardFocusTab(enabledTabIndex - 1);\n                    }\n                    else {\n                        this.keyboardFocusTab(this.enabledTabs.length - 1);\n                    }\n                    break;\n                case \"Enter\":\n                    this.keyboardSelectTab(this.focusedTabIndex);\n                    break;\n                case \" \":\n                    this.keyboardSelectTab(this.focusedTabIndex);\n                    break;\n                default:\n                    preventDefault = false;\n            }\n            if (preventDefault)\n                event.preventDefault();\n        };\n        this.selectedTab = undefined;\n        this.activationType = \"automatic\";\n        this.appearance = \"dark\";\n        this.contextId = \"default\";\n        this.selectedTabIndex = undefined;\n    }\n    updateSelectedTab(newValue) {\n        this.selectedTab = newValue;\n    }\n    componentDidLoad() {\n        this.setControlledMode();\n        this.getChildren();\n        this.linkTabs();\n        this.attatchEventListeners();\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        this.icTabSelect.emit({\n            tabIndex: event.detail.position,\n        });\n        this.tabSelect.emit({\n            tabIndex: event.detail.position,\n        });\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                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.enabledTabs = this.getEnabledTabs();\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].selectedTab =\n                this.tabs[this.selectedTab].tabId;\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            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeForegroundNoDefault\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForegroundNoDefault\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForegroundNoDefault\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The appearance of the tab context, e.g dark, or light.\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"dark\\\"\"\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        };\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                \"method\": \"tabSelect\",\n                \"name\": \"tabSelect\",\n                \"bubbles\": false,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"deprecated\",\n                            \"text\": \"This event should not be used anymore. Use icTabSelect instead.\"\n                        }],\n                    \"text\": \"\"\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    }\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-b82dcc29.entry.js

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

package/dist/core/p-b82dcc29.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icAccordionCss","accordionIds","Accordion","constructor","hostRef","this","accordionId","CONTENT_VISIBILITY_PROPERTY","toggleExpanded","expanded","accordionClicked","emit","id","setAccordionAnimation","el","duration","property","delay","style","transitionDuration","transitionProperty","transitionDelay","setExpandedContentStyle","ev","expandedContent","propertyName","clientHeight","classList","add","height","hideExpandedContent","setProperty","animateExpandedContent","elementHeight","expandedContentEl","scrollHeight","addEventListener","e","remove","appearance","disabled","heading","message","size","handleExpandedWatch","setFocus","accordionBtnHeading","focus","disconnectedCallback","removeEventListener","componentDidLoad","render","h","Host","class","ref","tabindex","onClick","isSlotUsed","name","variant","innerHTML","chevronIcon","role"],"sources":["../web-components/dist/collection/components/ic-accordion/ic-accordion.css?tag=ic-accordion&encapsulation=shadow","../web-components/dist/collection/components/ic-accordion/ic-accordion.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n  border-bottom: var(--ic-border-default);\n}\n\n:host(.light) ic-typography,\n:host(.light) .expanded-content,\n:host(.light) .icon-container,\n:host(.light) .expand-chevron {\n  color: var(--ic-architectural-white);\n}\n\n:host(.disabled) ic-typography,\n:host(.disabled) .icon-container,\n:host(.disabled) .expand-chevron {\n  color: var(--ic-architectural-500);\n}\n\n.section-button.small {\n  padding: var(--ic-space-xxs) var(--ic-space-xs);\n}\n\n.section-button.large {\n  padding: var(--ic-space-sm) var(--ic-space-xs);\n}\n\n:host(:first-of-type) {\n  border-top: var(--ic-border-default);\n}\n\n:focus {\n  outline: none;\n}\n\n.section-button {\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: var(--ic-space-xs);\n  font-weight: var(--ic-font-weight-bold);\n  border: none;\n}\n\n.section-header {\n  text-align: left;\n  flex: 1 0;\n}\n\nbutton:hover:enabled {\n  background-color: var(--ic-action-dark-bg-hover);\n  cursor: pointer;\n}\n\nbutton:active {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\nbutton:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n}\n\nbutton:disabled {\n  pointer-events: none;\n}\n\n.icon-container {\n  margin: 0 var(--ic-space-xs) 0 0;\n  display: flex;\n  align-items: center;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n::slotted(svg) {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n.expand-chevron {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin-left: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  transform: rotate(90deg);\n  justify-self: end;\n}\n\n.content-expanded-chevron {\n  transform: rotate(-90deg);\n}\n\n.expanded-content {\n  height: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  visibility: var(--ic-expanded-content-visiblity, hidden);\n}\n\n.expanded-content-inner {\n  padding: var(--ic-space-xs);\n}\n\n.expanded-content-opened {\n  overflow: visible;\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { isSlotUsed } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nlet accordionIds = 0;\n/**\n * @slot heading - Content is placed as the accordion heading.\n * @slot icon - Content is placed to the left of the heading.\n */\nexport class Accordion {\n    constructor() {\n        this.accordionId = `ic-accordion-${accordionIds++}`;\n        this.CONTENT_VISIBILITY_PROPERTY = \"--ic-expanded-content-visiblity\";\n        this.toggleExpanded = () => {\n            this.expanded = !this.expanded;\n            this.accordionClicked.emit({ id: this.accordionId });\n        };\n        // Set accordion animation\n        this.setAccordionAnimation = (el, duration, property, delay) => {\n            el.style.transitionDuration = `${duration}ms`;\n            el.style.transitionProperty = property;\n            el.style.transitionDelay = delay;\n        };\n        this.setExpandedContentStyle = (ev, expandedContent) => {\n            if (ev.propertyName === \"height\" && expandedContent.clientHeight > 0) {\n                expandedContent.classList.add(\"expanded-content-opened\");\n                expandedContent.style.height = \"auto\";\n            }\n        };\n        this.hideExpandedContent = (ev, expandedContent) => {\n            if (ev.propertyName === \"height\" && expandedContent.clientHeight === 0) {\n                expandedContent.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"hidden\");\n            }\n        };\n        this.animateExpandedContent = () => {\n            const elementHeight = this.expandedContentEl.scrollHeight;\n            if (elementHeight > 0 && this.expanded) {\n                this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"visible\");\n                this.expandedContentEl.style.height = `${elementHeight}px`;\n                this.setAccordionAnimation(this.expandedContentEl, \"300\", \"height\", \"ease-out\");\n                this.expandedContentEl.addEventListener(\"transitionend\", (e) => {\n                    this.setExpandedContentStyle(e, this.expandedContentEl);\n                });\n            }\n            else if (!this.expanded) {\n                this.expandedContentEl.style.height = `${this.expandedContentEl.scrollHeight}px`;\n                if (this.expandedContentEl.scrollHeight > 0 && !this.expanded) {\n                    this.expandedContentEl.style.height = \"0\";\n                    this.setAccordionAnimation(this.expandedContentEl, \"300\", \"height\", \"ease-in\");\n                    this.expandedContentEl.classList.remove(\"expanded-content-opened\");\n                }\n                this.expandedContentEl.addEventListener(\"transitionend\", (e) => {\n                    this.hideExpandedContent(e, this.expandedContentEl);\n                });\n            }\n        };\n        this.appearance = \"default\";\n        this.disabled = false;\n        this.expanded = false;\n        this.heading = \"\";\n        this.message = \"\";\n        this.size = \"default\";\n    }\n    // Every time expanded is set via toggleExpanded or accordionGroup, animate to open or close\n    handleExpandedWatch() {\n        this.animateExpandedContent();\n    }\n    /**\n     * Sets focus on accordion heading.\n     */\n    async setFocus() {\n        if (this.accordionBtnHeading) {\n            this.accordionBtnHeading.focus();\n        }\n    }\n    disconnectedCallback() {\n        if (this.expandedContentEl) {\n            this.expandedContentEl.removeEventListener(\"transitionend\", (e) => this.setExpandedContentStyle(e, this.expandedContentEl), true);\n            this.expandedContentEl.removeEventListener(\"transitionend\", (e) => this.hideExpandedContent(e, this.expandedContentEl), true);\n        }\n    }\n    componentDidLoad() {\n        // So accordion opens by default if expanded set to true\n        if (this.expanded) {\n            this.expandedContentEl.style.height = \"auto\";\n            this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"visible\");\n        }\n    }\n    render() {\n        const { appearance, size, disabled, expanded } = this;\n        return (h(Host, { id: this.accordionId, class: {\n                [`${appearance}`]: true,\n                [\"disabled\"]: disabled,\n            }, \"aria-disabled\": disabled ? \"true\" : \"false\" }, h(\"button\", { ref: (el) => (this.accordionBtnHeading = el), id: `${this.accordionId}-button`, disabled: disabled, tabindex: disabled ? -1 : 0, class: {\n                [`${size}`]: true,\n                [\"section-button\"]: true,\n                [\"section-button-open\"]: expanded && !disabled,\n            }, \"aria-expanded\": `${expanded}`, \"aria-controls\": \"expanded-content-area\", onClick: this.toggleExpanded }, isSlotUsed(this.el, \"icon\") && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"icon\" }))), h(\"ic-typography\", { variant: \"subtitle-large\", class: \"section-header\" }, isSlotUsed(this.el, \"heading\") ? (h(\"slot\", { name: \"heading\" })) : (this.heading)), h(\"span\", { class: {\n                [\"expand-chevron\"]: true,\n                [\"content-expanded-chevron\"]: expanded && !disabled,\n            }, \"aria-hidden\": \"true\", innerHTML: chevronIcon })), h(\"div\", { class: {\n                [\"expanded-content\"]: true,\n            }, \"aria-labelledby\": `${this.accordionId}-button`, role: \"region\", \"aria-hidden\": `${!expanded}`, id: \"expanded-content-area\", ref: (el) => (this.expandedContentEl = el) }, h(\"div\", { class: \"expanded-content-inner\" }, h(\"slot\", null)))));\n    }\n    static get is() { return \"ic-accordion\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-accordion.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-accordion.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeForeground\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForeground\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForeground\"\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 accordion should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\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 accordion will be disabled.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"expanded\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the accordion appears expanded.\"\n                },\n                \"attribute\": \"expanded\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"heading\": {\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 section header outlining section content.\"\n                },\n                \"attribute\": \"heading\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"message\": {\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 main body message of the accordion.\"\n                },\n                \"attribute\": \"message\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the accordion.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"accordionClicked\",\n                \"name\": \"accordionClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when accordion is clicked.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ id: string }\",\n                    \"resolved\": \"{ id: string; }\",\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 accordion heading.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"expanded\",\n                \"methodName\": \"handleExpandedWatch\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-accordion.js.map\n"],"mappings":"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"}

package/dist/core/p-ba86928c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as s,g as i}from"./p-8455d1bb.js";import{C as a}from"./p-0aa9ce8b.js";import{d as c}from"./p-9caf19eb.js";import"./p-fd186591.js";const r=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>\n</svg>`;const o=":host{display:flex;flex:auto}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.step-title,.step-subtitle,.step-status,.next-step{white-space:pre-line}.visually-hidden{position:absolute;left:-625rem;top:auto;width:1px;height:1px;overflow:hidden}:host(.compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-status-info);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%;background-color:var(--ic-architectural-white)}:host(.compact) .step-title-area{display:flex;flex-direction:column;width:14.25rem}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-color-secondary-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-status-success)}.compact-step-disabled :is(.step-title,.step-status){color:var(--ic-color-tertiary-text)}.step-num{color:var(--ic-color-secondary-text);white-space:nowrap}:host(.compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.default) .step{flex-direction:column}:host(.default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.default) .step-icon{border-radius:50%;background-color:var(--ic-architectural-white)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%}:host(.default) .current{color:var(--ic-status-info)}:host(.default) .step-title-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.default) .step-title,.step-subtitle{width:-moz-fit-content;width:fit-content}.step-subtitle{color:var(--ic-color-tertiary-text)}.current .step-subtitle{color:var(--ic-color-primary-text)}:host(.default) .completed{color:var(--ic-status-success)}.active .step-icon-inner{box-shadow:inset var(--ic-architectural-200) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-status-info);color:white}.disabled{color:var(--ic-architectural-200)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-architectural-200);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs))}.disabled .step-title-area{color:var(--ic-color-tertiary-text)}.completed .step-icon-inner{background:var(--ic-status-success);box-shadow:inset var(--ic-status-success) 0 0 0 var(--ic-space-xxxs);border-radius:100%}:host(.default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-status-info);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-architectural-200);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-architectural-200);border-radius:0}.completed .step-connect{background-color:var(--ic-status-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-status-info)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-color-white-text)}@media (forced-colors: active){.compact-step-disabled :is(.step-title,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-hc-border)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.default) .current .step-icon{padding:0;border:none}.disabled,.disabled .step-title-area{color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}";const n=class{constructor(e){t(this,e);this.compactStepStyling=undefined;this.current=false;this.lastStep=undefined;this.lastStepNum=undefined;this.nextStepTitle=undefined;this.progress=undefined;this.stepNum=undefined;this.stepStatus=undefined;this.stepSubtitle=undefined;this.stepTitle=undefined;this.variant=undefined;this.stepType="active"}stepTypeChangeHandler(){if(this.variant==="compact"&&this.stepType==="current"){this.current=true}else{this.current=false}}render(){let t="";if(this.stepType==="completed"){t=". Completed step"}else if(this.stepType==="disabled"){t=". Non-required step"}else if(this.stepStatus==="required"){t=". Required step"}else if(this.stepStatus==="optional"){t=". Optional step"}let i;if(c(this.stepStatus)){i=this.stepStatus[0].toUpperCase()+this.stepStatus.slice(1)}let o;if(this.stepType==="disabled"||this.compactStepStyling==="disabled"){o="Not required"}else if(this.compactStepStyling==="completed"){o="Completed"}let n;if(this.stepType==="completed"||this.compactStepStyling==="completed"){n=e("span",{class:"check-icon step-icon","aria-hidden":"true",innerHTML:a})}else if(this.stepType==="disabled"||this.compactStepStyling==="disabled"){n=e("span",{class:"warning-icon step-icon","aria-hidden":"true",innerHTML:r})}const l=e("div",{class:{["step"]:true,["current"]:this.current,[`compact-step-${this.compactStepStyling}`]:!!this.compactStepStyling}},e("ic-loading-indicator",{class:{"compact-step-progress-indicator":true,"not-required":this.stepType==="disabled"||this.compactStepStyling==="disabled"},"aria-hidden":"true",size:"small","inner-label":this.stepNum,progress:this.progress}),e("div",{class:"step-title-area"},e("ic-typography",{variant:"h4",class:"step-title"},this.stepTitle),e("div",{class:"info-line"},e("ic-typography",{variant:"caption",class:"step-num"},`${this.stepNum} of ${this.lastStepNum}`,e("span",{class:"visually-hidden"}," steps")),(this.stepSubtitle||this.stepType==="completed"||this.stepType==="disabled"||this.variant==="compact"&&!!this.compactStepStyling&&this.compactStepStyling!=="active"||!!this.stepStatus)&&e("div",{class:"step-status"},n!==undefined&&n,(this.stepSubtitle||o)&&e("ic-typography",{variant:"caption"},this.stepSubtitle!==null&&c(this.stepSubtitle)?this.stepSubtitle:this.stepType==="disabled"||this.variant==="compact"&&this.compactStepStyling==="disabled"||this.stepType==="completed"||this.variant==="compact"&&this.compactStepStyling==="completed"?o:this.stepStatus&&i))),this.lastStep?e("ic-typography",{variant:"subtitle-small",class:"next-step"},"Last step"):c(this.nextStepTitle)&&e("ic-typography",{variant:"subtitle-small",class:"next-step"},"Next",e("span",{class:"visually-hidden"}," step is"),":"," ",this.nextStepTitle)));let p;if(this.stepType!=="completed"){p=e("ic-typography",{variant:"subtitle-small"},e("span",{class:"step-icon-inner","aria-hidden":"true"},this.stepNum))}else{p=e("div",{class:"step-icon-inner","aria-hidden":"true"},e("span",{class:"check-icon",innerHTML:a}))}const d=this.stepType==="current"&&e("div",{class:"step-connect-inner"});const h=!this.lastStep&&e("div",{class:{["step-connect"]:true,["aligned-full-width"]:this.el.parentElement.classList.contains("default")&&!this.el.parentElement.classList.contains("aligned-left")}},d);const u=e("div",{class:{["step"]:true,[`${this.stepType}`]:true}},e("div",{class:"step-top"},e("div",{class:"step-icon"},p),h),(this.stepTitle||this.stepSubtitle||this.stepStatus)&&e("div",{class:"step-title-area"},this.stepTitle&&e("ic-typography",{variant:"subtitle-large",class:"step-title"},this.stepTitle),this.stepTitle&&(this.stepSubtitle||this.stepStatus)&&e("ic-typography",{variant:"caption",class:"step-subtitle"},this.stepSubtitle!==null&&c(this.stepSubtitle)?this.stepSubtitle:i)));return e(s,{role:"listitem","aria-label":`Step ${this.stepNum}${t}`,"aria-current":(this.current||this.stepType==="current")&&"step",class:{["aligned-full-width"]:this.el.parentElement.classList.contains("default")&&!this.el.parentElement.classList.contains("aligned-left"),[`${this.variant}`]:true}},this.variant==="compact"?l:u)}get el(){return i(this)}static get watchers(){return{stepType:["stepTypeChangeHandler"]}}};n.style=o;export{n as ic_step};
-//# sourceMappingURL=p-ba86928c.entry.js.map

package/dist/core/p-ba86928c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icStepCss","Step","constructor","hostRef","this","compactStepStyling","undefined","current","lastStep","lastStepNum","nextStepTitle","progress","stepNum","stepStatus","stepSubtitle","stepTitle","variant","stepType","stepTypeChangeHandler","render","ariaLabel","isPropDefined","toUpperCase","slice","statusIcon","h","class","innerHTML","checkIcon","warningIcon","compactStep","size","icon","partialBar","finalStep","el","parentElement","classList","contains","defaultStep","Host","role"],"sources":["../web-components/dist/collection/components/ic-step/ic-step.css?tag=ic-step&encapsulation=shadow","../web-components/dist/collection/components/ic-step/ic-step.js"],"sourcesContent":["/* SHARED STYLING */\n:host {\n  display: flex;\n  flex: auto;\n}\n\n.step {\n  display: flex;\n  flex: 1 1 0;\n}\n\n.step-icon {\n  display: flex;\n  justify-content: center;\n}\n\n.step-title,\n.step-subtitle,\n.step-status,\n.next-step {\n  white-space: pre-line;\n}\n\n.visually-hidden {\n  position: absolute;\n  left: -625rem;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n/* COMPACT STEP STYLING */\n:host(.compact) {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n\n  --compact-step-inner-color: var(--ic-status-info);\n  --compact-step-circular-line-width: var(--ic-space-xxs);\n}\n\n:host(.compact) .step {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n}\n\n:host(.compact) .step:not(.current) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.compact-step-progress-indicator {\n  margin: var(--ic-space-xs) 0 0;\n}\n\n:host ic-loading-indicator::part(ic-loading-container) {\n  border-radius: 50%;\n  background-color: var(--ic-architectural-white);\n}\n\n:host(.compact) .step-title-area {\n  display: flex;\n  flex-direction: column;\n  width: 14.25rem;\n}\n\n.info-line {\n  display: flex;\n  -moz-column-gap: var(--ic-space-xs);\n       column-gap: var(--ic-space-xs);\n}\n\n.step-status {\n  display: flex;\n  color: var(--ic-color-secondary-text);\n  -moz-column-gap: var(--ic-space-xxxs);\n       column-gap: var(--ic-space-xxxs);\n}\n\n.compact-step-completed .step-status {\n  color: var(--ic-status-success);\n}\n\n.compact-step-disabled :is(.step-title, .step-status) {\n  color: var(--ic-color-tertiary-text);\n}\n\n.step-num {\n  color: var(--ic-color-secondary-text);\n  white-space: nowrap;\n}\n\n:host(.compact) .step-icon {\n  margin: var(--ic-space-xxxs);\n}\n\n:host(.compact) .step-icon svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n/* DEFAULT STEP STYLING */\n:host(.default) .step {\n  flex-direction: column;\n}\n\n:host(.default.last-step) {\n  flex-grow: initial;\n}\n\n.step-top {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: flex-start;\n  height: 2.5rem;\n}\n\n:host(.default) .step-icon {\n  border-radius: 50%;\n  background-color: var(--ic-architectural-white);\n}\n\n.step-icon-inner {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n}\n\n:host(.default) .current {\n  color: var(--ic-status-info);\n}\n\n:host(.default) .step-title-area {\n  margin: var(--ic-space-xs) 0;\n  padding-right: var(--ic-space-xs);\n  width: 100%;\n}\n\n:host(.default) .step-title,\n.step-subtitle {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.step-subtitle {\n  color: var(--ic-color-tertiary-text);\n}\n\n.current .step-subtitle {\n  color: var(--ic-color-primary-text);\n}\n\n:host(.default) .completed {\n  color: var(--ic-status-success);\n}\n\n.active .step-icon-inner {\n  box-shadow: inset var(--ic-architectural-200) 0 0 0 0.125rem;\n}\n\n.current .step-icon-inner {\n  background-color: var(--ic-status-info);\n  color: white;\n}\n\n.disabled {\n  color: var(--ic-architectural-200);\n}\n\n.disabled .step-icon-inner {\n  border: var(--ic-border-width) dashed var(--ic-architectural-200);\n  width: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  height: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n}\n\n.disabled .step-title-area {\n  color: var(--ic-color-tertiary-text);\n}\n\n.completed .step-icon-inner {\n  background: var(--ic-status-success);\n  box-shadow: inset var(--ic-status-success) 0 0 0 var(--ic-space-xxxs);\n  border-radius: 100%;\n}\n\n:host(.default) .current .step-icon {\n  border: var(--ic-space-xxxs) solid var(--ic-status-info);\n  padding: var(--ic-space-xxxs);\n  margin: 0 calc(-1 * var(--ic-space-xxxs));\n\n  /* compensating for the circle being bigger than other steps */\n}\n\n.step-connect {\n  height: var(--ic-space-xxxs);\n  background-color: var(--ic-architectural-200);\n  margin: 0 var(--ic-space-xs);\n  border-radius: var(--ic-space-xxs);\n  width: 100%;\n}\n\n.aligned-full-width.step-connect {\n  min-width: 6.25rem;\n  width: 100%;\n}\n\n.disabled .step-connect {\n  height: 0;\n  background-color: rgb(0 0 0 / 0%);\n  border-top: 0.125rem dashed var(--ic-architectural-200);\n  border-radius: 0;\n}\n\n.completed .step-connect {\n  background-color: var(--ic-status-success);\n}\n\n.step-connect-inner {\n  width: 70%;\n  display: flex;\n  flex: auto;\n  height: var(--ic-space-xxxs);\n  border-radius: var(--ic-space-xxs);\n  background-color: var(--ic-status-info);\n}\n\n.step-icon-inner .check-icon {\n  padding-top: var(--ic-space-xxs);\n}\n\n.step-icon-inner .check-icon svg {\n  width: var(--ic-space-md);\n  height: auto;\n}\n\n.step-icon-inner .check-icon > svg > path {\n  fill: var(--ic-color-white-text);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  /* COMPACT STEP */\n  .compact-step-disabled :is(.step-title, .step-status) {\n    color: GrayText;\n  }\n\n  /* DEFAULT STEP */\n  .step-connect:not(.disabled .step-connect) {\n    border: var(--ic-hc-border);\n  }\n\n  .active .step-icon-inner,\n  .completed .step-icon-inner,\n  .current .step-icon-inner {\n    forced-color-adjust: none;\n    box-shadow: inset canvastext 0 0 0 0.125rem;\n    background-color: transparent;\n    color: canvastext;\n  }\n\n  :host(.default) .current .step-icon {\n    padding: 0;\n    border: none;\n  }\n\n  .disabled,\n  .disabled .step-title-area {\n    color: GrayText;\n  }\n\n  .step-connect-inner,\n  .completed .step-connect {\n    background-color: canvastext;\n  }\n\n  .step-icon-inner .check-icon > svg > path {\n    fill: canvastext;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class Step {\n    constructor() {\n        this.compactStepStyling = undefined;\n        this.current = false;\n        this.lastStep = undefined;\n        this.lastStepNum = undefined;\n        this.nextStepTitle = undefined;\n        this.progress = undefined;\n        this.stepNum = undefined;\n        this.stepStatus = undefined;\n        this.stepSubtitle = undefined;\n        this.stepTitle = undefined;\n        this.variant = undefined;\n        this.stepType = \"active\";\n    }\n    stepTypeChangeHandler() {\n        if (this.variant === \"compact\" && this.stepType === \"current\") {\n            this.current = true;\n        }\n        else {\n            this.current = false;\n        }\n    }\n    render() {\n        // ARIA LABEL\n        let ariaLabel = \"\";\n        if (this.stepType === \"completed\") {\n            ariaLabel = \". Completed step\";\n        }\n        else if (this.stepType === \"disabled\") {\n            ariaLabel = \". Non-required step\";\n        }\n        else if (this.stepStatus === \"required\") {\n            ariaLabel = \". Required step\";\n        }\n        else if (this.stepStatus === \"optional\") {\n            ariaLabel = \". Optional step\";\n        }\n        // STEP STATUS\n        let stepStatus;\n        if (isPropDefined(this.stepStatus)) {\n            stepStatus = this.stepStatus[0].toUpperCase() + this.stepStatus.slice(1);\n        }\n        // STEP TYPE\n        let stepType;\n        if (this.stepType === \"disabled\" ||\n            this.compactStepStyling === \"disabled\") {\n            stepType = \"Not required\";\n        }\n        else if (this.compactStepStyling === \"completed\") {\n            stepType = \"Completed\";\n        }\n        // STATUS ICON FOR COMPACT STEP\n        let statusIcon;\n        if (this.stepType === \"completed\" ||\n            this.compactStepStyling === \"completed\") {\n            statusIcon = (h(\"span\", { class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n        }\n        else if (this.stepType === \"disabled\" ||\n            this.compactStepStyling === \"disabled\") {\n            statusIcon = (h(\"span\", { class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n        }\n        // COMPACT STEP COMPONENT\n        const compactStep = (h(\"div\", { class: {\n                [\"step\"]: true,\n                [\"current\"]: this.current,\n                [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,\n            } }, h(\"ic-loading-indicator\", { class: {\n                \"compact-step-progress-indicator\": true,\n                \"not-required\": this.stepType === \"disabled\" ||\n                    this.compactStepStyling === \"disabled\",\n            }, \"aria-hidden\": \"true\", size: \"small\", \"inner-label\": this.stepNum, progress: this.progress }), h(\"div\", { class: \"step-title-area\" }, h(\"ic-typography\", { variant: \"h4\", class: \"step-title\" }, this.stepTitle), h(\"div\", { class: \"info-line\" }, h(\"ic-typography\", { variant: \"caption\", class: \"step-num\" }, `${this.stepNum} of ${this.lastStepNum}`, h(\"span\", { class: \"visually-hidden\" }, \" steps\")), (this.stepSubtitle ||\n            this.stepType === \"completed\" ||\n            this.stepType === \"disabled\" ||\n            (this.variant === \"compact\" &&\n                !!this.compactStepStyling &&\n                this.compactStepStyling !== \"active\") ||\n            !!this.stepStatus) && (h(\"div\", { class: \"step-status\" }, statusIcon !== undefined && statusIcon, (this.stepSubtitle || stepType) && (h(\"ic-typography\", { variant: \"caption\" }, this.stepSubtitle !== null &&\n            isPropDefined(this.stepSubtitle)\n            ? this.stepSubtitle\n            : this.stepType === \"disabled\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"disabled\") ||\n                this.stepType === \"completed\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"completed\")\n                ? stepType\n                : this.stepStatus && stepStatus))))), this.lastStep ? (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Last step\")) : (isPropDefined(this.nextStepTitle) && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Next\", h(\"span\", { class: \"visually-hidden\" }, \" step is\"), \":\", \" \", this.nextStepTitle))))));\n        // ICON FOR DEFAULT STEP\n        let icon;\n        if (this.stepType !== \"completed\") {\n            icon = (h(\"ic-typography\", { variant: \"subtitle-small\" }, h(\"span\", { class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n        }\n        else {\n            icon = (h(\"div\", { class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { class: \"check-icon\", innerHTML: checkIcon })));\n        }\n        // STEP CONNECT FOR DEFAULT STEP\n        const partialBar = this.stepType === \"current\" && (h(\"div\", { class: \"step-connect-inner\" }));\n        const finalStep = !this.lastStep && (h(\"div\", { class: {\n                [\"step-connect\"]: true,\n                [\"aligned-full-width\"]: this.el.parentElement.classList.contains(\"default\") &&\n                    !this.el.parentElement.classList.contains(\"aligned-left\"),\n            } }, partialBar));\n        // DEFAULT STEP COMPONENT\n        const defaultStep = (h(\"div\", { class: {\n                [\"step\"]: true,\n                [`${this.stepType}`]: true,\n            } }, h(\"div\", { class: \"step-top\" }, h(\"div\", { class: \"step-icon\" }, icon), finalStep), (this.stepTitle || this.stepSubtitle || this.stepStatus) && (h(\"div\", { class: \"step-title-area\" }, this.stepTitle && (h(\"ic-typography\", { variant: \"subtitle-large\", class: \"step-title\" }, this.stepTitle)), this.stepTitle && (this.stepSubtitle || this.stepStatus) && (h(\"ic-typography\", { variant: \"caption\", class: \"step-subtitle\" }, this.stepSubtitle !== null && isPropDefined(this.stepSubtitle)\n            ? this.stepSubtitle\n            : stepStatus))))));\n        return (h(Host, { role: \"listitem\", \"aria-label\": `Step ${this.stepNum}${ariaLabel}`, \"aria-current\": (this.current || this.stepType === \"current\") && \"step\", class: {\n                [\"aligned-full-width\"]: this.el.parentElement.classList.contains(\"default\") &&\n                    !this.el.parentElement.classList.contains(\"aligned-left\"),\n                [`${this.variant}`]: true,\n            } }, this.variant === \"compact\" ? compactStep : defaultStep));\n    }\n    static get is() { return \"ic-step\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"compactStepStyling\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\"\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If a compact stepper is being used, this sets the styling of the step.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"compact-step-styling\",\n                \"reflect\": false\n            },\n            \"current\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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`, and a compact stepper  is being used, the current step will be the only step in view.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"current\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"lastStep\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"last-step\",\n                \"reflect\": false\n            },\n            \"lastStepNum\": {\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 step number of the final step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"last-step-num\",\n                \"reflect\": false\n            },\n            \"nextStepTitle\": {\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 name of the next step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"next-step-title\",\n                \"reflect\": false\n            },\n            \"progress\": {\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 progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"progress\",\n                \"reflect\": false\n            },\n            \"stepNum\": {\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 step number, managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"step-num\",\n                \"reflect\": false\n            },\n            \"stepStatus\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepStatuses\",\n                    \"resolved\": \"\\\"optional\\\" | \\\"required\\\"\",\n                    \"references\": {\n                        \"IcStepStatuses\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepStatuses\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the step. Use this prop to display a status message on the step if it is required or optional.\"\n                },\n                \"attribute\": \"step-status\",\n                \"reflect\": false\n            },\n            \"stepSubtitle\": {\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\": \"Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\"\n                },\n                \"attribute\": \"step-subtitle\",\n                \"reflect\": false\n            },\n            \"stepTitle\": {\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 title of the step within the stepper.\"\n                },\n                \"attribute\": \"step-title\",\n                \"reflect\": false\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\"\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The variant of the step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false\n            },\n            \"stepType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\"\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of the step within the stepper.\"\n                },\n                \"attribute\": \"step-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"active\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"stepType\",\n                \"methodName\": \"stepTypeChangeHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-step.js.map\n"],"mappings":"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"}

package/dist/core/p-baf81f30.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icSkeletonCss","Skeleton","constructor","hostRef","this","default","undefined","hasChild","heightOnly","widthOnly","appearance","light","variant","componentWillLoad","el","style","height","width","render","firstElementChild","defaultSkeletonStyle","heightSetStyle","widthSetStyle","h","Host","class"],"sources":["../web-components/dist/collection/components/ic-skeleton/ic-skeleton.css?tag=ic-skeleton&encapsulation=shadow","../web-components/dist/collection/components/ic-skeleton/ic-skeleton.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@keyframes loading {\n  0% {\n    background-color: var(--ic-architectural-100);\n  }\n\n  50% {\n    background-color: var(--ic-architectural-200);\n  }\n\n  100% {\n    background-color: var(--ic-architectural-100);\n  }\n}\n\n@keyframes loading-light {\n  0% {\n    background-color: var(--ic-architectural-600);\n  }\n\n  50% {\n    background-color: var(--ic-architectural-400);\n  }\n\n  100% {\n    background-color: var(--ic-architectural-600);\n  }\n}\n\n:host {\n  display: inline-block;\n}\n\n:host(.skeleton) {\n  background-color: var(--ic-architectural-100);\n  border-radius: var(--ic-border-radius);\n  animation: loading 1200ms infinite;\n  display: inline-block;\n}\n\n:host(.skeleton) > * {\n  opacity: 0;\n  visibility: hidden;\n}\n\n:host(.circle) {\n  border-radius: 50%;\n}\n\n:host(.light) {\n  background-color: var(--ic-architectural-600);\n  animation: loading-light 1200ms infinite;\n}\n\n@media (forced-colors: active) {\n  :host(.skeleton) {\n    -ms-high-contrast-adjust: none;\n    forced-color-adjust: none;\n    background: currentcolor;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nexport class Skeleton {\n    constructor() {\n        this.default = undefined;\n        this.hasChild = undefined;\n        this.heightOnly = undefined;\n        this.widthOnly = undefined;\n        this.appearance = \"default\";\n        this.light = false;\n        this.variant = \"rectangle\";\n    }\n    componentWillLoad() {\n        if (this.el.style.height === \"\" && this.el.style.width === \"\") {\n            this.default = true;\n        }\n        else if (!(this.el.style.height === \"\") && this.el.style.width === \"\") {\n            this.heightOnly = true;\n        }\n        else if (!(this.el.style.width === \"\") && this.el.style.height === \"\") {\n            this.widthOnly = true;\n        }\n    }\n    render() {\n        const { variant, light, appearance } = this;\n        this.hasChild = !!this.el.firstElementChild;\n        const defaultSkeletonStyle = {\n            height: variant == \"text\" ? \"1em\" : variant == \"circle\" ? \"25px\" : \"93px\",\n            width: variant == \"circle\" ? \"25px\" : \"260px\",\n        };\n        const heightSetStyle = {\n            height: this.el.style.height,\n            width: variant == \"circle\" ? \"25px\" : \"260px\",\n        };\n        const widthSetStyle = {\n            height: variant == \"text\" ? \"1em\" : variant == \"circle\" ? \"25px\" : \"93px\",\n            width: this.el.style.width,\n        };\n        return (h(Host, { class: {\n                [\"skeleton\"]: true,\n                [\"circle\"]: variant == \"circle\",\n                [\"light\"]: light || appearance === \"light\",\n            }, style: (!this.hasChild && this.default && defaultSkeletonStyle) ||\n                (this.heightOnly && heightSetStyle) ||\n                (this.widthOnly && widthSetStyle), \"aria-disabled\": \"true\" }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-skeleton\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-skeleton.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-skeleton.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"light\\\" | \\\"default\\\"\",\n                    \"resolved\": \"\\\"default\\\" | \\\"light\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The appearance of the skeleton.\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"light\": {\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\": \"deprecated\",\n                            \"text\": \"This prop should not be used anymore. Set prop `appearance` to \\\"light\\\" instead.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"light\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSkeletonVariants\",\n                    \"resolved\": \"\\\"circle\\\" | \\\"rectangle\\\" | \\\"text\\\"\",\n                    \"references\": {\n                        \"IcSkeletonVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-skeleton.types\",\n                            \"id\": \"src/components/ic-skeleton/ic-skeleton.types.ts::IcSkeletonVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the skeleton that will be displayed.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"rectangle\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"default\": {},\n            \"hasChild\": {},\n            \"heightOnly\": {},\n            \"widthOnly\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-skeleton.js.map\n"],"mappings":"yDAAA,MAAMA,EAAgB,iqG,MCCTC,EAAQ,MACjB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAUC,UACfF,KAAKG,SAAWD,UAChBF,KAAKI,WAAaF,UAClBF,KAAKK,UAAYH,UACjBF,KAAKM,WAAa,UAClBN,KAAKO,MAAQ,MACbP,KAAKQ,QAAU,W,CAEnB,iBAAAC,GACI,GAAIT,KAAKU,GAAGC,MAAMC,SAAW,IAAMZ,KAAKU,GAAGC,MAAME,QAAU,GAAI,CAC3Db,KAAKC,QAAU,I,MAEd,KAAMD,KAAKU,GAAGC,MAAMC,SAAW,KAAOZ,KAAKU,GAAGC,MAAME,QAAU,GAAI,CACnEb,KAAKI,WAAa,I,MAEjB,KAAMJ,KAAKU,GAAGC,MAAME,QAAU,KAAOb,KAAKU,GAAGC,MAAMC,SAAW,GAAI,CACnEZ,KAAKK,UAAY,I,EAGzB,MAAAS,GACI,MAAMN,QAAEA,EAAOD,MAAEA,EAAKD,WAAEA,GAAeN,KACvCA,KAAKG,WAAaH,KAAKU,GAAGK,kBAC1B,MAAMC,EAAuB,CACzBJ,OAAQJ,GAAW,OAAS,MAAQA,GAAW,SAAW,OAAS,OACnEK,MAAOL,GAAW,SAAW,OAAS,SAE1C,MAAMS,EAAiB,CACnBL,OAAQZ,KAAKU,GAAGC,MAAMC,OACtBC,MAAOL,GAAW,SAAW,OAAS,SAE1C,MAAMU,EAAgB,CAClBN,OAAQJ,GAAW,OAAS,MAAQA,GAAW,SAAW,OAAS,OACnEK,MAAOb,KAAKU,GAAGC,MAAME,OAEzB,OAAQM,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,YAAa,KACd,CAAC,UAAWb,GAAW,SACvB,CAAC,SAAUD,GAASD,IAAe,SACpCK,OAASX,KAAKG,UAAYH,KAAKC,SAAWe,GACxChB,KAAKI,YAAca,GACnBjB,KAAKK,WAAaa,EAAgB,gBAAiB,QAAUC,EAAE,OAAQ,M"}

package/dist/core/p-c125b65a.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as e,g as o}from"./p-8455d1bb.js";import{f as a}from"./p-9caf19eb.js";import"./p-fd186591.js";const s='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-primary-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:var(--ic-space-xxs) solid !important;margin-bottom:calc(-1 * var(--ic-space-xxs)) !important;text-decoration:none;cursor:pointer}:host(.strikethrough){text-decoration:line-through}:host(.underline){text-decoration:underline}:host(.underline.strikethrough){text-decoration:line-through underline}:host(.italic){font-style:italic !important}:host(.bold){font-weight:var(--ic-font-weight-bold)}@supports (text-decoration-thickness: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}';const r=class{constructor(i){t(this,i);this.focusBtnFromKeyboard=true;this.lastMarkerTop=0;this.lastWidth=0;this.resizeObserver=null;this.truncatedHeight=0;this.toggleExpanded=()=>{this.expanded=!this.expanded};this.checkMaxLines=t=>{const i=Math.floor(t/24);if(i>this.maxLines){this.el.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`);this.truncatedHeight=this.el.clientHeight;this.truncated=true}};this.checkMarkerPosition=(t,i)=>{if(i-t<this.truncatedHeight){this.truncated=false;this.expanded=false}else{this.truncated=true}};this.getElementTop=t=>t.getClientRects?t.getClientRects()[0].top:0;this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeInterval);this.resizeInterval=window.setTimeout(this.resizeObserverCallback,50)}));this.resizeObserver.observe(this.truncWrapperEl)};this.resizeObserverCallback=()=>{if(this.lastWidth===this.el.clientWidth){return}if(this.truncatedHeight===0){this.checkMaxLines(this.el.clientHeight);return}const t=this.getElementTop(this.marker);if(t===this.lastMarkerTop){return}this.checkMarkerPosition(this.getElementTop(this.el),t);this.lastMarkerTop=t;this.lastWidth=this.el.clientWidth};this.truncButtonFocus=()=>{if(this.focusBtnFromKeyboard){this.truncButtonFocussed=true}};this.truncButtonBlur=()=>{this.focusBtnFromKeyboard=true;this.truncButtonFocussed=false};this.truncButtonFocusFromMouse=()=>{this.focusBtnFromKeyboard=false};this.truncated=false;this.truncButtonFocussed=false;this.applyVerticalMargins=false;this.bold=false;this.italic=false;this.maxLines=undefined;this.strikethrough=false;this.underline=false;this.variant="body";this.expanded=false}watchExpandedHandler(){this.el.setAttribute("style",`--truncation-max-lines: ${this.expanded?"initial":this.maxLines}`)}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentDidLoad(){var t,i;if((this.variant==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&this.maxLines>0){const t=document.createElement("span");t.style.visibility="hidden";this.el.appendChild(t);this.marker=t;this.lastWidth=this.el.clientWidth;this.checkMaxLines(this.el.clientHeight);a(this.runResizeObserver)}}render(){var t,o;const{variant:a,applyVerticalMargins:s,maxLines:r,truncated:n,expanded:c,strikethrough:l,underline:h,italic:p,bold:d}=this;return i(e,{class:{[`ic-typography-${a}`]:true,[`ic-typography-vertical-margins-${a}`]:s,["bold"]:d,["italic"]:p,["strikethrough"]:l,["underline"]:h}},(a==="body"||((o=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||o===void 0?void 0:o.tagName)==="IC-TOOLTIP")&&r>0?i("div",{class:"trunc-wrapper",ref:t=>this.truncWrapperEl=t},i("slot",null)):i("slot",null),a==="body"&&r>0&&n&&i("button",{class:{"trunc-btn":true,focus:this.truncButtonFocussed},onFocus:this.truncButtonFocus,onBlur:this.truncButtonBlur,onMouseDown:this.truncButtonFocusFromMouse,onClick:this.toggleExpanded,"aria-hidden":"true"},c?"See less":"See more"))}get el(){return o(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};r.style=s;export{r as ic_typography};
-//# sourceMappingURL=p-c125b65a.entry.js.map

package/dist/core/p-c125b65a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icTypographyCss","Typography","constructor","hostRef","this","focusBtnFromKeyboard","lastMarkerTop","lastWidth","resizeObserver","truncatedHeight","toggleExpanded","expanded","checkMaxLines","height","numLines","Math","floor","maxLines","el","setAttribute","clientHeight","truncated","checkMarkerPosition","elTop","markerTop","getElementTop","getClientRects","top","runResizeObserver","ResizeObserver","clearTimeout","resizeInterval","window","setTimeout","resizeObserverCallback","observe","truncWrapperEl","clientWidth","marker","truncButtonFocus","truncButtonFocussed","truncButtonBlur","truncButtonFocusFromMouse","applyVerticalMargins","bold","italic","undefined","strikethrough","underline","variant","watchExpandedHandler","disconnectedCallback","disconnect","componentDidLoad","_a","_b","getRootNode","host","tagName","document","createElement","style","visibility","appendChild","checkResizeObserver","render","h","Host","class","ref","focus","onFocus","onBlur","onMouseDown","onClick"],"sources":["../web-components/dist/collection/components/ic-typography/ic-typography.css?tag=ic-typography&encapsulation=shadow","../web-components/dist/collection/components/ic-typography/ic-typography.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n  position: relative;\n}\n\n:host(.ic-typography-vertical-margins-h1) {\n  margin: 0 0 var(--ic-space-xl);\n}\n\n:host(.ic-typography-vertical-margins-h2) {\n  margin: var(--ic-space-xxl) 0 var(--ic-space-lg);\n}\n\n:host(.ic-typography-vertical-margins-h3) {\n  margin: var(--ic-space-xl) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-h4) {\n  margin: var(--ic-space-lg) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small) {\n  margin: 0 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase) {\n  margin: 0 0 var(--ic-space-xs);\n}\n\n:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child) {\n  margin-top: 0;\n}\n\n:host(.ic-typography-h1) {\n  font: var(--ic-font-h1) !important;\n}\n\n:host(.ic-typography-h2) {\n  font: var(--ic-font-h2);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-h3) {\n  font: var(--ic-font-h3);\n}\n\n:host(.ic-typography-h4) {\n  font: var(--ic-font-h4);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-large) {\n  font: var(--ic-font-subtitle-large);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-small) {\n  font: var(--ic-font-subtitle-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-body) {\n  font: var(--ic-font-body);\n  letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-caption) {\n  font: var(--ic-font-caption);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-caption-uppercase) {\n  font: var(--ic-font-caption);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n  text-transform: uppercase;\n}\n\n:host(.ic-typography-label) {\n  font: var(--ic-font-label);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-label-uppercase) {\n  font: var(--ic-font-label);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n  text-transform: uppercase;\n}\n\n:host(.ic-typography-code-large) {\n  font: var(--ic-font-code-large);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-code-small) {\n  font: var(--ic-font-code-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-code-extra-small) {\n  font: var(--ic-font-code-extra-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-badge) {\n  font: var(--ic-font-badge);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-badge-small) {\n  font: var(--ic-font-badge-small);\n  letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-no-wrap) {\n  white-space: nowrap;\n}\n\n:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label) {\n  font: inherit;\n  letter-spacing: inherit;\n}\n\n.trunc-wrapper {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  line-clamp: var(--truncation-max-lines, initial);\n  -webkit-line-clamp: var(--truncation-max-lines, initial);\n  overflow: hidden;\n}\n\n.trunc-btn {\n  border: none;\n  background: none;\n  padding: 0;\n  color: var(--ic-color-primary-text);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  transition: var(--ic-easing-transition-fast);\n}\n\n.trunc-btn:hover,\n.trunc-btn.focus {\n  outline: none;\n  border-bottom: var(--ic-space-xxs) solid !important;\n  margin-bottom: calc(-1 * var(--ic-space-xxs)) !important;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n:host(.strikethrough) {\n  text-decoration: line-through;\n}\n\n:host(.underline) {\n  text-decoration: underline;\n}\n\n:host(.underline.strikethrough) {\n  text-decoration: line-through underline;\n}\n\n:host(.italic) {\n  font-style: italic !important;\n}\n\n:host(.bold) {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n@supports (text-decoration-thickness: 25%) {\n  .trunc-btn:hover,\n  .trunc-btn.focus {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n","import { h, Host } from \"@stencil/core\";\nimport { checkResizeObserver } from \"../../utils/helpers\";\nexport class Typography {\n    constructor() {\n        this.focusBtnFromKeyboard = true;\n        this.lastMarkerTop = 0;\n        this.lastWidth = 0;\n        this.resizeObserver = null;\n        this.truncatedHeight = 0;\n        this.toggleExpanded = () => {\n            this.expanded = !this.expanded;\n        };\n        this.checkMaxLines = (height) => {\n            //24 is the height of a single line\n            const numLines = Math.floor(height / 24);\n            if (numLines > this.maxLines) {\n                this.el.setAttribute(\"style\", `--truncation-max-lines: ${this.maxLines}`);\n                this.truncatedHeight = this.el.clientHeight;\n                this.truncated = true;\n            }\n        };\n        this.checkMarkerPosition = (elTop, markerTop) => {\n            if (markerTop - elTop < this.truncatedHeight) {\n                this.truncated = false;\n                this.expanded = false;\n            }\n            else {\n                this.truncated = true;\n            }\n        };\n        this.getElementTop = (el) => {\n            return el.getClientRects ? el.getClientRects()[0].top : 0;\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                clearTimeout(this.resizeInterval);\n                this.resizeInterval = window.setTimeout(this.resizeObserverCallback, 50);\n            });\n            this.resizeObserver.observe(this.truncWrapperEl);\n        };\n        this.resizeObserverCallback = () => {\n            if (this.lastWidth === this.el.clientWidth) {\n                return;\n            }\n            if (this.truncatedHeight === 0) {\n                this.checkMaxLines(this.el.clientHeight);\n                return;\n            }\n            const markerTop = this.getElementTop(this.marker);\n            if (markerTop === this.lastMarkerTop) {\n                return;\n            }\n            this.checkMarkerPosition(this.getElementTop(this.el), markerTop);\n            this.lastMarkerTop = markerTop;\n            this.lastWidth = this.el.clientWidth;\n        };\n        this.truncButtonFocus = () => {\n            if (this.focusBtnFromKeyboard) {\n                this.truncButtonFocussed = true;\n            }\n        };\n        this.truncButtonBlur = () => {\n            this.focusBtnFromKeyboard = true;\n            this.truncButtonFocussed = false;\n        };\n        this.truncButtonFocusFromMouse = () => {\n            this.focusBtnFromKeyboard = false;\n        };\n        this.truncated = false;\n        this.truncButtonFocussed = false;\n        this.applyVerticalMargins = false;\n        this.bold = false;\n        this.italic = false;\n        this.maxLines = undefined;\n        this.strikethrough = false;\n        this.underline = false;\n        this.variant = \"body\";\n        this.expanded = false;\n    }\n    watchExpandedHandler() {\n        this.el.setAttribute(\"style\", `--truncation-max-lines: ${this.expanded ? \"initial\" : this.maxLines}`);\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    componentDidLoad() {\n        var _a, _b;\n        if ((this.variant === \"body\" ||\n            ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===\n                \"IC-TOOLTIP\") &&\n            this.maxLines > 0) {\n            const marker = document.createElement(\"span\");\n            marker.style.visibility = \"hidden\";\n            this.el.appendChild(marker);\n            this.marker = marker;\n            this.lastWidth = this.el.clientWidth;\n            this.checkMaxLines(this.el.clientHeight);\n            checkResizeObserver(this.runResizeObserver);\n        }\n    }\n    render() {\n        var _a, _b;\n        const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, } = this;\n        return (h(Host, { class: {\n                [`ic-typography-${variant}`]: true,\n                [`ic-typography-vertical-margins-${variant}`]: applyVerticalMargins,\n                [\"bold\"]: bold,\n                [\"italic\"]: italic,\n                [\"strikethrough\"]: strikethrough,\n                [\"underline\"]: underline,\n            } }, (variant === \"body\" ||\n            ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===\n                \"IC-TOOLTIP\") &&\n            maxLines > 0 ? (h(\"div\", { class: \"trunc-wrapper\", ref: (el) => (this.truncWrapperEl = el) }, h(\"slot\", null))) : (h(\"slot\", null)), variant === \"body\" && maxLines > 0 && truncated && (h(\"button\", { class: { \"trunc-btn\": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded, \"aria-hidden\": \"true\" }, expanded ? \"See less\" : \"See more\"))));\n    }\n    static get is() { return \"ic-typography\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-typography.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-typography.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"applyVerticalMargins\": {\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`, appropriate top and bottom margins will be applied to the typography.\"\n                },\n                \"attribute\": \"apply-vertical-margins\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"bold\": {\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 typography will have a bold font weight.\\nNote: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).\"\n                },\n                \"attribute\": \"bold\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"italic\": {\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 typography will have an italic font style.\"\n                },\n                \"attribute\": \"italic\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"maxLines\": {\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 number of lines to display before truncating the text, only used for the 'body' variant.\"\n                },\n                \"attribute\": \"max-lines\",\n                \"reflect\": false\n            },\n            \"strikethrough\": {\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 typography will have a line through it.\"\n                },\n                \"attribute\": \"strikethrough\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"underline\": {\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 typography will have a line under it.\"\n                },\n                \"attribute\": \"underline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcTypographyVariants\",\n                    \"resolved\": \"\\\"badge\\\" | \\\"badge-small\\\" | \\\"body\\\" | \\\"caption\\\" | \\\"caption-uppercase\\\" | \\\"code-extra-small\\\" | \\\"code-large\\\" | \\\"code-small\\\" | \\\"h1\\\" | \\\"h2\\\" | \\\"h3\\\" | \\\"h4\\\" | \\\"label\\\" | \\\"label-uppercase\\\" | \\\"subtitle-large\\\" | \\\"subtitle-small\\\"\",\n                    \"references\": {\n                        \"IcTypographyVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcTypographyVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ICDS typography style to use.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"body\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"truncated\": {},\n            \"truncButtonFocussed\": {},\n            \"expanded\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"expanded\",\n                \"methodName\": \"watchExpandedHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-typography.js.map\n"],"mappings":"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"}

package/dist/core/p-c34848da.entry.js

@@ -1,2 +0,0 @@
-import{r,h as i,H as e}from"./p-8455d1bb.js";import{u as s}from"./p-9caf19eb.js";import{I as a}from"./p-fd186591.js";const c="hr.sc-ic-divider{padding:0;margin:0;border:none;height:var(--ic-space-1px);background-color:var(--ic-keyline-darken-rgb)}hr.light.sc-ic-divider{background-color:var(--ic-keyline-lighten-rgb)}";const o=class{constructor(i){r(this,i);this.foregroundColor=s()}themeChangeHandler(r){const i=r.detail;this.foregroundColor=i.mode}render(){return i(e,{"aria-hidden":"true"},i("hr",{class:{["light"]:this.foregroundColor===a.Light}}))}};o.style=c;export{o as ic_divider};
-//# sourceMappingURL=p-c34848da.entry.js.map

package/dist/core/p-d8469ac0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as r,H as i}from"./p-8455d1bb.js";import{H as s,J as e,W as h,h as c,r as a,u as n}from"./p-9caf19eb.js";import"./p-fd186591.js";const l=class{constructor(r){t(this,r);this.themeChange=o(this,"themeChange",7);this.checkThemeColorContrast=()=>{if(s()<e&&s()>h){console.warn(`The theme colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`)}};this.setThemeColor=()=>{if(this.color!==null){let t=null;const o=this.color.slice(0,1);if(o==="#"){t=c(this.color)}else if(o.toLowerCase()==="r"){t=a(this.color)}this.setThemeRGBA(t)}};this.setThemeRGBA=t=>{if(t!==null){const o=document.documentElement;o.style.setProperty("--ic-theme-primary-r",t.r.toString());o.style.setProperty("--ic-theme-primary-g",t.g.toString());o.style.setProperty("--ic-theme-primary-b",t.b.toString());o.style.setProperty("--ic-theme-primary-a",t.a.toString());this.checkThemeColorContrast();const r=n();this.themeChange.emit({mode:r,color:t})}};this.color=null}watchColorPropHandler(){this.setThemeColor()}componentWillLoad(){this.setThemeColor()}render(){return r(i,null)}static get watchers(){return{color:["watchColorPropHandler"]}}};export{l as ic_theme};
-//# sourceMappingURL=p-d8469ac0.entry.js.map

package/dist/core/p-d8469ac0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Theme","constructor","hostRef","this","checkThemeColorContrast","getThemeColorBrightness","BLACK_MIN_COLOR_BRIGHTNESS","WHITE_MAX_COLOR_BRIGHTNESS","console","warn","setThemeColor","color","colorRGBA","firstChar","slice","hexToRgba","toLowerCase","rgbaStrToObj","setThemeRGBA","root","document","documentElement","style","setProperty","r","toString","g","b","a","foregroundColor","getThemeForegroundColor","themeChange","emit","mode","watchColorPropHandler","componentWillLoad","render","h","Host"],"sources":["../web-components/dist/collection/components/ic-theme/ic-theme.js"],"sourcesContent":["import { Host, h, } from \"@stencil/core\";\nimport { getThemeForegroundColor, hexToRgba, rgbaStrToObj, } from \"../../utils/helpers\";\nimport { getThemeColorBrightness } from \"../../utils/helpers\";\nimport { BLACK_MIN_COLOR_BRIGHTNESS, WHITE_MAX_COLOR_BRIGHTNESS, } from \"../../utils/constants\";\nexport class Theme {\n    constructor() {\n        this.checkThemeColorContrast = () => {\n            if (getThemeColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&\n                getThemeColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {\n                console.warn(`The theme colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);\n            }\n        };\n        this.setThemeColor = () => {\n            if (this.color !== null) {\n                let colorRGBA = null;\n                const firstChar = this.color.slice(0, 1);\n                if (firstChar === \"#\") {\n                    colorRGBA = hexToRgba(this.color);\n                }\n                else if (firstChar.toLowerCase() === \"r\") {\n                    colorRGBA = rgbaStrToObj(this.color);\n                }\n                this.setThemeRGBA(colorRGBA);\n            }\n        };\n        this.setThemeRGBA = (colorRGBA) => {\n            if (colorRGBA !== null) {\n                const root = document.documentElement;\n                root.style.setProperty(\"--ic-theme-primary-r\", colorRGBA.r.toString());\n                root.style.setProperty(\"--ic-theme-primary-g\", colorRGBA.g.toString());\n                root.style.setProperty(\"--ic-theme-primary-b\", colorRGBA.b.toString());\n                root.style.setProperty(\"--ic-theme-primary-a\", colorRGBA.a.toString());\n                this.checkThemeColorContrast();\n                const foregroundColor = getThemeForegroundColor();\n                this.themeChange.emit({ mode: foregroundColor, color: colorRGBA });\n            }\n        };\n        this.color = null;\n    }\n    watchColorPropHandler() {\n        this.setThemeColor();\n    }\n    componentWillLoad() {\n        this.setThemeColor();\n    }\n    render() {\n        return h(Host, null);\n    }\n    static get is() { return \"ic-theme\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get properties() {\n        return {\n            \"color\": {\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 theme colour. Can be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"themeChange\",\n                \"name\": \"themeChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the theme is changed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTheme\",\n                    \"resolved\": \"{ mode: IcThemeForeground; color: IcColorRGB; }\",\n                    \"references\": {\n                        \"IcTheme\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcTheme\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"color\",\n                \"methodName\": \"watchColorPropHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-theme.js.map\n"],"mappings":"8JAIaA,EAAK,MACd,WAAAC,CAAAC,G,mDACIC,KAAKC,wBAA0B,KAC3B,GAAIC,IAA4BC,GAC5BD,IAA4BE,EAA4B,CACxDC,QAAQC,KAAK,4T,GAGrBN,KAAKO,cAAgB,KACjB,GAAIP,KAAKQ,QAAU,KAAM,CACrB,IAAIC,EAAY,KAChB,MAAMC,EAAYV,KAAKQ,MAAMG,MAAM,EAAG,GACtC,GAAID,IAAc,IAAK,CACnBD,EAAYG,EAAUZ,KAAKQ,M,MAE1B,GAAIE,EAAUG,gBAAkB,IAAK,CACtCJ,EAAYK,EAAad,KAAKQ,M,CAElCR,KAAKe,aAAaN,E,GAG1BT,KAAKe,aAAgBN,IACjB,GAAIA,IAAc,KAAM,CACpB,MAAMO,EAAOC,SAASC,gBACtBF,EAAKG,MAAMC,YAAY,uBAAwBX,EAAUY,EAAEC,YAC3DN,EAAKG,MAAMC,YAAY,uBAAwBX,EAAUc,EAAED,YAC3DN,EAAKG,MAAMC,YAAY,uBAAwBX,EAAUe,EAAEF,YAC3DN,EAAKG,MAAMC,YAAY,uBAAwBX,EAAUgB,EAAEH,YAC3DtB,KAAKC,0BACL,MAAMyB,EAAkBC,IACxB3B,KAAK4B,YAAYC,KAAK,CAAEC,KAAMJ,EAAiBlB,MAAOC,G,GAG9DT,KAAKQ,MAAQ,I,CAEjB,qBAAAuB,GACI/B,KAAKO,e,CAET,iBAAAyB,GACIhC,KAAKO,e,CAET,MAAA0B,GACI,OAAOC,EAAEC,EAAM,K"}

package/dist/core/p-db9c03c0.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,H as a,g as o}from"./p-8455d1bb.js";import{j as r,l as c,a as n,m as s,n as d,p as l,i as h,d as b}from"./p-9caf19eb.js";import"./p-fd186591.js";const m='/*! 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(.disabled){color:var(--ic-architectural-200);pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-width) solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host(.small) .checkbox,:host(.small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.large) .checkbox,:host(.large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-border-width) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-architectural-200)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-action-default)}.checkbox:checked:hover{background-color:var(--ic-action-default-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);border:0.125rem solid var(--ic-action-default-hover)}.checkbox:checked:active{background-color:var(--ic-action-default-active)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-action-default-bg-active-no-alpha);border:0.125rem solid var(--ic-action-default-active)}.checkbox:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default-hover)}.checkbox:active{background-color:var(--ic-action-default-bg-active-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-border-width) solid var(--ic-action-default-active)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed var(--ic-architectural-200)}.checkbox-label{padding-left:var(--ic-space-sm)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}:host(.small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.container:hover .indeterminate-symbol{background-color:var(--ic-action-default-hover)}.container:active .indeterminate-symbol{background-color:var(--ic-action-default-active)}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}';const p=class{constructor(t){e(this,t);this.checkboxChecked=i(this,"checkboxChecked",7);this.icCheck=i(this,"icCheck",7);this.IC_TEXT_FIELD="ic-text-field";this.handleClick=()=>{this.checked=!this.checked;this.icCheck.emit();this.checkboxChecked.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked};this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.formaction=undefined;this.formenctype=undefined;this.formmethod=undefined;this.formnovalidate=undefined;this.formtarget=undefined;this.groupLabel=undefined;this.indeterminate=false;this.label=undefined;this.name=undefined;this.size=undefined;this.small=false;this.value=undefined}componentWillLoad(){r(this.disabled,this.el);c(this.el,this.handleFormReset)}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.value,propName:"value"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector(this.IC_TEXT_FIELD);if(!this.checked){e&&e.setAttribute("disabled","")}else{e&&e.removeAttribute("disabled")}}else if(this.additionalFieldContainer){if(!this.checked){this.additionalFieldContainer.style.display="none"}else{this.additionalFieldContainer.style.display="flex"}}}disconnectedCallback(){s(this.el,this.handleFormReset)}async setFocus(){const e=this.el.shadowRoot.querySelector(".checkbox");if(e){e.focus()}}render(){let e=`ic-checkbox-${b(this.label)?this.label:this.value}-${this.groupLabel}`;e=e.replace(/ /g,"-");const i=this.el.parentElement.size;this.checked?d(true,this.el,this.name,this.checked&&this.value,this.disabled):l(this.el);return t(a,{class:{["disabled"]:this.disabled,["small"]:this.small,[`${this.size||i}`]:true}},t("div",{class:"container"},this.checked&&!this.indeterminate&&t("svg",{class:"checkmark",width:"1.5rem",height:"1.5rem",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},t("title",null,"checkmark icon"),t("path",{d:"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z"})),this.checked&&this.indeterminate&&t("div",{class:"indeterminate-symbol"}),t("input",{role:"checkbox",class:{["checkbox"]:true,["checked"]:this.checked,["indeterminate"]:this.indeterminate},type:"checkbox",name:this.name,id:e,value:this.value,disabled:this.disabled?true:null,checked:this.checked,indeterminate:this.indeterminate,onClick:this.handleClick,form:this.form,formaction:this.formaction,formenctype:this.formenctype,formmethod:this.formmethod,formnovalidate:this.formnovalidate,formtarget:this.formtarget}),t("ic-typography",{class:"checkbox-label",variant:"body"},t("label",{htmlFor:e},this.label))),h(this.el,"additional-field")&&t("div",{class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},this.additionalFieldDisplay==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,this.additionalFieldDisplay==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text","aria-live":"polite"},this.dynamicText)),t("div",{class:{"additional-field-wrapper":this.additionalFieldDisplay==="static"}},t("slot",{name:"additional-field"})))))}static get delegatesFocus(){return true}get el(){return o(this)}};p.style=m;export{p as ic_checkbox};
-//# sourceMappingURL=p-db9c03c0.entry.js.map