@ukic/canary-web-components 3.0.0-canary.24 → 3.0.0-canary.26

package/dist/components/ic-tab-group.js.map

@@ -1 +1 @@
-{"file":"ic-tab-group.js","mappings":";;;;;;;;AAAA,MAAM,aAAa,GAAG,ujBAAujB,CAAC;AAC9kB,yBAAe,aAAa;;MCCf,QAAQ;IACjB;;;;;;;QAII,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;QAEpB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;;QAExB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;IACD,gBAAgB;QACZ,gCAAgC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;KAC5F;IACD,MAAM;QACF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAClD,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;gBACxG,CAAC,qBAAqB,GAAG,CAAC,CAAC,MAAM;gBACjC,CAAC,YAAY,KAAK,EAAE,GAAG,KAAK,KAAK,SAAS;gBAC1C,CAAC,yBAAyB,GAAG,CAAC,CAAC,UAAU;aAC5C,EAAE,EAAE,CAAC,CAAC,sBAAsB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;KACxT;IAGD,WAAW,cAAc,KAAK,OAAO,IAAI,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-tab-group/ic-tab-group.css?tag=ic-tab-group&encapsulation=shadow","../web-components/dist/collection/components/ic-tab-group/ic-tab-group.js"],"sourcesContent":[":host {\n  display: block;\n  margin-bottom: var(--ic-space-md);\n  border-bottom: var(--ic-space-1px) solid var(--ic-tab-bottom-border);\n}\n\n:host(.ic-tab-group-monochrome) {\n  border-bottom: var(--ic-space-1px) solid\n    var(--ic-tab-bottom-border-monochrome);\n}\n\n:host(.ic-tab-group-inline) {\n  margin-bottom: 0;\n  border-bottom: none;\n}\n\n.tabs-container {\n  display: flex;\n  flex-direction: row;\n}\n\n.tabs-container::-webkit-scrollbar {\n  display: none;\n}\n\n:host ic-horizontal-scroll {\n  --splitter-color: var(--ic-tab-divider);\n}\n\n:host(.ic-tab-group-monochrome) ic-horizontal-scroll {\n  --splitter-color: var(--ic-tab-divider-monochrome);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class TabGroup {\n    constructor() {\n        /**\n         * If `true`, the tabs and tab panels will be positioned separately.\n         */\n        this.inline = false;\n        /** @internal Determines whether black variant of the tabs should be displayed. */\n        this.monochrome = false;\n        /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n        this.theme = \"inherit\";\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Tab Group\");\n    }\n    render() {\n        const { inline, theme, label, monochrome } = this;\n        return (h(Host, { key: '907693650fa274e54826ca116016e8bea75aa29c', role: \"tablist\", \"aria-label\": label, class: {\n                [\"ic-tab-group-inline\"]: !!inline,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [\"ic-tab-group-monochrome\"]: !!monochrome,\n            } }, h(\"ic-horizontal-scroll\", { key: '94a5fd18b222a07d6119c6bc291522b12aaf91f3', theme: theme, \"focus-trigger\": \"tabFocus\", monochrome: monochrome }, h(\"div\", { key: 'a81bf05bd2e9d2d079a9b05899da06c6a27cb231', class: \"tabs-container\" }, h(\"slot\", { key: '434bc2798a1f471d7365a9854254f82bafa3c2d5' })))));\n    }\n    static get is() { return \"ic-tab-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tab-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tab-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"inline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the tabs and tab panels will be positioned separately.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"inline\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to describe the purpose of the set of tabs to screen reader users.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-tab-group.js.map\n"],"version":3}
+{"file":"ic-tab-group.js","mappings":";;;;;;;;AAAA,MAAM,aAAa,GAAG,ujBAAujB,CAAC;AAC9kB,yBAAe,aAAa;;MCCf,QAAQ;IACjB;;;;;;;QAII,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;QAEpB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;;QAExB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;IACD,gBAAgB;QACZ,gCAAgC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;KAC5F;IACD,MAAM;QACF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAClD,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;gBACxG,CAAC,qBAAqB,GAAG,CAAC,CAAC,MAAM;gBACjC,CAAC,YAAY,KAAK,EAAE,GAAG,KAAK,KAAK,SAAS;gBAC1C,CAAC,yBAAyB,GAAG,CAAC,CAAC,UAAU;aAC5C,EAAE,EAAE,CAAC,CAAC,sBAAsB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;KACxT;IAGD,WAAW,cAAc,KAAK,OAAO,IAAI,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-tab-group/ic-tab-group.css?tag=ic-tab-group&encapsulation=shadow","../web-components/dist/collection/components/ic-tab-group/ic-tab-group.js"],"sourcesContent":[":host {\n  display: block;\n  margin-bottom: var(--ic-space-md);\n  border-bottom: var(--ic-space-1px) solid var(--ic-tab-bottom-border);\n}\n\n:host(.ic-tab-group-monochrome) {\n  border-bottom: var(--ic-space-1px) solid\n    var(--ic-tab-bottom-border-monochrome);\n}\n\n:host(.ic-tab-group-inline) {\n  margin-bottom: 0;\n  border-bottom: none;\n}\n\n.tabs-container {\n  display: flex;\n  flex-direction: row;\n}\n\n.tabs-container::-webkit-scrollbar {\n  display: none;\n}\n\n:host ic-horizontal-scroll {\n  --splitter-color: var(--ic-tab-divider);\n}\n\n:host(.ic-tab-group-monochrome) ic-horizontal-scroll {\n  --splitter-color: var(--ic-tab-divider-monochrome);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class TabGroup {\n    constructor() {\n        /**\n         * If `true`, the tabs and tab panels will be positioned separately.\n         */\n        this.inline = false;\n        /** @internal Determines whether black variant of the tabs should be displayed. */\n        this.monochrome = false;\n        /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n        this.theme = \"inherit\";\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Tab Group\");\n    }\n    render() {\n        const { inline, theme, label, monochrome } = this;\n        return (h(Host, { key: '89f78b3bc3025f9bc250fb045612f11230448011', role: \"tablist\", \"aria-label\": label, class: {\n                [\"ic-tab-group-inline\"]: !!inline,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [\"ic-tab-group-monochrome\"]: !!monochrome,\n            } }, h(\"ic-horizontal-scroll\", { key: '8924e03f1928a7c726576570ca817638169be532', theme: theme, \"focus-trigger\": \"tabFocus\", monochrome: monochrome }, h(\"div\", { key: 'c9534b3cb05161ee14a494925bd31ce3dc6f98f2', class: \"tabs-container\" }, h(\"slot\", { key: '63515a30dd40c06faf2a79f5cbb0cdf15fb726f5' })))));\n    }\n    static get is() { return \"ic-tab-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tab-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tab-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"inline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the tabs and tab panels will be positioned separately.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"inline\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to describe the purpose of the set of tabs to screen reader users.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-tab-group.js.map\n"],"version":3}

package/dist/components/ic-tab-panel.js

@@ -26,10 +26,10 @@ const TabPanel = /*@__PURE__*/ proxyCustomElement(class TabPanel extends HTMLEle
     }
     render() {
         const { active, theme } = this;
-        return (h(Host, { key: '51756c01996190f5a90e7018a2146f6e27e6185a', class: {
+        return (h(Host, { key: '96cf1fa97b36ba44f3e17601512962335437029a', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tab-panel-hidden": !active,
-            }, role: "tabpanel", "aria-hidden": `${!active}` }, h("div", { key: 'fbe0b579017645beeb19d419f1ccf2fcde4c51e1' }, h("slot", { key: '482a66418dc7c89364da609e03f544f5b71d9849' }))));
+            }, role: "tabpanel", "aria-hidden": `${!active}` }, h("div", { key: '5fe1129fa2147621848ecb047b50002021a71d6b' }, h("slot", { key: '4d479874c672f99d382b08f5c772cb787a1bdf8a' }))));
     }
     get el() { return this; }
     static get style() { return IcTabPanelStyle0; }

package/dist/components/ic-tab-panel.js.map

@@ -1 +1 @@
-{"file":"ic-tab-panel.js","mappings":";;AAAA,MAAM,aAAa,GAAG,mgFAAmgF,CAAC;AAC1hF,yBAAe,aAAa;;MCAf,QAAQ;IACjB;;;;;;;;;QAII,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;;;QAIpB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;;QAExB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;IACD,iBAAiB;QACb,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACtC;IACD,MAAM;QACF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAC/B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;gBAClE,CAAC,YAAY,KAAK,EAAE,GAAG,KAAK,KAAK,SAAS;gBAC1C,qBAAqB,EAAE,CAAC,MAAM;aACjC,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,EAAE;KAC3L;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-tab-panel/ic-tab-panel.css?tag=ic-tab-panel&encapsulation=shadow","../web-components/dist/collection/components/ic-tab-panel/ic-tab-panel.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host(.ic-tab-panel-hidden) {\n  display: none;\n}\n\n:host(:not(.ic-tab-panel-hidden)) {\n  display: block;\n}\n\n:host {\n  color: var(--ic-color-text-primary);\n}\n","import { Host, h, } from \"@stencil/core\";\nexport class TabPanel {\n    constructor() {\n        /**\n         * @internal If `true`, the tab panel will be displayed.\n         */\n        this.active = false;\n        /**\n         * @internal Determines whether black variant of the tabs should be displayed.\n         */\n        this.monochrome = false;\n        /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n        this.theme = \"inherit\";\n    }\n    connectedCallback() {\n        this.tabPanelCreated.emit(this.el);\n    }\n    render() {\n        const { active, theme } = this;\n        return (h(Host, { key: '51756c01996190f5a90e7018a2146f6e27e6185a', class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                \"ic-tab-panel-hidden\": !active,\n            }, role: \"tabpanel\", \"aria-hidden\": `${!active}` }, h(\"div\", { key: 'fbe0b579017645beeb19d419f1ccf2fcde4c51e1' }, h(\"slot\", { key: '482a66418dc7c89364da609e03f544f5b71d9849' }))));\n    }\n    static get is() { return \"ic-tab-panel\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tab-panel.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tab-panel.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"active\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the tab panel will be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"active\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"panelId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The shared ID that links the panel and tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"panel-id\",\n                \"reflect\": true\n            },\n            \"selectedTab\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The shared ID of the currently selected tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"selected-tab\",\n                \"reflect\": false\n            },\n            \"tabPosition\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The position of the tab panel inside the tabs array in context.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tab-position\",\n                \"reflect\": true\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"tabPanelCreated\",\n                \"name\": \"tabPanelCreated\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab panel is dynamically created.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcTabPanelElement\",\n                    \"resolved\": \"HTMLIcTabPanelElement\",\n                    \"references\": {\n                        \"HTMLIcTabPanelElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTabPanelElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabPanelRemoved\",\n                \"name\": \"tabPanelRemoved\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab panel is unmounted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-tab-panel.js.map\n"],"version":3}
+{"file":"ic-tab-panel.js","mappings":";;AAAA,MAAM,aAAa,GAAG,mgFAAmgF,CAAC;AAC1hF,yBAAe,aAAa;;MCAf,QAAQ;IACjB;;;;;;;;;QAII,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;;;QAIpB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;;QAExB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;IACD,iBAAiB;QACb,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACtC;IACD,MAAM;QACF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAC/B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;gBAClE,CAAC,YAAY,KAAK,EAAE,GAAG,KAAK,KAAK,SAAS;gBAC1C,qBAAqB,EAAE,CAAC,MAAM;aACjC,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,EAAE;KAC3L;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-tab-panel/ic-tab-panel.css?tag=ic-tab-panel&encapsulation=shadow","../web-components/dist/collection/components/ic-tab-panel/ic-tab-panel.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host(.ic-tab-panel-hidden) {\n  display: none;\n}\n\n:host(:not(.ic-tab-panel-hidden)) {\n  display: block;\n}\n\n:host {\n  color: var(--ic-color-text-primary);\n}\n","import { Host, h, } from \"@stencil/core\";\nexport class TabPanel {\n    constructor() {\n        /**\n         * @internal If `true`, the tab panel will be displayed.\n         */\n        this.active = false;\n        /**\n         * @internal Determines whether black variant of the tabs should be displayed.\n         */\n        this.monochrome = false;\n        /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n        this.theme = \"inherit\";\n    }\n    connectedCallback() {\n        this.tabPanelCreated.emit(this.el);\n    }\n    render() {\n        const { active, theme } = this;\n        return (h(Host, { key: '96cf1fa97b36ba44f3e17601512962335437029a', class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                \"ic-tab-panel-hidden\": !active,\n            }, role: \"tabpanel\", \"aria-hidden\": `${!active}` }, h(\"div\", { key: '5fe1129fa2147621848ecb047b50002021a71d6b' }, h(\"slot\", { key: '4d479874c672f99d382b08f5c772cb787a1bdf8a' }))));\n    }\n    static get is() { return \"ic-tab-panel\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tab-panel.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tab-panel.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"active\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the tab panel will be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"active\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"panelId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The shared ID that links the panel and tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"panel-id\",\n                \"reflect\": true\n            },\n            \"selectedTab\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The shared ID of the currently selected tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"selected-tab\",\n                \"reflect\": false\n            },\n            \"tabPosition\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The position of the tab panel inside the tabs array in context.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tab-position\",\n                \"reflect\": true\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"tabPanelCreated\",\n                \"name\": \"tabPanelCreated\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab panel is dynamically created.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcTabPanelElement\",\n                    \"resolved\": \"HTMLIcTabPanelElement\",\n                    \"references\": {\n                        \"HTMLIcTabPanelElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTabPanelElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabPanelRemoved\",\n                \"name\": \"tabPanelRemoved\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab panel is unmounted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-tab-panel.js.map\n"],"version":3}

package/dist/components/ic-table-of-contents.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IcTableOfContents extends Components.IcTableOfContents, HTMLElement {}
+export const IcTableOfContents: {
+    prototype: IcTableOfContents;
+    new (): IcTableOfContents;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ic-table-of-contents.js

@@ -0,0 +1,408 @@
+import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+import { D as DEVICE_SIZES } from './helpers2.js';
+import { d as defineCustomElement$4 } from './ic-section-container2.js';
+import { d as defineCustomElement$3 } from './ic-tooltip2.js';
+import { d as defineCustomElement$2 } from './ic-typography2.js';
+
+const ItemHook = () => {
+    // adds offset to the item based on its variant
+    // e.g. h2 = 4 + (8*(2-2)) = 4px
+    // h3 = 4 + (8*(3-2)) = 12px
+    const setItemLevelOffset = (variant) => {
+        return `${4 + 8 * (parseInt(variant.split("")[1]) - 2)}px`;
+    };
+    return { setItemLevelOffset };
+};
+const ItemComponent = (itemProps) => {
+    const { id, className, label, target, selected, truncate, variant, position, size, updateSelected, setItemLevelOffset, } = itemProps;
+    return (h("a", { id: id, onClick: () => updateSelected(position), class: `${selected && "table-of-contents-item-content-selected"}
+        ${size === "large"
+            ? `table-of-contents-item-content-large`
+            : `table-of-contents-item-content-default`}
+        ${className}
+       `, href: `#${target}` },
+        h("ic-typography", { id: `${id}-label`, bold: selected === position, class: `${truncate && "truncated-item-text"}  ${size && `table-of-contents-item-content-${size}`}
+          table-of-contents-item-label
+          `, style: {
+                paddingLeft: setItemLevelOffset(variant),
+            } }, label)));
+};
+const TableOfContentsItem = (props) => {
+    const innerProps = ItemHook();
+    return h(ItemComponent, Object.assign({}, props, innerProps));
+};
+
+const icTableOfContentsCss = ":host{display:block;border:none;max-height:100vh}.table-of-contents-section-container{display:flex}.table-of-contents-content{top:0;left:0;padding:0 var(--ic-space-md);font:var(--ic-color-text-primary);max-height:100vh;z-index:1}:host .table-of-contents-position-top{min-width:10rem;max-width:50rem}:host .table-of-contents-position-side{min-width:8rem;max-width:20rem;width:20rem;position:sticky}.table-of-contents-list{display:flex;flex-direction:row;max-width:inherit}:host ol{list-style:none;margin-block-start:0;padding-inline-start:0}.table-of-contents-list-items{display:flex;flex-direction:column;width:100%}.table-of-contents-sidebar{background-color:var(--ic-table-of-contents-banner);height:1.75rem;min-width:0.25rem}.table-of-contents-sidebar-monochrome{background-color:var(--ic-table-of-contents-banner-monochrome)}.table-of-contents-item{min-height:1.5rem;line-height:1.5rem}.table-of-contents-item-content:hover{background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-monochrome-content:hover{background-color:var(--ic-table-of-contents-hover-monochrome)}.table-of-contents-item-content{border:none;max-width:inherit;display:flex;align-items:center;text-decoration:none;position:relative;color:var(--ic-table-of-contents-text);min-height:1.5rem;--ic-typography-color:var(--ic-table-of-contents-text)}.table-of-contents-item-content-default{padding-top:var(--ic-space-xxxs);padding-bottom:var(--ic-space-xxxs)}.table-of-contents-item-content:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-content:active{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-pressed)}.truncated-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-of-contents-item-content-large{padding-top:var(--ic-space-xxs);padding-bottom:var(--ic-space-xxs)}.table-of-contents-sidebar.large{height:2.5rem}.table-of-contents-heading.large{padding-bottom:var(--ic-space-xs)}@media (prefers-reduced-motion: no-preference){.table-of-contents-sidebar{transition:all 0.3s ease}}@media (prefers-reduced-motion: reduce){.table-of-contents-sidebar{transition:none}}@media (forced-colors: active){.table-of-contents-sidebar{background-color:Highlight}}";
+const IcTableOfContentsStyle0 = icTableOfContentsCss;
+
+const TOC_CONTENT_CLASS = "table-of-contents-content";
+const TOC_LIST_ITEMS_CLASS = "table-of-contents-list-items";
+const TOC_ITEM_CLASS = "table-of-contents-item-content";
+const TOC_CONTAINER_CLASS = "table-of-contents-section-container";
+const TableOfContents = /*@__PURE__*/ proxyCustomElement(class TableOfContents extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /**
+         * Heading text of the table of contents.
+         */
+        this.heading = "Contents";
+        /**
+         * Maximum heading level of child content that will generate an item in the table of contents. E.g. when set to '3', headings of <h4> and <h5> will not appear.
+         */
+        this.maximumHeadingLevel = 3;
+        /**
+         * If `true`, the table of contents will display as black in the light theme, and white in dark theme.
+         */
+        this.monochrome = false;
+        /**
+         * Whether the table of contents will appear on the right of or above child content on large viewport widths.
+         */
+        this.position = "right";
+        /**
+         * Vertical offset to page scroll (in percent) when table of contents item is selected, to account for other page components like headers.
+         */
+        this.setScrollHeight = 50;
+        /**
+         * The size of the table of contents items.
+         */
+        this.size = "medium";
+        /**
+         * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+         */
+        this.theme = "inherit";
+        /**
+         * If `true`, the table of contents item label will be truncated.
+         */
+        this.truncate = true;
+        this.focusedElement = 0;
+        // heading items
+        this.referenceElements = [];
+        // heights of heading items
+        this.currentTargetHeights = [];
+        // header height if present
+        this.headerHeight = 0;
+        // holds initial position to allow for responsive changes
+        this.initialPosition = this.position;
+        // suppress scroll listener to allow for click selection without scroll listener firing
+        this.suppressListener = false;
+        /**
+         * Generate a TOC Item.
+         * These items are wrapped in empty tooltips that will be populated by addTooltip()
+         * @param tocHeading heading element to refer item information from
+         * @param children
+         * @returns TocItem ready to be rendered, with nested children if applicable
+         */
+        this.createTocItem = (tocHeading, children) => {
+            const tocId = `toc_${tocHeading.id}`;
+            const tocItem = (h(TableOfContentsItem, { id: tocId, className: TOC_ITEM_CLASS, variant: tocHeading.tagName.toLowerCase(), label: tocHeading.textLabel, target: tocHeading.id, truncate: this.truncate, selected: this.focusedElement, updateSelected: this.updateOnSelection, position: tocHeading.trueIndex, size: this.size }));
+            const wrappedToc = this.truncate ? (h("ic-tooltip", { target: tocId, label: tocHeading.innerHTML }, tocItem)) : (tocItem);
+            return (h("li", { class: `table-of-contents-item  ${this.monochrome && "table-of-contents-item-monochrome"}` }, wrappedToc, children ? h("ol", null, children) : null));
+        };
+        /**
+         * Render TocItems and recursively render children items if they exist
+         * @param listItem
+         * @returns HTML Element array to be rendered
+         */
+        this.renderTocTree = (listItem) => {
+            let results;
+            if (listItem.treeChildren.length > 0) {
+                const children = listItem.treeChildren.map((i) => this.renderTocTree(i));
+                results = this.createTocItem(listItem, children);
+            }
+            else {
+                results = this.createTocItem(listItem);
+            }
+            return results;
+        };
+        // list item clicked logic
+        this.updateOnSelection = (position) => {
+            this.suppressListener = true;
+            this.focusedElement = position;
+            this.sidebarTranslation(this.focusedElement);
+        };
+        // truncate text if it goes out of bounds of the container
+        this.truncateText = () => {
+            var _a, _b;
+            const links = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`.${TOC_ITEM_CLASS}`);
+            const contentList = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`.${TOC_LIST_ITEMS_CLASS}`);
+            if (contentList)
+                links === null || links === void 0 ? void 0 : links.forEach((item) => {
+                    this.addTooltip(item, DEVICE_SIZES.S);
+                });
+        };
+    }
+    suppressListenerHandler() {
+        window.scrollTo(0, window.scrollY - this.headerHeight - 50);
+    }
+    /**
+     * Scrape for heading elements on the page content within TOC, down to the maximumHeadingLevel.
+     * From this, generate an array of Elements with lower rank headings inserted as treeChildren on top level headings.
+     * @returns RankedElement[] array of HTML elements with additional props for rank, trueIndex and treeChildren array
+     */
+    generateHeadingTree() {
+        var _a;
+        const resultArray = [];
+        const headingDepth = this.maximumHeadingLevel < 5
+            ? ["h2", "h3", "h4", "h5"]
+                .slice(0, (this.maximumHeadingLevel < 2 ? 2 : this.maximumHeadingLevel) - 1)
+                .join(",")
+            : "h2, h3, h4, h5";
+        const headingList = this.el.querySelectorAll(headingDepth);
+        if (headingList) {
+            const headingArray = Array.from(headingList);
+            headingArray.forEach((item, index) => {
+                this.referenceElements.push(item);
+                item.trueIndex = index;
+                item.rank = item.tagName.toLowerCase().slice(1, 2);
+                item.textLabel = item.textContent
+                    ? item.textContent.trimStart().split("\n")[0]
+                    : `${item.rank}-${index}`;
+                item.treeChildren = [];
+            });
+            let currentRank = ((_a = headingArray[0]) === null || _a === void 0 ? void 0 : _a.rank) || 2;
+            headingArray.reverse().forEach((h, i) => {
+                if (!h.id) {
+                    h.setAttribute("id", h.textLabel.replace(/\s+/g, "-").toLowerCase());
+                }
+                if (h.rank > currentRank && h.trueIndex > 0) {
+                    if (headingArray[i] && headingArray[i].rank < h.rank) {
+                        headingArray[i].treeChildren.unshift(h);
+                    }
+                    else {
+                        resultArray.push(h);
+                    }
+                }
+                else {
+                    currentRank = h.rank;
+                    resultArray.push(h);
+                }
+            });
+        }
+        return resultArray.reverse();
+    }
+    //container orientation logic
+    containerPosition() {
+        var _a;
+        if (this.position) {
+            const container = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${TOC_CONTAINER_CLASS}`);
+            switch (this.position) {
+                case "right":
+                    container.style.flexDirection = "row-reverse";
+                    break;
+                case "top":
+                    container.style.flexDirection = "column";
+                    break;
+            }
+        }
+    }
+    /**
+     * Move the sidebar to the provided position on the page.
+     * Also, resize the sidebar to stretch the height of the selected heading.
+     * @param newPosition
+     */
+    sidebarTranslation(newPosition) {
+        var _a, _b, _c;
+        const sidebar = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".table-of-contents-sidebar");
+        const itemHeights = [];
+        let previousItemsHeight = 0;
+        (_c = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll(`.${TOC_ITEM_CLASS}`)) === null || _c === void 0 ? void 0 : _c.forEach((item) => {
+            if (item !== null)
+                itemHeights.push(item.offsetHeight);
+        });
+        itemHeights
+            .slice(0, newPosition)
+            .forEach((i) => (previousItemsHeight += i));
+        sidebar.style.transform = `translateY(${previousItemsHeight}px)`;
+        sidebar.style.height = `${itemHeights[newPosition]}px`;
+    }
+    // find element heights to be used to determine focused item from scroll position
+    findElementsHeights() {
+        const contentBounds = [];
+        this.referenceElements.forEach((element) => {
+            contentBounds.push(element.getBoundingClientRect().top);
+        });
+        this.currentTargetHeights = contentBounds;
+    }
+    //resize window logic
+    handleResizeBounds() {
+        if (window.innerWidth < DEVICE_SIZES.XL && this.initialPosition !== "top") {
+            this.position = "top";
+            this.containerPosition();
+        }
+        else if (window.innerWidth > DEVICE_SIZES.XL &&
+            this.position === "top" &&
+            this.initialPosition === "right") {
+            this.position = "right";
+            this.containerPosition();
+        }
+        this.findElementsHeights();
+        this.truncateText();
+    }
+    // scroll logic
+    updateSelectedItemFromScroll() {
+        const targetHeight = window.scrollY + window.innerHeight * (this.setScrollHeight / 100);
+        if (window.scrollY === 0) {
+            this.focusedElement = 0;
+            this.sidebarTranslation(this.focusedElement);
+        }
+        else if (targetHeight < this.currentTargetHeights[this.focusedElement]) {
+            const previousItems = this.currentTargetHeights.slice(0, this.focusedElement);
+            const closestItem = previousItems.reduce((newValue, curr, index) => {
+                if (Math.abs(curr - targetHeight) <
+                    Math.abs(previousItems[newValue] - targetHeight))
+                    return index;
+                return newValue;
+            }, 0);
+            this.focusedElement = closestItem;
+            this.sidebarTranslation(this.focusedElement);
+        }
+        else if (targetHeight > this.currentTargetHeights[this.focusedElement] &&
+            this.focusedElement !== this.currentTargetHeights.length) {
+            const relevantItems = this.currentTargetHeights.slice(this.focusedElement);
+            const closestItem = relevantItems.reduce((newValue, curr, index) => {
+                if (Math.abs(curr - targetHeight) <
+                    Math.abs(relevantItems[newValue] - targetHeight) &&
+                    curr < targetHeight)
+                    return index;
+                return newValue;
+            }, 0);
+            if (closestItem + this.focusedElement !== this.focusedElement) {
+                this.focusedElement += closestItem;
+                this.sidebarTranslation(this.focusedElement);
+            }
+        }
+    }
+    // find header element height
+    findHeaderElement() {
+        const element = document.querySelector("ic-page-header");
+        if (element) {
+            return element.clientHeight;
+        }
+        const header = document.querySelector("header");
+        if (header) {
+            return header.clientHeight;
+        }
+        return 0;
+    }
+    // add margin to the list based off the header element height
+    addListMargin() {
+        var _a;
+        const content = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${TOC_CONTENT_CLASS}`);
+        content === null || content === void 0 ? void 0 : content.style.setProperty("top", `${this.headerHeight}px`);
+    }
+    // add tooltip to the item if it is too wide
+    addTooltip(item, widthBreakpoint) {
+        var _a;
+        const itemLabel = item.querySelector(".table-of-contents-item-label");
+        if (((_a = item.parentNode) === null || _a === void 0 ? void 0 : _a.tagName) == "IC-TOOLTIP") {
+            const tooltip = item.parentNode;
+            if ((itemLabel === null || itemLabel === void 0 ? void 0 : itemLabel.offsetWidth) < (itemLabel === null || itemLabel === void 0 ? void 0 : itemLabel.scrollWidth)) {
+                const tooltipPosition = window.innerWidth < widthBreakpoint
+                    ? "bottom"
+                    : this.position === "right"
+                        ? "left"
+                        : "right";
+                //Modify the ic-tooltip wrapped around the list item
+                tooltip.setAttribute("disable-click", false);
+                tooltip.setAttribute("disable-hover", false);
+                tooltip.setAttribute("placement", tooltipPosition);
+                tooltip.setAttribute("target", item.id);
+                tooltip.setAttribute("style", "overflow:hidden");
+            }
+            else {
+                //disable the tooltip if the item does not need to truncate
+                tooltip.setAttribute("disable-click", true);
+                tooltip.setAttribute("disable-hover", true);
+            }
+        }
+    }
+    // initialise resize observer
+    componentWillLoad() {
+        this.resizeObserver = new ResizeObserver(() => this.handleResizeBounds());
+        this.resizeObserver.observe(this.el);
+    }
+    // initialise scroll listener
+    componentDidRender() {
+        document.addEventListener("scroll", () => {
+            if (!this.suppressListener)
+                this.updateSelectedItemFromScroll();
+            else
+                this.suppressListener = false;
+        });
+        this.containerPosition();
+        this.findElementsHeights();
+        this.sidebarTranslation(this.focusedElement);
+    }
+    // after component has loaded modify the list based of position, size and surrounding elements
+    async componentDidLoad() {
+        this.focusedElement = 0;
+        this.headerHeight = this.findHeaderElement();
+        this.addListMargin();
+        this.truncateText();
+        this.findElementsHeights();
+        this.sidebarTranslation(this.focusedElement);
+    }
+    // Component is a wrapper for page contents, and will build list from heading items
+    render() {
+        const { heading, monochrome, position, size, theme } = this;
+        return (h(Host, { key: '251846b7b12255064f6f08dc5ed373e8ccf0326b', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("ic-section-container", { key: '3a178d62dfe2ce56c052e18114bb2d7c3fbd47ee', class: TOC_CONTAINER_CLASS, aligned: "full-width" }, h("div", { key: '34378cb8e4ac052d1f05cdc7b61880ab866e5c30', role: "navigation", class: `${TOC_CONTENT_CLASS} ${position === "top" && "table-of-contents-position-top"}
+            ${position === "right" && "table-of-contents-position-side"}` }, h("ic-typography", { key: '9c2e6cd5dcf1bdcaada2fc63035c3fbe1aff0f44', class: `table-of-contents-heading ${size}`, variant: "subtitle-large" }, heading), h("div", { key: '848fbb7b4e2923e6abc7c2b7dbe267221b0158e6', class: "table-of-contents-list" }, h("div", { key: '31324398f103b292dfdf6edec92e738fa0c49c60', class: `table-of-contents-sidebar ${monochrome && `table-of-contents-sidebar-monochrome`}
+                ${size}
+                ` }), h("ol", { key: 'b4cf6c02151d3257155a4b8e055df992b06e64e0', class: TOC_LIST_ITEMS_CLASS }, this.generateHeadingTree().map((item) => this.renderTocTree(item))))), h("slot", { key: '0a5e55adfd3eeb0ba3c502c8936557f1b5f8bd76' }))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "suppressListener": ["suppressListenerHandler"]
+    }; }
+    static get style() { return IcTableOfContentsStyle0; }
+}, [1, "ic-table-of-contents", {
+        "heading": [1],
+        "maximumHeadingLevel": [2, "maximum-heading-level"],
+        "monochrome": [4],
+        "position": [1025],
+        "setScrollHeight": [2, "set-scroll-height"],
+        "size": [1],
+        "theme": [1],
+        "truncate": [4],
+        "focusedElement": [32],
+        "suppressListener": [32]
+    }, undefined, {
+        "suppressListener": ["suppressListenerHandler"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ic-table-of-contents", "ic-section-container", "ic-tooltip", "ic-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ic-table-of-contents":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TableOfContents);
+            }
+            break;
+        case "ic-section-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "ic-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "ic-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const IcTableOfContents = TableOfContents;
+const defineCustomElement = defineCustomElement$1;
+
+export { IcTableOfContents, defineCustomElement };
+
+//# sourceMappingURL=ic-table-of-contents.js.map