@ukic/canary-web-components 2.0.0-canary.23 → 2.0.0-canary.24

package/dist/core/p-0ec04c16.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icTypographyCss","Typography","constructor","hostRef","this","focusBtnFromKeyboard","inAGGrid","lastMarkerTop","lastWidth","resizeObserver","truncatedHeight","toggleExpanded","ev","stopPropagation","expanded","typographyTruncationExpandToggle","emit","typographyEl","el","checkMarkerPosition","elTop","markerTop","truncated","getElementTop","getClientRects","top","runResizeObserver","ResizeObserver","clearTimeout","resizeInterval","window","setTimeout","resizeObserverCallback","observe","truncWrapperEl","clientWidth","checkMaxLines","clientHeight","marker","truncButtonFocus","truncButtonFocussed","truncButtonBlur","truncButtonFocusFromMouse","applyVerticalMargins","bold","italic","maxLines","undefined","strikethrough","underline","variant","watchExpandedHandler","setAttribute","disconnectedCallback","disconnect","resetTruncation","removeAttribute","componentDidLoad","_a","_b","getRootNode","host","tagName","document","createElement","style","visibility","appendChild","checkResizeObserver","componentWillRender","isElInAGGrid","height","numLines","Math","floor","setShowHideExpanded","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  padding-right: var(--ellipsis-padding-right, 0);\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: 0.25rem solid !important;\n  margin-bottom: -0.25rem !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:host(.in-ag-grid),\n:host(.in-ag-grid) ::slotted(*) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n@supports (text-underline-offset: 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\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  :host,\n  .trunc-btn {\n    color: var(--ic-architectural-white);\n  }\n} */\n","import { h, Host, } from \"@stencil/core\";\nimport { checkResizeObserver, isElInAGGrid } from \"../../utils/helpers\";\nexport class Typography {\n    constructor() {\n        this.focusBtnFromKeyboard = true;\n        this.inAGGrid = false;\n        this.lastMarkerTop = 0;\n        this.lastWidth = 0;\n        this.resizeObserver = null;\n        this.truncatedHeight = 0;\n        this.toggleExpanded = (ev) => {\n            ev.stopPropagation();\n            this.expanded = !this.expanded;\n            this.typographyTruncationExpandToggle.emit({\n                expanded: this.expanded,\n                typographyEl: this.el,\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    /**\n     * @internal This is used by data table to remove all truncation in certain events\n     */\n    async resetTruncation() {\n        if (this.truncated) {\n            this.truncated = false;\n            this.maxLines = 0;\n            this.el.removeAttribute(\"max-lines\");\n            this.expanded = false;\n            this.el.removeAttribute(\"style\");\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    componentWillRender() {\n        if (isElInAGGrid(this.el)) {\n            this.inAGGrid = true;\n        }\n    }\n    /**\n     * @internal This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines\n     * @param height - text container height\n     */\n    async 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    /**\n     * @internal This method makes it possible to set the expanded status of truncated text outside of ic-typography component\n     */\n    async setShowHideExpanded(expanded) {\n        this.expanded = expanded;\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                [\"in-ag-grid\"]: this.inAGGrid,\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 }, 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\": true,\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 events() {\n        return [{\n                \"method\": \"typographyTruncationExpandToggle\",\n                \"name\": \"typographyTruncationExpandToggle\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emits and event when the typography truncation button has been clicked.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{\\n    expanded: boolean;\\n    typographyEl: HTMLIcTypographyElement;\\n  }\",\n                    \"resolved\": \"{ expanded: boolean; typographyEl: HTMLIcTypographyElement; }\",\n                    \"references\": {\n                        \"HTMLIcTypographyElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTypographyElement\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"resetTruncation\": {\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\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This is used by data table to remove all truncation in certain events\"\n                        }]\n                }\n            },\n            \"checkMaxLines\": {\n                \"complexType\": {\n                    \"signature\": \"(height: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"height\",\n                            \"type\": \"number\",\n                            \"docs\": \"- text container height\"\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\": \"This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"height - text container height\"\n                        }]\n                }\n            },\n            \"setShowHideExpanded\": {\n                \"complexType\": {\n                    \"signature\": \"(expanded: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"expanded\",\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\": \"This method makes it possible to set the expanded status of truncated text outside of ic-typography component\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"expanded\",\n                \"methodName\": \"watchExpandedHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-typography.js.map\n"],"mappings":"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"}

package/dist/core/p-13993bf3.entry.js

@@ -0,0 +1,2 @@
+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-8128572e.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 ic-typography,:host .expand-chevron{color:var(--ic-color-primary-text)}:host(.light) ic-typography,:host(.light) .expanded-content,:host(.light) .icon-container,:host(.light) .expand-chevron{color:var(--ic-color-white-text)}: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-visibility, 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-visibility";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"},this.message?i("ic-typography",{variant:"body"},this.message):i("slot",null))))}get el(){return o(this)}static get watchers(){return{expanded:["handleExpandedWatch"]}}};c.style=r;export{c as ic_accordion};
+//# sourceMappingURL=p-13993bf3.entry.js.map

package/dist/core/p-13993bf3.entry.js.map

@@ -0,0 +1 @@
+{"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 ic-typography,\n:host .expand-chevron {\n  color: var(--ic-color-primary-text);\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-color-white-text);\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-visibility, 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-visibility\";\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\" }, this.message ? (h(\"ic-typography\", { variant: \"body\" }, this.message)) : (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-16a48a63.entry.js

@@ -0,0 +1,2 @@
+import{r as e,f as t,h as n,H as i,g as o}from"./p-8455d1bb.js";import{I as a}from"./p-fd186591.js";import{j as r,b as s,v as c,i as d,a as h,d as l}from"./p-8128572e.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{display:block;background-color:var(--ic-theme-tertiary);color:var(--ic-theme-text);--hero-heading-bottom-margin:var(--ic-space-md)}:host(.dark){background-color:var(--ic-theme-secondary)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-container{display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--ic-theme-text)}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host([content-aligned="left"]) .left-container,:host([content-aligned="left"]) .interaction-container{justify-content:flex-start;text-align:left}:host([content-aligned="center"]) .left-container,:host([content-aligned="center"]) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.small),:host(.small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.small),:host(.small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.small),:host(.small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}.right-container{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.small),:host(.small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.small),:host(.small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}';const g=class{constructor(n){e(this,n);this.hostMutationObserver=null;this.hostMutationCallback=e=>{if(e.some((({type:e,addedNodes:t,removedNodes:n})=>e==="childList"?r(t,n,"secondary"):false))){t(this)}};this.foregroundColor=s();this.rightContent=false;this.leftContentFullWidth=!this.rightContent&&this.secondaryHeading===undefined;this.scrollFactor="right -100px";this.aligned="left";this.backgroundImage=undefined;this.contentAligned="left";this.disableBackgroundParallax=false;this.heading=undefined;this.secondaryHeading=undefined;this.secondarySubheading=undefined;this.size="default";this.small=false;this.subheading=undefined}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.rightContent=c(this.el,"secondary")}componentDidLoad(){!d(this.el,"heading")&&h([{prop:this.heading,propName:"heading"}],"Hero");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.rightContent=c(this.el,"secondary")}themeChangeHandler(e){const t=e.detail;this.foregroundColor=t.mode}doScroll(){if(this.disableBackgroundParallax){return}const e=document.scrollingElement.scrollTop;const t=.4;const n=-100+e*t;this.scrollFactor="right "+n+"px"}render(){const{aligned:e,small:t,size:o,heading:r,subheading:s,secondaryHeading:c,secondarySubheading:d,foregroundColor:h,backgroundImage:m,scrollFactor:g}=this;let p={};if(l(m)){p={"background-image":"url("+m+")","background-position":g}}return n(i,{class:{[a.Dark]:h===a.Dark,["has-background-image"]:m!==undefined,["small"]:t||o==="small",["secondary-heading"]:!!c},style:p},n("ic-section-container",{aligned:e,fullHeight:true,class:"section-container"},n("div",{class:{["left-container"]:true,["left-container-full-width"]:this.leftContentFullWidth}},n("div",{class:"heading"},n("slot",{name:"heading"},n("ic-typography",{variant:t||o==="small"?"h2":"h1",class:{["heading-bottom-spacing"]:!t&&o!=="small"}},r))),n("div",{class:"subheading"},n("slot",{name:"subheading"},n("ic-typography",{variant:"body"},s))),n("div",{class:"interaction-container"},n("slot",{name:"interaction"}))),(l(c)||this.rightContent)&&n("div",{class:"right-container"},n("slot",{name:"secondary"},c&&n("div",{class:"secondary-container"},n("div",{class:"secondary-heading"},n("ic-typography",{variant:"h4"},c)),n("div",{class:"secondary-subheading"},n("ic-typography",{variant:"subtitle-small"},d)))))))}get el(){return o(this)}};g.style=m;export{g as ic_hero};
+//# sourceMappingURL=p-16a48a63.entry.js.map

package/dist/core/p-16a48a63.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icHeroCss","Hero","constructor","hostRef","this","hostMutationObserver","hostMutationCallback","mutationList","some","type","addedNodes","removedNodes","checkSlotInChildMutations","forceUpdate","foregroundColor","getThemeForegroundColor","rightContent","leftContentFullWidth","secondaryHeading","undefined","scrollFactor","aligned","backgroundImage","contentAligned","disableBackgroundParallax","heading","secondarySubheading","size","small","subheading","disconnectedCallback","_a","disconnect","componentWillLoad","slotHasContent","el","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","propName","MutationObserver","observe","childList","componentWillRender","themeChangeHandler","ev","theme","detail","mode","doScroll","scrolltotop","document","scrollingElement","scrollTop","factor","y","render","style","isPropDefined","h","Host","class","IcThemeForegroundEnum","Dark","fullHeight","name","variant"],"sources":["../web-components/dist/collection/components/ic-hero/ic-hero.css?tag=ic-hero&encapsulation=shadow","../web-components/dist/collection/components/ic-hero/ic-hero.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  background-color: var(--ic-theme-tertiary);\n  color: var(--ic-theme-text);\n\n  --hero-heading-bottom-margin: var(--ic-space-md);\n}\n\n:host(.dark) {\n  background-color: var(--ic-theme-secondary);\n}\n\n:host(.has-background-image) {\n  background-repeat: no-repeat;\n  background-position: right -6.25rem;\n  background-size: auto calc(100% + 6.25rem);\n  box-shadow: var(--ic-elevation-inset);\n}\n\n@media (prefers-reduced-motion) {\n  :host(.has-background-image) {\n    background-position: right -6.25rem !important;\n  }\n}\n\nic-typography.heading-bottom-spacing {\n  margin-bottom: var(--hero-heading-bottom-margin);\n}\n\n.section-container {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.left-container {\n  padding: var(--ic-space-xl) 0;\n}\n\n.left-container:not(.left-container-full-width) {\n  flex-basis: 50%;\n}\n\n.left-container-full-width {\n  width: 100%;\n}\n\n.right-container {\n  flex-basis: 50%;\n}\n\n.interaction-container {\n  display: flex;\n  gap: var(--ic-space-md);\n  margin-top: var(--ic-space-lg);\n  flex-wrap: wrap;\n}\n\n.secondary-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-left: var(--ic-space-xxxs) solid var(--ic-theme-text);\n}\n\n.secondary-subheading {\n  margin-top: var(--ic-space-xxs);\n}\n\n:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container {\n  justify-content: flex-start;\n  text-align: left;\n}\n\n:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container {\n  justify-content: center;\n  text-align: center;\n}\n\n@media (min-width: 992px) {\n  .left-container-full-width {\n    width: 66.6%;\n  }\n}\n\n@media (min-width: 1044px) {\n  :host,\n  .section-container {\n    min-height: 13rem;\n  }\n\n  :host(.small),\n  :host(.small) .section-container {\n    min-height: 10.813rem;\n  }\n\n  .left-container:not(.left-container-full-width) {\n    flex-basis: 66.6%;\n  }\n\n  .left-container {\n    min-height: 9rem;\n  }\n\n  .right-container {\n    flex-basis: 33.3%;\n    margin-left: 3.125rem;\n  }\n\n  .secondary-container {\n    min-height: 9rem;\n  }\n\n  .secondary-heading,\n  .secondary-subheading {\n    margin-left: 3.938rem;\n  }\n}\n\n@media (min-width: 801px) and (max-width: 1043px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 16rem;\n  }\n\n  :host(.small),\n  :host(.small) .section-container {\n    min-height: 15rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 14rem;\n  }\n\n  .left-container {\n    min-height: 10rem;\n  }\n\n  .secondary-container {\n    min-height: 10rem;\n  }\n\n  .secondary-heading,\n  .secondary-subheading {\n    margin-left: 5.922rem;\n  }\n\n  .right-container {\n    margin-left: 3.125rem;\n  }\n}\n\n@media (min-width: 641px) and (max-width: 800px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 16rem;\n  }\n\n  :host(.small),\n  :host(.small) .section-container {\n    min-height: 15rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 14rem;\n  }\n\n  .left-container {\n    min-height: 10rem;\n  }\n\n  .secondary-container {\n    min-height: 10rem;\n  }\n\n  .secondary-heading,\n  .secondary-subheading {\n    margin-left: 2.125rem;\n  }\n\n  .right-container {\n    margin-left: 3.125rem;\n  }\n}\n\n@media (min-width: 481px) and (max-width: 640px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 13rem;\n  }\n\n  :host(.small),\n  :host(.small) .section-container {\n    min-height: 10.813rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 17.5rem;\n  }\n\n  :host(.secondary-heading) .section-container,\n  :host(.small) .section-container,\n  .section-container {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .left-container {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .secondary-container {\n    height: -moz-fit-content;\n    height: fit-content;\n    border: none;\n  }\n\n  .right-container {\n    margin-bottom: 2.5rem;\n  }\n}\n\n@media (max-width: 480px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 12rem;\n  }\n\n  :host,\n  .right-container {\n    margin-bottom: var(--ic-space-md);\n  }\n\n  :host(.small),\n  :host(.small) .section-container {\n    min-height: 10.813rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 16.5rem;\n  }\n\n  :host(.secondary-heading) .section-container,\n  :host(.small) .section-container,\n  .section-container {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .left-container {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .secondary-container {\n    height: -moz-fit-content;\n    height: fit-content;\n    border: none;\n  }\n}\n","import { Host, h, forceUpdate, } from \"@stencil/core\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nimport { slotHasContent, getThemeForegroundColor, onComponentRequiredPropUndefined, isPropDefined, isSlotUsed, checkSlotInChildMutations, } from \"../../utils/helpers\";\n/**\n * @slot heading - Content will be rendered in the title area, in place of the heading.\n * @slot subheading - Content will be rendered in the title area, in place of the subheading.\n * @slot interaction - Content will be rendered in the interaction area, adjacent to the title area.\n * @slot secondary - Content will be rendered in the secondary content area.\n */\nexport class Hero {\n    constructor() {\n        this.hostMutationObserver = null;\n        this.hostMutationCallback = (mutationList) => {\n            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === \"childList\"\n                ? checkSlotInChildMutations(addedNodes, removedNodes, \"secondary\")\n                : false)) {\n                forceUpdate(this);\n            }\n        };\n        this.foregroundColor = getThemeForegroundColor();\n        this.rightContent = false;\n        this.leftContentFullWidth = !this.rightContent && this.secondaryHeading === undefined;\n        this.scrollFactor = \"right -100px\";\n        this.aligned = \"left\";\n        this.backgroundImage = undefined;\n        this.contentAligned = \"left\";\n        this.disableBackgroundParallax = false;\n        this.heading = undefined;\n        this.secondaryHeading = undefined;\n        this.secondarySubheading = undefined;\n        this.size = \"default\";\n        this.small = false;\n        this.subheading = undefined;\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentWillLoad() {\n        this.rightContent = slotHasContent(this.el, \"secondary\");\n    }\n    componentDidLoad() {\n        !isSlotUsed(this.el, \"heading\") &&\n            onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Hero\");\n        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n        this.hostMutationObserver.observe(this.el, {\n            childList: true,\n        });\n    }\n    componentWillRender() {\n        this.rightContent = slotHasContent(this.el, \"secondary\");\n    }\n    themeChangeHandler(ev) {\n        const theme = ev.detail;\n        this.foregroundColor = theme.mode;\n    }\n    doScroll() {\n        if (this.disableBackgroundParallax) {\n            return;\n        }\n        const scrolltotop = document.scrollingElement.scrollTop;\n        const factor = 0.4;\n        const y = -100 + scrolltotop * factor;\n        this.scrollFactor = \"right \" + y + \"px\";\n    }\n    render() {\n        const { aligned, small, size, heading, subheading, secondaryHeading, secondarySubheading, foregroundColor, backgroundImage, scrollFactor, } = this;\n        let style = {};\n        if (isPropDefined(backgroundImage)) {\n            style = {\n                \"background-image\": \"url(\" + backgroundImage + \")\",\n                \"background-position\": scrollFactor,\n            };\n        }\n        return (h(Host, { class: {\n                [IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,\n                [\"has-background-image\"]: backgroundImage !== undefined,\n                [\"small\"]: small || size === \"small\",\n                [\"secondary-heading\"]: !!secondaryHeading,\n            }, style: style }, h(\"ic-section-container\", { aligned: aligned, fullHeight: true, class: \"section-container\" }, h(\"div\", { class: {\n                [\"left-container\"]: true,\n                [\"left-container-full-width\"]: this.leftContentFullWidth,\n            } }, h(\"div\", { class: \"heading\" }, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: small || size === \"small\" ? \"h2\" : \"h1\", class: {\n                [\"heading-bottom-spacing\"]: !small && size !== \"small\",\n            } }, heading))), h(\"div\", { class: \"subheading\" }, h(\"slot\", { name: \"subheading\" }, h(\"ic-typography\", { variant: \"body\" }, subheading))), h(\"div\", { class: \"interaction-container\" }, h(\"slot\", { name: \"interaction\" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (h(\"div\", { class: \"right-container\" }, h(\"slot\", { name: \"secondary\" }, secondaryHeading && (h(\"div\", { class: \"secondary-container\" }, h(\"div\", { class: \"secondary-heading\" }, h(\"ic-typography\", { variant: \"h4\" }, secondaryHeading)), h(\"div\", { class: \"secondary-subheading\" }, h(\"ic-typography\", { variant: \"subtitle-small\" }, secondarySubheading))))))))));\n    }\n    static get is() { return \"ic-hero\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-hero.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-hero.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\"\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the hero.\"\n                },\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"backgroundImage\": {\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 optional background image.\"\n                },\n                \"attribute\": \"background-image\",\n                \"reflect\": false\n            },\n            \"contentAligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcHeroContentAlignments\",\n                    \"resolved\": \"\\\"center\\\" | \\\"left\\\"\",\n                    \"references\": {\n                        \"IcHeroContentAlignments\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-hero.types\",\n                            \"id\": \"src/components/ic-hero/ic-hero.types.tsx::IcHeroContentAlignments\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the hero content.\"\n                },\n                \"attribute\": \"content-aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"disableBackgroundParallax\": {\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 background image (if set) will not scroll using a parallax effect.\"\n                },\n                \"attribute\": \"disable-background-parallax\",\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The heading of the hero.\"\n                },\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"secondaryHeading\": {\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 optional secondary heading, replaced by slotted right content.\"\n                },\n                \"attribute\": \"secondary-heading\",\n                \"reflect\": false\n            },\n            \"secondarySubheading\": {\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 optional secondary subheading, replaced by slotted right content.\"\n                },\n                \"attribute\": \"secondary-subheading\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizesNoLarge\",\n                    \"resolved\": \"\\\"default\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizesNoLarge\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the hero component.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"small\": {\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 `size` to \\\"small\\\" instead.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"small\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"subheading\": {\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 description for the hero.\"\n                },\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"foregroundColor\": {},\n            \"rightContent\": {},\n            \"leftContentFullWidth\": {},\n            \"scrollFactor\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"themeChange\",\n                \"method\": \"themeChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"scroll\",\n                \"method\": \"doScroll\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n//# sourceMappingURL=ic-hero.js.map\n"],"mappings":"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"}

package/dist/core/p-1f9cb805.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,F as s,g as n}from"./p-8455d1bb.js";import{d as a,a as o,p as l,i as h,b as r}from"./p-adbe0d89.js";const d=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24">\n    <path d="M9 3 5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"></path>\n</svg>`;const c=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(-90deg);">\n    <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const u=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(90deg)">\n    <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const g=':host{position:relative;display:block;height:100%;max-height:100%}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden}.truncation-show-hide{overflow:visible;display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host([show-pagination="true"]) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:fixed;border-spacing:0;width:100%}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host([embedded="true"]) .table-row-container{border:var(--ic-border-light)}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-color:var(--ic-table-row-selected) !important}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-action-dark-bg-hover)}.sort-button:active{background-color:var(--ic-action-dark-bg-active)}.sort-button svg{color:var(--ic-architectural-black)}.sort-button-unsorted svg{color:var(--ic-color-tertiary-text)}.table-density-dense{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}.text-dense{font-size:var(--ic-font-size-label)}.table-density-spacious{padding:0.625rem var(--ic-space-xs) !important}.text-spacious{font-size:1.125rem}.column-header-text{font-weight:var(--ic-font-weight-bold)}.column-header,.row-header{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-architectural-40);border-right:var(--ic-border-light);border-bottom:var(--ic-border-light)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-border-light) !important}:host([embedded="true"]) tr:last-child .table-cell,:host([embedded="true"]) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row:nth-child(even){background-color:var(--ic-architectural-20)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-architectural-100) var(--ic-space-1px);overflow:hidden}.data-type-string,.data-type-address{text-align:left;vertical-align:top}.data-type-number,.data-type-date{text-align:right;justify-content:end;vertical-align:top}.cell-alignment-top{vertical-align:top;align-items:flex-start}.cell-alignment-middle{vertical-align:middle;align-items:center}.cell-alignment-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low{color:var(--ic-color-secondary-text)}.cell-emphasis-high{font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-architectural-40);border-top:var(--ic-border-light)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-border-light)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading.show-background{background-color:var(--ic-architectural-white);border:var(--ic-border-light)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.row-header-alignment-right>ic-typography,.cell-alignment-center>ic-typography{flex:1}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden}@media screen and (min-width: 576px){.column-header-inner-container{display:flex;align-items:center}}';const v=class{constructor(n){t(this,n);this.icRowHeightChange=i(this,"icRowHeightChange",7);this.icSortChange=i(this,"icSortChange",7);this.DENSITY_HEIGHT_MULTIPLIER={dense:.8,default:1,spacious:1.2};this.DENSITY_PADDING_HEIGHT_DIFF={dense:8,default:16,spacious:20};this.SORT_ICONS={unsorted:d,ascending:c,descending:u};this.hasLoadedForOneSecond=true;this.resizeObserver=null;this.SHOW_HIDE_STRING="show-hide";this.SHOW_HIDE_CSS_CLASS=`${this.SHOW_HIDE_STRING}-wrap`;this.TOOLTIP_STRING="tooltip";this.TOOLTIP=`ic-${this.TOOLTIP_STRING}`;this.TEXT_WRAP_STRING="text-wrap";this.TEXT_WRAP_CLASS=`.${this.TEXT_WRAP_STRING}`;this.dataUpdated=false;this.rowHeightSet=false;this.initialLoad=false;this.icPageChangeEvent=false;this.itemsPerPageChange=false;this.DATA_ROW_HEIGHT_STRING="data-row-height";this.DEFAULT_LINE_HEIGHT=24;this.densityUpdate=false;this.updateSetRowHeight=t=>{const i=parseInt(getComputedStyle(document.documentElement).fontSize);if(t){const e=this.getCellContainer(t);const s=i*parseFloat(e.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(t.scrollHeight>s){e.style.removeProperty("height")}}else{this.getTypographyElements().forEach((t=>{const e=this.getCellContainer(t);const s=i*parseFloat(e.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(t.scrollHeight>s){e.style.removeProperty("height")}}))}};this.debounceDataTruncation=()=>{this.getTypographyElements().forEach((t=>{if(!t.classList.contains(this.TEXT_WRAP_STRING)){this.resizeObserver=new ResizeObserver(a((()=>{this.dataTruncation(t)}),200));this.resizeObserver.observe(t)}}))};this.getLines=t=>Math.floor(t/this.DEFAULT_LINE_HEIGHT);this.truncate=(t,i,e)=>{if((t===null||t===void 0?void 0:t.scrollHeight)>(i===null||i===void 0?void 0:i.clientHeight)){if(!t.closest(this.TEXT_WRAP_CLASS)){if(this.truncationPattern===this.TOOLTIP_STRING){this.addTooltipTruncation(t,i,e)}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.addShowHideTruncation(i,t)}}}else{if(this.truncationPattern===this.TOOLTIP_STRING&&e){t.setAttribute("style",`--ic-line-clamp: 0`);i.appendChild(t);e.remove()}if(this.truncationPattern===this.SHOW_HIDE_STRING&&!o(t.getAttribute("max-lines"))){this.resetShowHideTruncation(t)}}};this.dataTruncation=t=>{const i=this.getTooltip(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.classList.contains("data-type-element"))||this.dataUpdated){return}if(this.truncationPattern===this.SHOW_HIDE_STRING&&t.shadowRoot.querySelector("button")){const i=t.shadowRoot.querySelector("button");if(i){const i=this.getTruncWrapper(t);if(this.getLines(i.scrollHeight)===+t.getAttribute("max-lines")){this.resetShowHideTruncation(t)}}}if(this.rowHeightSet&&this.truncationPattern===this.SHOW_HIDE_STRING){const i=this.getTruncWrapper(t);if(i&&e.clientHeight-this.DEFAULT_LINE_HEIGHT>i.scrollHeight){this.resetShowHideTruncation(t);return}if(t.scrollHeight>e.clientHeight){this.addShowHideTruncation(e,t);return}}if((t===null||t===void 0?void 0:t.scrollHeight)>0&&(e===null||e===void 0?void 0:e.clientHeight)>0&&(t===null||t===void 0?void 0:t.scrollHeight)===(e===null||e===void 0?void 0:e.clientHeight)){if(i){this.removeTooltip(e,t,i)}return}this.truncate(t,e,i)};this.removeTextWrap=()=>{this.getTypographyElements().forEach((t=>{const i=t.closest("td");if(i.classList.contains(this.TEXT_WRAP_STRING)){i.classList.remove(this.TEXT_WRAP_STRING)}}))};this.getCellContainer=t=>t.closest(".cell-container");this.deleteTextWrapDataKey=t=>Array.isArray(t)&&t.forEach((t=>t.textWrap&&delete t.textWrap));this.startLoadingTimer=()=>{this.hasLoadedForOneSecond=false;this.timerStarted=Date.now();setTimeout((()=>{this.hasLoadedForOneSecond=true;this.timerStarted=null}),this.minimumLoadingDisplayDuration)};this.isObject=t=>typeof t==="object";this.notDefaultDensity=()=>this.density!=="default";this.getCellContent=(t,i)=>{switch(i){case"element":return undefined;case"date":return(t instanceof Date?t:new Date(t)).toLocaleDateString();default:return t}};this.getCellAlignment=(t,i)=>{if(this.isObject(t)&&Object.keys(t).includes("cellAlignment")){return this.getObjectValue(this.getObjectValue(t,"cellAlignment"),i)}};this.getCellOptions=(t,i)=>{if(!(this.isObject(t)&&Object.keys(t).includes(i)))return;return this.getObjectValue(t,i)};this.createUpdatingIndicator=()=>{const{appearance:t,description:i,max:s,min:n,progress:a}=this.updatingOptions||{};return e("th",{colSpan:this.columns.length,class:"updating-state"},e("ic-loading-indicator",{appearance:t,description:i||"Updating table data",fullWidth:true,max:s,min:n,progress:a,type:"linear",size:"small"}))};this.setRowHeight=t=>l(`${t*this.DENSITY_HEIGHT_MULTIPLIER[this.density]-this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);this.setTruncationClass=()=>{if(this.truncationPattern){return{[`truncation-${this.truncationPattern}`]:true}}return{}};this.createCells=(t,i)=>{var n;const a=Object.values(t);const o=Object.keys(t);const l=i;const r=this.getRowOptions(o,a);let d;let c;const u=o.indexOf("header");if(u>-1){d=this.getObjectValue(a[u],"rowAlignment");c=this.getObjectValue(a[u],"emphasis")}const g=(n=this.variableRowHeight)===null||n===void 0?void 0:n.call(this,Object.assign(Object.assign({},t),{index:l}));const v=g?g!=="auto"&&g:this.globalRowHeight!=="auto"&&this.globalRowHeight;return a.map(((t,n)=>{var a,l,u,g,p,f,m,b,w,y;const x=this.columns[n];const k=`${x===null||x===void 0?void 0:x.key}-${i}`;const $=this.isObject(t)&&Object.keys(t).includes("icon");const H=i=>this.getObjectValue(t,i);if(o[n]==="header"){return e("th",{scope:"row",colSpan:H("colspan"),class:{["row-header"]:true,[`row-header-alignment-${H("cellAlignment")}`]:!!H("cellAlignment"),["row-header-sticky"]:this.stickyRowHeaders}},H("title"))}if(o[n]!=="rowOptions"){return e("td",{class:{["table-cell"]:true,[`table-density-${this.density}`]:this.notDefaultDensity()}},e("div",{innerHTML:(x===null||x===void 0?void 0:x.dataType)==="element"&&!h(this.el,k)?t:null,class:Object.assign({"cell-container":(x===null||x===void 0?void 0:x.dataType)!=="element",[`cell-alignment-${((a=x===null||x===void 0?void 0:x.columnAlignment)===null||a===void 0?void 0:a.vertical)||((l=r===null||r===void 0?void 0:r.rowAlignment)===null||l===void 0?void 0:l.vertical)||d||this.getCellAlignment(t,"vertical")}`]:!!((u=x===null||x===void 0?void 0:x.columnAlignment)===null||u===void 0?void 0:u.vertical)||!!((g=r===null||r===void 0?void 0:r.rowAlignment)===null||g===void 0?void 0:g.vertical)||!!d||!!this.getCellAlignment(t,"vertical"),[`cell-alignment-${((p=x===null||x===void 0?void 0:x.columnAlignment)===null||p===void 0?void 0:p.horizontal)||((f=r===null||r===void 0?void 0:r.rowAlignment)===null||f===void 0?void 0:f.horizontal)||this.getCellAlignment(t,"horizontal")}`]:!!((m=x===null||x===void 0?void 0:x.columnAlignment)===null||m===void 0?void 0:m.horizontal)||!!((b=r===null||r===void 0?void 0:r.rowAlignment)===null||b===void 0?void 0:b.horizontal)||!!this.getCellAlignment(t,"horizontal"),[`data-type-${x===null||x===void 0?void 0:x.dataType}`]:true,[this.TEXT_WRAP_STRING]:(x===null||x===void 0?void 0:x.textWrap)||(r===null||r===void 0?void 0:r.textWrap)||!!this.getCellOptions(t,"textWrap"),["cell-icon"]:$||!!((w=x===null||x===void 0?void 0:x.icon)===null||w===void 0?void 0:w.icon)},this.setTruncationClass()),style:{height:(this.truncationPattern||v)&&!x.textWrap&&!r.textWrap&&!this.getCellOptions(t,"textWrap")&&(x===null||x===void 0?void 0:x.dataType)!=="element"?this.setRowHeight(v):null},"data-row-height":this.truncationPattern||v?this.setRowHeight(v):null},h(this.el,k)?e("slot",{name:k}):e(s,null,h(this.el,`${k}-icon`)?e("slot",{name:`${k}-icon`}):($||((y=x===null||x===void 0?void 0:x.icon)===null||y===void 0?void 0:y.onAllCells))&&e("span",{class:"icon",innerHTML:H("icon")||(x===null||x===void 0?void 0:x.icon.icon)}),(x===null||x===void 0?void 0:x.dataType)!=="element"&&!h(this.el,k)&&e("ic-typography",{variant:"body",class:{[`cell-emphasis-${this.isObject(t)&&H("emphasis")||(x===null||x===void 0?void 0:x.emphasis)||c}`]:this.isObject(t)&&!!H("emphasis")||!!(x===null||x===void 0?void 0:x.emphasis)||!!c,[`text-${this.density}`]:this.notDefaultDensity()}},this.isObject(t)&&(x===null||x===void 0?void 0:x.dataType)!=="date"?Object.keys(t).includes("href")?e("ic-link",{href:H("href")},H("data")):H("data"):this.getCellContent(t,x===null||x===void 0?void 0:x.dataType)))))}}))};this.createColumnHeaders=()=>this.columns.map((({cellAlignment:t,colspan:i,icon:s,key:n,title:a})=>e("th",{scope:"col",class:{["column-header"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),["updating-state-headers"]:this.updating&&!this.loading},colSpan:i},e("div",{class:{"column-header-inner-container":true,[`column-header-alignment-${t}`]:!!t}},h(this.el,`${n}-column-icon`)?e("slot",{name:`${n}-column-icon`}):s&&!s.hideOnHeader&&e("span",{class:"icon",innerHTML:s.icon}),e("ic-typography",{variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},a),this.sortable&&e("ic-button",{variant:"icon",id:`sort-button-${n}`,"aria-label":this.getSortButtonLabel(n),onClick:()=>this.sortRows(n),innerHTML:this.SORT_ICONS[this.sortedColumn===n?this.sortedColumnOrder:"unsorted"],class:{["sort-button"]:true,["sort-button-unsorted"]:this.sortedColumn!==n||this.sortedColumnOrder==="unsorted"}})))));this.onRowClick=t=>{this.selectedRow=this.selectedRow!==t&&!this.loading&&!this.updating&&t};this.createRows=()=>{const t=this.showPagination?this.data.slice(this.fromRow,this.toRow):this.data.slice();this.columns.forEach((({key:i})=>{t.forEach(((t,e)=>{const s=`${i}-${e}`;if(h(this.el,s)){t[i]=r(this.el,s)}}))}));return t.sort(!this.sortable?undefined:this.getSortFunction()).map(((t,i)=>e("tr",{onClick:()=>this.onRowClick(t),class:{["table-row"]:true,["table-row-selected"]:this.selectedRow===t}},this.createCells(t,i))))};this.getObjectValue=(t,i)=>Object.values(t)[Object.keys(t).indexOf(i)];this.getSortButtonLabel=t=>{let i="";const e=t=>{const i=this.sortOptions.sortOrders;return i[(i.indexOf(t)+1)%i.length]};if(this.sortedColumn===t){const t=e(this.sortedColumnOrder);i=t!=="unsorted"?`Sort ${t}`:"Remove sort"}else{i=`Sort ${e("unsorted")}`}return i};this.getComparison=(t,i)=>{const e=t[this.sortedColumn];const s=i[this.sortedColumn];return this.columns.find((t=>t.key===this.sortedColumn)).dataType==="date"?new Date(e).valueOf()-new Date(s).valueOf():String(this.isObject(e)?Object.values(e)[0]:e).localeCompare(String(this.isObject(s)?Object.values(s)[0]:s),undefined,{numeric:true,sensitivity:"base"})};this.getSortFunction=()=>{switch(this.sortedColumnOrder){case"ascending":return(t,i)=>this.getComparison(t,i);case"descending":return(t,i)=>this.getComparison(i,t);default:return undefined}};this.sortRows=t=>{const i=this.el.shadowRoot.querySelector(`#sort-button-${t}`);const e=this.sortOptions.sortOrders;if(t!==this.sortedColumn){if(this.sortedColumn){const i=this.el.shadowRoot.querySelector(`#sort-button-${this.sortedColumn}`);i.setAttribute("aria-label",this.getSortButtonLabel(t))}this.sortedColumn=t;this.sortedColumnOrder="unsorted"}let s=e.indexOf(this.sortedColumnOrder)+1;if(s>e.length-1){s=0}this.sortedColumnOrder=e[s];i.setAttribute("aria-label",this.getSortButtonLabel(t));this.tableSorted=true;this.icSortChange.emit({columnName:t,sorted:this.sortedColumnOrder})};this.getTypographyElements=()=>Array.from(this.el.shadowRoot.querySelectorAll("ic-typography:not(.column-header-text)"));this.getTooltip=t=>t.closest(this.TOOLTIP);this.updateTruncationTooltip=(t=false)=>{this.getTypographyElements().forEach((i=>{const e=this.getTooltip(i);const s=this.getCellContainer(i);if(i.closest(this.TEXT_WRAP_CLASS)){this.removeTooltip(s,i,e);i.setAttribute("style",`--ic-line-clamp: 0`);return}this.regenerateTooltip(s,i,e,t)}))};this.updateScrollOffset=()=>{this.scrollOffset=this.el.shadowRoot.querySelector(".table-row-container").scrollTop};this.fromRow=0;this.previousRowsPerPage=undefined;this.rowsPerPage=undefined;this.scrollable=false;this.scrollOffset=0;this.selectedRow=undefined;this.sortedColumn=undefined;this.sortedColumnOrder=undefined;this.toRow=undefined;this.currentRowHeight=undefined;this.caption=undefined;this.columns=undefined;this.data=undefined;this.density="default";this.embedded=false;this.globalRowHeight="auto";this.hideColumnHeaders=false;this.loading=false;this.loadingOptions=undefined;this.minimumLoadingDisplayDuration=1e3;this.paginationBarOptions={itemsPerPageOptions:[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}],rangeLabelType:"page",type:"simple",showItemsPerPageControl:true,showGoToPageControl:true,alignment:"right",appearance:"default",itemLabel:"Item",pageLabel:"Page",hideRangeLabel:false};this.showPagination=false;this.sortable=false;this.sortOptions={sortOrders:["unsorted","ascending","descending"],defaultColumn:""};this.stickyColumnHeaders=false;this.stickyRowHeaders=false;this.truncationPattern=undefined;this.updating=false;this.updatingOptions=undefined;this.variableRowHeight=undefined}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){var t;this.rowsPerPage=Number(this.paginationBarOptions.itemsPerPageOptions[0].value);this.previousRowsPerPage=this.rowsPerPage;this.toRow=this.rowsPerPage;this.sortedColumn=this.sortOptions.defaultColumn;this.sortedColumnOrder=this.sortOptions.sortOrders[0];this.loadingOptions=Object.assign(Object.assign({},this.loadingOptions),{showBackground:((t=this.data)===null||t===void 0?void 0:t.length)>0});this.initialLoad=true;this.previousItemsPerPage=this.rowsPerPage}componentDidLoad(){const t=this.el.shadowRoot.querySelector("table");const i=this.el.shadowRoot.querySelector(".table-container");if(this.dataUpdated){this.dataUpdated=false}if((t===null||t===void 0?void 0:t.clientHeight)>(i===null||i===void 0?void 0:i.clientHeight)||(t===null||t===void 0?void 0:t.clientWidth)>(i===null||i===void 0?void 0:i.clientWidth)){this.scrollable=true}if(this.loading){this.startLoadingTimer();this.showLoadingIndicator()}if(this.truncationPattern){this.getTypographyElements().forEach((t=>{if(!t.classList.contains(this.TEXT_WRAP_STRING)){this.dataTruncation(t)}}));this.debounceDataTruncation()}if(this.globalRowHeight!=="auto"){this.updateSetRowHeight()}}componentDidUpdate(){this.truncateUpdatedData()}truncateUpdatedData(){if(this.dataUpdated){if(this.truncationPattern===this.SHOW_HIDE_STRING){this.resetShowHideTruncation()}if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}this.dataUpdated=false}if(this.tableSorted){if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}this.tableSorted=false}if(this.rowHeightSet){const t=parseInt(getComputedStyle(document.documentElement).fontSize);this.getTypographyElements().forEach((i=>{var e;const s=this.getCellContainer(i);const n=this.getTooltip(i);const a=t*parseFloat(s.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(!((e=s===null||s===void 0?void 0:s.style)===null||e===void 0?void 0:e.height)&&a>s.clientHeight){s.style.setProperty("height",s.getAttribute(this.DATA_ROW_HEIGHT_STRING))}if(this.truncationPattern){if(this.truncationPattern===this.SHOW_HIDE_STRING){const t=this.getTruncWrapper(i);const e=i.shadowRoot.querySelector("button");if(e&&(t===null||t===void 0?void 0:t.scrollHeight)<=s.clientHeight){this.resetShowHideTruncation(i);return}}this.truncate(i,s,n)}else{this.updateSetRowHeight(i)}}));this.rowHeightSet=false}if(this.itemsPerPageChange){const t=this.el.shadowRoot.querySelectorAll(".table-row");if(this.rowsPerPage>this.previousItemsPerPage){const i=Array.from(t).slice(this.previousItemsPerPage);i.forEach((t=>{t.querySelectorAll("ic-typography").forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);this.truncate(t,i,e)}))}))}this.previousItemsPerPage=this.rowsPerPage;this.itemsPerPageChange=false}if(!this.initialLoad&&this.icPageChangeEvent){if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=t.shadowRoot.querySelector("button");if((t===null||t===void 0?void 0:t.scrollHeight)>i.clientHeight&&!e){this.addShowHideTruncation(i,t)}}))}this.icPageChangeEvent=false}if(this.densityUpdate){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);this.truncate(t,i,e)}));this.densityUpdate=false}}createShowHideTruncation(t,i){t.checkMaxLines(t.scrollHeight);t.setAttribute("max-lines",`${Math.floor((i===null||i===void 0?void 0:i.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`);t.setShowHideExpanded(false);i.style.height=null}addTooltipTruncation(t,i,e){this.addLineClampCSS(t,i);if(!e){this.createTruncationTooltip(t,i)}}addShowHideTruncation(t,i){t.classList.add(this.SHOW_HIDE_CSS_CLASS);this.createShowHideTruncation(i,t)}getTruncWrapper(t){return t.shadowRoot.querySelector(".trunc-wrapper")}handleTypographyTruncationExpandToggle({detail:t}){const{expanded:i,typographyEl:e}=t;const s=this.getCellContainer(e);if(s.style.height&&i){s.style.height="inherit"}}handlePageChange({detail:t,target:i}){if(i.parentElement!==this.el){this.fromRow=(t.value-1)*this.rowsPerPage;this.toRow=this.fromRow+this.rowsPerPage;const i=this.el.shadowRoot.querySelector(".table-row-container");if(this.previousRowsPerPage===this.rowsPerPage){i.scrollTop=0}else if(this.previousRowsPerPage<this.rowsPerPage){i.scrollTop=this.scrollOffset;this.previousRowsPerPage=this.rowsPerPage}else{this.previousRowsPerPage=this.rowsPerPage}}if(!this.initialLoad&&this.previousPaginationPage!==t.value){this.icPageChangeEvent=true}this.previousPaginationPage=t.value;this.initialLoad=false}handleItemsPerPageChange({detail:t,target:i}){if(i.parentElement!==this.el){this.previousRowsPerPage=this.rowsPerPage;this.rowsPerPage=t.value}this.itemsPerPageChange=true}handleDensityChange(t){this.density=t.detail.value}clickListener(t){if(t.target!==this.el)this.selectedRow=undefined}loadingHandler(t){if(t)this.startLoadingTimer();if(this.loading){setTimeout((()=>{this.showLoadingIndicator()}),500)}}truncationPatternHandler(t){if(t===this.SHOW_HIDE_STRING){this.updateTruncationTooltip(true);this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);this.truncate(t,i,e)}))}if(t===this.TOOLTIP_STRING){this.resetShowHideTruncation()}}async dataHandler(t){this.loadingOptions=Object.assign(Object.assign({},this.loadingOptions),{showBackground:(t===null||t===void 0?void 0:t.length)>0});if(this.loading){!this.hasLoadedForOneSecond?setTimeout((()=>this.loading=false),this.minimumLoadingDisplayDuration-(Date.now()-this.timerStarted)):this.loading=false}if(this.updating)this.updating=false;this.dataUpdated=true}async densityHandler(){this.densityUpdate=true}resetShowHideTruncation(t){if(t){const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((i===null||i===void 0?void 0:i.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)&&!o(t.getAttribute("max-lines"))&&Math.floor((e===null||e===void 0?void 0:e.clientHeight)/this.DEFAULT_LINE_HEIGHT)!==+t.getAttribute("max-lines")){t.checkMaxLines(i.scrollHeight);t.setAttribute("max-lines",`${Math.floor((e===null||e===void 0?void 0:e.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`);t.setShowHideExpanded(false);e.style.height=null}else{t.resetTruncation().then((()=>{e.style.setProperty("height",e.getAttribute(this.DATA_ROW_HEIGHT_STRING))}))}}else{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);t.resetTruncation().then((()=>{i.style.setProperty("height",i.getAttribute(this.DATA_ROW_HEIGHT_STRING))}))}))}}rowHeightChangeHandler(t,i){if(+t!==+i){this.deleteTextWrapDataKey(this.data);this.deleteTextWrapDataKey(this.columns);this.removeTextWrap();this.icRowHeightChange.emit();this.rowHeightSet=true}}async resetRowHeights(t){this.globalRowHeight=t||"auto";this.variableRowHeight=null}showLoadingIndicator(){this.loadingIndicator.classList.add("show")}getRowOptions(t,i){const e=t.indexOf("rowOptions");return e>-1&&i[e]}regenerateTooltip(t,i,e,s){if(e){if(this.tableSorted){e.setAttribute("target",i.id);e.setAttribute("label",i.textContent)}else{this.removeTooltip(t,i,e)}if(s){return}}if(!i.getAttribute("style")&&this.dataUpdated){this.addLineClampCSS(i,t)}if((i===null||i===void 0?void 0:i.scrollHeight)>(t===null||t===void 0?void 0:t.clientHeight)&&!this.tableSorted){if(!i.getAttribute("style")){this.addLineClampCSS(i,t)}this.createTruncationTooltip(i,t)}}removeTooltip(t,i,e){t.appendChild(i);if(e){e.remove()}}addLineClampCSS(t,i){t.setAttribute("style",`--ic-line-clamp: ${this.getLines(i===null||i===void 0?void 0:i.clientHeight)}`)}createTruncationTooltip(t,i){const e=document.createElement("ic-tooltip");e.setAttribute("target",t.id);e.setAttribute("label",t.textContent);e.classList.add("ic-tooltip-overflow");e.setExternalPopperProps({strategy:"fixed"});i.appendChild(e);e.appendChild(t)}render(){const{caption:t,createColumnHeaders:i,createRows:s,createUpdatingIndicator:n,data:a,hideColumnHeaders:o,loading:l,loadingOptions:r,paginationBarOptions:d,scrollable:c,scrollOffset:u,showPagination:g,sortable:v,sortedColumnOrder:p,sortedColumn:f,stickyColumnHeaders:m,updateScrollOffset:b,updating:w}=this;return e("div",{class:"table-container"},h(this.el,"title-bar")&&e("slot",{name:"title-bar"}),e("div",{class:{["table-row-container"]:true,scrollable:c},tabIndex:c?0:null,onScroll:b},h(this.el,"title-bar")&&e("slot",{name:"title-bar"}),e("table",null,e("caption",{class:"table-caption"},t),!o&&e("thead",{class:{["column-header-sticky"]:m,["column-header-overlay"]:m&&u!==0}},e("tr",null,i())),w&&!l&&(o?e("thead",null,n()):n()),(a===null||a===void 0?void 0:a.length)>0&&!l&&e("tbody",null,s())),!(a===null||a===void 0?void 0:a.length)&&!l&&(h(this.el,"empty-state")?e("slot",{name:"empty-state"}):e("ic-empty-state",{aligned:"center",heading:"No Data",class:"loading-empty"}))),l&&e("ic-loading-indicator",{appearance:r===null||r===void 0?void 0:r.appearance,class:{"loading-empty":l,loading:true,"show-background":r.showBackground},description:r.description||"Loading table data",label:r.label||"Loading...",labelDuration:r===null||r===void 0?void 0:r.labelDuration,max:r===null||r===void 0?void 0:r.max,min:r===null||r===void 0?void 0:r.min,progress:r===null||r===void 0?void 0:r.progress,ref:t=>this.loadingIndicator=t}),(g||h(this.el,"pagination-bar"))&&e("div",{class:"pagination-container"},h(this.el,"pagination-bar")?e("slot",{name:"pagination-bar"}):e("ic-pagination-bar",{totalItems:a.length,type:d.type,rangeLabelType:d.rangeLabelType,showItemsPerPageControl:d.showItemsPerPageControl,showGoToPageControl:d.showGoToPageControl,itemsPerPageOptions:d.itemsPerPageOptions,alignment:d.alignment,appearance:d.appearance,itemLabel:d.itemLabel,pageLabel:d.pageLabel,hideRangeLabel:d.hideRangeLabel})),v&&e("div",{class:"screen-reader-sort-text","aria-live":"polite"},p!=="unsorted"&&f?`${f} sorted ${p}`:"table unsorted"))}get el(){return n(this)}static get watchers(){return{loading:["loadingHandler"],truncationPattern:["truncationPatternHandler"],data:["dataHandler"],density:["densityHandler"],globalRowHeight:["rowHeightChangeHandler"],variableRowHeight:["rowHeightChangeHandler"]}}};v.style=g;export{v as ic_data_table};
+//# sourceMappingURL=p-1f9cb805.entry.js.map

package/dist/core/p-1f9cb805.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icDataTableCss","DataTable","this","DENSITY_HEIGHT_MULTIPLIER","dense","default","spacious","DENSITY_PADDING_HEIGHT_DIFF","SORT_ICONS","unsorted","unsortedIcon","ascending","ascendingIcon","descending","descendingIcon","hasLoadedForOneSecond","resizeObserver","SHOW_HIDE_STRING","SHOW_HIDE_CSS_CLASS","TOOLTIP_STRING","TOOLTIP","TEXT_WRAP_STRING","TEXT_WRAP_CLASS","dataUpdated","rowHeightSet","initialLoad","icPageChangeEvent","itemsPerPageChange","DATA_ROW_HEIGHT_STRING","DEFAULT_LINE_HEIGHT","densityUpdate","updateSetRowHeight","typographyEl","fontSize","parseInt","getComputedStyle","document","documentElement","cellContainer","getCellContainer","rowHeight","parseFloat","getAttribute","scrollHeight","style","removeProperty","getTypographyElements","forEach","debounceDataTruncation","classList","contains","ResizeObserver","debounce","dataTruncation","observe","getLines","height","Math","floor","truncate","tooltip","clientHeight","closest","truncationPattern","addTooltipTruncation","addShowHideTruncation","setAttribute","appendChild","remove","isEmptyString","resetShowHideTruncation","getTooltip","shadowRoot","querySelector","showHideBtn","truncWrapper","getTruncWrapper","removeTooltip","removeTextWrap","tableCell","deleteTextWrapDataKey","array","Array","isArray","val","textWrap","startLoadingTimer","timerStarted","Date","now","setTimeout","minimumLoadingDisplayDuration","isObject","value","notDefaultDensity","density","getCellContent","cell","dataType","undefined","toLocaleDateString","getCellAlignment","alignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","appearance","description","max","min","progress","updatingOptions","h","colSpan","columns","length","class","fullWidth","type","size","setRowHeight","pxToRem","setTruncationClass","createCells","row","rowIndex","rowValues","values","rowKeys","index","rowOptions","getRowOptions","rowAlignment","rowEmphasis","headerIndex","indexOf","variableRowHeightVal","_a","variableRowHeight","call","assign","currentRowHeight","globalRowHeight","map","columnProps","cellSlotName","hasIcon","cellValue","scope","stickyRowHeaders","innerHTML","isSlotUsed","el","columnAlignment","vertical","_b","_c","_d","_e","horizontal","_f","_g","_h","_j","icon","name","Fragment","_k","onAllCells","variant","emphasis","href","createColumnHeaders","cellAlignment","colspan","title","updating","loading","hideOnHeader","sortable","id","getSortButtonLabel","onClick","sortRows","sortedColumn","sortedColumnOrder","onRowClick","selectedRow","createRows","data","showPagination","slice","fromRow","toRow","getSlotContent","sort","getSortFunction","label","getNextSortOption","option","sortOrders","sortOptions","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","col","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","sortButton","previousSortedButton","nextSortOrderIndex","tableSorted","icSortChange","emit","columnName","sorted","from","querySelectorAll","updateTruncationTooltip","removeTooltipOnly","regenerateTooltip","updateScrollOffset","scrollOffset","scrollTop","itemsPerPageOptions","rangeLabelType","showItemsPerPageControl","showGoToPageControl","itemLabel","pageLabel","hideRangeLabel","defaultColumn","disconnectedCallback","disconnect","componentWillLoad","rowsPerPage","Number","paginationBarOptions","previousRowsPerPage","loadingOptions","showBackground","previousItemsPerPage","componentDidLoad","tableElement","tableContainer","clientWidth","scrollable","showLoadingIndicator","componentDidUpdate","truncateUpdatedData","tooltipEl","setProperty","allRows","newRows","createShowHideTruncation","checkMaxLines","setShowHideExpanded","addLineClampCSS","createTruncationTooltip","add","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","target","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","clickListener","loadingHandler","newValue","truncationPatternHandler","dataHandler","newData","densityHandler","resetTruncation","then","rowHeightChangeHandler","oldValue","icRowHeightChange","resetRowHeights","loadingIndicator","rowOptionsIndex","textContent","createElement","setExternalPopperProps","strategy","render","caption","hideColumnHeaders","stickyColumnHeaders","tabIndex","onScroll","aligned","heading","labelDuration","ref","totalItems"],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: block;\n  height: 100%;\n  max-height: 100%;\n}\n\ntbody {\n  vertical-align: top;\n}\n\n.table-container {\n  position: relative;\n  height: calc(100% - var(--ic-space-xxxs));\n  display: flex;\n  flex-direction: column;\n}\n\n.cell-container {\n  display: flex;\n  min-height: 1.5rem;\n  overflow-y: hidden;\n}\n\n.truncation-show-hide {\n  overflow: visible;\n  display: block;\n}\n\n.cell-icon.truncation-show-hide {\n  display: flex;\n}\n\n.cell-container:not(.data-type-element, .truncation-show-hide) {\n  overflow-x: hidden;\n}\n\nic-loading-indicator {\n  position: sticky;\n  top: 20px;\n}\n\n.table-row-container {\n  position: relative;\n  height: 100%;\n  overflow: auto;\n  transition: var(--ic-easing-transition-fast);\n  overflow-anchor: none;\n}\n\n:host([show-pagination=\"true\"]) .table-row-container {\n  height: calc(100% - 3.5625rem);\n}\n\ntable {\n  table-layout: fixed;\n  border-spacing: 0;\n  width: 100%;\n}\n\n.table-row-container:focus {\n  outline: none;\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n  z-index: 1;\n}\n\n:host([embedded=\"true\"]) .table-row-container {\n  border: var(--ic-border-light);\n}\n\n.column-header-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.column-header-overlay {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  box-shadow: 0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%);\n}\n\n.row-header-sticky {\n  position: sticky;\n  left: 0;\n}\n\n.column-header,\n.table-row {\n  box-sizing: border-box;\n}\n\n.table-row-selected {\n  background-color: var(--ic-table-row-selected) !important;\n}\n\n.sort-button {\n  margin-left: auto;\n}\n\n.sort-button:hover {\n  background-color: var(--ic-action-dark-bg-hover);\n}\n\n.sort-button:active {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\n.sort-button svg {\n  color: var(--ic-architectural-black);\n}\n\n.sort-button-unsorted svg {\n  color: var(--ic-color-tertiary-text);\n}\n\n.table-density-dense {\n  padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n  font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious {\n  padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n  font-size: 1.125rem;\n}\n\n.column-header-text {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.column-header,\n.row-header {\n  text-align: left;\n  padding: var(--ic-space-xs);\n  background-color: var(--ic-architectural-40);\n  border-right: var(--ic-border-light);\n  border-bottom: var(--ic-border-light);\n}\n\n.column-header:last-child {\n  border-right: none;\n}\n\n.scrollable .column-header:last-child {\n  border-right: var(--ic-border-light) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n  border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n  text-align: left !important;\n  justify-content: start !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n  text-align: right !important;\n  justify-content: end !important;\n}\n\n.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography {\n  padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.cell-alignment-right.truncation-show-hide ic-typography {\n  --ellipsis-padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n  text-align: center !important;\n  justify-content: center !important;\n}\n\n.table-row:nth-child(even) {\n  background-color: var(--ic-architectural-20);\n}\n\n.table-cell {\n  padding: var(--ic-space-xs);\n  border-bottom: solid var(--ic-architectural-100) var(--ic-space-1px);\n  overflow: hidden;\n}\n\n.data-type-string,\n.data-type-address {\n  text-align: left;\n  vertical-align: top;\n}\n\n.data-type-number,\n.data-type-date {\n  text-align: right;\n  justify-content: end;\n  vertical-align: top;\n}\n\n.cell-alignment-top {\n  vertical-align: top;\n  align-items: flex-start;\n}\n\n.cell-alignment-middle {\n  vertical-align: middle;\n  align-items: center;\n}\n\n.cell-alignment-bottom {\n  vertical-align: bottom;\n  align-items: flex-end;\n}\n\n.cell-emphasis-low {\n  color: var(--ic-color-secondary-text);\n}\n\n.cell-emphasis-high {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n  background-color: var(--ic-architectural-40);\n  border-top: var(--ic-border-light);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n  position: absolute;\n  left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n}\n\n.loading-empty {\n  padding: var(--ic-space-xl) var(--ic-space-xxl);\n  margin-top: var(--ic-space-xl);\n}\n\n.updating-state {\n  padding: 0;\n  border-bottom: var(--ic-border-light);\n}\n\n.updating-state-headers {\n  border-bottom: none;\n}\n\n.loading {\n  position: absolute;\n  left: calc(50% - 5.9741rem);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading.show-background {\n  background-color: var(--ic-architectural-white);\n  border: var(--ic-border-light);\n}\n\n.loading.show {\n  opacity: 1;\n}\n\n.icon,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-right: var(--ic-space-xxs);\n}\n\n.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg) {\n  margin-right: auto;\n}\n\n.column-header-alignment-center > ic-typography,\n.row-header-alignment-right > ic-typography,\n.cell-alignment-center > ic-typography {\n  flex: 1;\n}\n\n.icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n.truncation-tooltip ic-typography {\n  display: -webkit-box;\n  -webkit-line-clamp: var(--ic-line-clamp, 0);\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography {\n  white-space: normal;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n}\n\n@media screen and (min-width: 576px) {\n  .column-header-inner-container {\n    display: flex;\n    align-items: center;\n  }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Element,\n  h,\n  Prop,\n  State,\n  Listen,\n  Watch,\n  Fragment,\n  Method,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n  IcDataTableColumnDataTypes,\n  IcDataTableColumnObject,\n  IcDataTableDensityOptions,\n  IcDataTableRowHeights,\n  IcDataTableSortOrderOptions,\n  IcDataTableTruncationTypes,\n  IcDensityUpdateEventDetail,\n  IcSortEventDetail,\n} from \"./ic-data-table.types\";\nimport { IcThemeForegroundNoDefault } from \"@ukic/web-components/dist/types/utils/types\";\nimport { IcPaginationBarOptions } from \"../../utils/types\";\n// Unable to import helper functions via @ukic/web-components\nimport {\n  getSlotContent,\n  isEmptyString,\n  isSlotUsed,\n  pxToRem,\n  debounce,\n} from \"../../utils/helpers\";\n\n/**\n * @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.\n * @slot {COLUMN_KEY}-{ROW_INDEX}[-icon] - Each cell should have its own slot, named using the column tag and the row index, allowing for custom elements to be displayed. Include `-icon` at the end for that cell's icon slot.\n * @slot {COLUMN_KEY}-column-icon - The icon slot for a column header.\n * @slot title-bar - A custom ic-data-table-title-bar can be slotted above the column headers to display additional information about the table.\n * @slot pagination-bar - A custom ic-pagination-bar can be slotted below the data to provide enhanced control over how the data is interacted with when being fetched externally.\n */\n@Component({\n  tag: \"ic-data-table\",\n  styleUrl: \"ic-data-table.css\",\n  shadow: true,\n})\nexport class DataTable {\n  private DENSITY_HEIGHT_MULTIPLIER = {\n    dense: 0.8,\n    default: 1,\n    spacious: 1.2,\n  };\n\n  private DENSITY_PADDING_HEIGHT_DIFF = {\n    dense: 8,\n    default: 16,\n    spacious: 20,\n  };\n\n  private SORT_ICONS = {\n    unsorted: unsortedIcon,\n    ascending: ascendingIcon,\n    descending: descendingIcon,\n  };\n\n  private hasLoadedForOneSecond: boolean = true;\n  private loadingIndicator: HTMLIcLoadingIndicatorElement;\n  private timerStarted: number;\n  private resizeObserver: ResizeObserver = null;\n  private SHOW_HIDE_STRING = \"show-hide\";\n  private SHOW_HIDE_CSS_CLASS = `${this.SHOW_HIDE_STRING}-wrap`;\n  private TOOLTIP_STRING = \"tooltip\";\n  private TOOLTIP = `ic-${this.TOOLTIP_STRING}`;\n  private TEXT_WRAP_STRING = \"text-wrap\";\n  private TEXT_WRAP_CLASS = `.${this.TEXT_WRAP_STRING}`;\n  private dataUpdated = false;\n  private tableSorted: boolean;\n  private rowHeightSet = false;\n  private initialLoad: boolean = false;\n  private icPageChangeEvent: boolean = false;\n  private itemsPerPageChange: boolean = false;\n  private DATA_ROW_HEIGHT_STRING = \"data-row-height\";\n  private previousItemsPerPage: number;\n  private DEFAULT_LINE_HEIGHT = 24;\n  private densityUpdate: boolean = false;\n  private previousPaginationPage: number;\n\n  @Element() el: HTMLIcDataTableElement;\n\n  @State() fromRow: number = 0;\n\n  @State() previousRowsPerPage: number;\n\n  @State() rowsPerPage: number;\n\n  @State() scrollable: boolean = false;\n\n  @State() scrollOffset: number = 0;\n\n  @State() selectedRow: object;\n\n  @State() sortedColumn: string;\n\n  @State() sortedColumnOrder: IcDataTableSortOrderOptions;\n\n  @State() toRow: number;\n\n  @State() currentRowHeight: number;\n\n  /**\n   * The title for the table only visible to screen readers.\n   */\n  @Prop() caption!: string;\n\n  /**\n   * The column headers for the table.\n   */\n  @Prop() columns!: IcDataTableColumnObject[];\n\n  /**\n   * The row content for the table.\n   */\n  @Prop() data: { [key: string]: any }[];\n\n  /**\n   * Set the density of the table including font and padding.\n   */\n  @Prop({ mutable: true }) density?: IcDataTableDensityOptions = \"default\";\n\n  /**\n   * Applies a border to the table container.\n   */\n  @Prop() embedded?: boolean = false;\n\n  /**\n   * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method.\n   */\n  @Prop({ mutable: true }) globalRowHeight?: IcDataTableRowHeights = \"auto\";\n\n  /**\n   * If `true`, column headers will not be visible.\n   */\n  @Prop() hideColumnHeaders?: boolean = false;\n\n  /**\n   * When set to `true`, the full table will show a loading state, featuring a radial indicator.\n   */\n  @Prop({ mutable: true }) loading?: boolean = false;\n\n  /**\n   * Sets the props for the circular loading indicator used in the loading state.\n   */\n  @Prop() loadingOptions?: {\n    appearance?: IcThemeForegroundNoDefault;\n    description?: string;\n    label?: string;\n    labelDuration?: number;\n    max?: number;\n    min?: number;\n    progress?: number;\n    showBackground?: boolean;\n  };\n\n  /**\n   * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.\n   */\n  @Prop() minimumLoadingDisplayDuration?: number = 1000;\n\n  /**\n   * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.\n   */\n  @Prop() paginationBarOptions?: IcPaginationBarOptions = {\n    itemsPerPageOptions: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    rangeLabelType: \"page\",\n    type: \"simple\",\n    showItemsPerPageControl: true,\n    showGoToPageControl: true,\n    alignment: \"right\",\n    appearance: \"default\",\n    itemLabel: \"Item\",\n    pageLabel: \"Page\",\n    hideRangeLabel: false,\n  };\n\n  /**\n   * If `true`, adds a pagination bar to the bottom of the table.\n   */\n  @Prop() showPagination?: boolean = false;\n\n  /**\n   * If `true`, allows table columns to be sorted using applied sort buttons.\n   */\n  @Prop() sortable?: boolean = false;\n\n  /**\n   * Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n   */\n  @Prop() sortOptions?: {\n    sortOrders: IcDataTableSortOrderOptions[];\n    defaultColumn?: string;\n  } = {\n    sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n    defaultColumn: \"\",\n  };\n\n  /**\n   * If `true`, column headers will remain at the top of the table when scrolling vertically.\n   */\n  @Prop() stickyColumnHeaders?: boolean = false;\n\n  /**\n   * If `true`, row headers will remain to the left when scrolling horizontally.\n   */\n  @Prop() stickyRowHeaders?: boolean = false;\n\n  /**\n   * Sets the method used to truncate longer text in cells where textWrap is `false`.\n   * The `tooltip` truncation pattern allows the overflowing text to be seen in a tooltip. The `show-hide` truncation pattern allows the overflowing text to be shown and hidden using the ic-typography \"See more\" / \"See less\" buttons.\n   */\n  @Prop() truncationPattern?: IcDataTableTruncationTypes;\n\n  /**\n   * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.\n   */\n  @Prop() updating?: boolean = false;\n\n  /**\n   * Sets the props for the linear loading indicator used in the updating state.\n   */\n  @Prop() updatingOptions?: {\n    appearance?: IcThemeForegroundNoDefault;\n    description?: string;\n    max?: number;\n    min?: number;\n    progress?: number;\n  };\n\n  /**\n   * Allows for custom setting of row heights on individual rows based on an individual value from the `data` prop and the row index.\n   * If the function returns `null`, that row's height will be set to the `globalRowHeight` property.\n   */\n  @Prop({ mutable: true }) variableRowHeight?: (params: {\n    [key: string]: any;\n    index: number;\n  }) => IcDataTableRowHeights | null;\n\n  /**\n   * Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.\n   */\n  @Event() icRowHeightChange: EventEmitter<void>;\n\n  /**\n   * Emitted when a column sort button is clicked.\n   */\n  @Event() icSortChange: EventEmitter<IcSortEventDetail>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.rowsPerPage = Number(\n      this.paginationBarOptions.itemsPerPageOptions[0].value\n    );\n    this.previousRowsPerPage = this.rowsPerPage;\n    this.toRow = this.rowsPerPage;\n    this.sortedColumn = this.sortOptions.defaultColumn;\n    this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n    this.loadingOptions = {\n      ...this.loadingOptions,\n      showBackground: this.data?.length > 0,\n    };\n    this.initialLoad = true;\n    this.previousItemsPerPage = this.rowsPerPage;\n  }\n\n  componentDidLoad(): void {\n    const tableElement = this.el.shadowRoot.querySelector(\"table\");\n    const tableContainer = this.el.shadowRoot.querySelector(\".table-container\");\n\n    if (this.dataUpdated) {\n      this.dataUpdated = false;\n    }\n\n    if (\n      tableElement?.clientHeight > tableContainer?.clientHeight ||\n      tableElement?.clientWidth > tableContainer?.clientWidth\n    ) {\n      this.scrollable = true;\n    }\n    if (this.loading) {\n      this.startLoadingTimer();\n      this.showLoadingIndicator();\n    }\n\n    if (this.truncationPattern) {\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          if (!typographyEl.classList.contains(this.TEXT_WRAP_STRING)) {\n            this.dataTruncation(typographyEl);\n          }\n        }\n      );\n\n      this.debounceDataTruncation();\n    }\n\n    if (this.globalRowHeight !== \"auto\") {\n      this.updateSetRowHeight();\n    }\n  }\n\n  componentDidUpdate(): void {\n    this.truncateUpdatedData();\n  }\n\n  private truncateUpdatedData() {\n    if (this.dataUpdated) {\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.resetShowHideTruncation();\n      }\n\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      this.dataUpdated = false;\n    }\n\n    if (this.tableSorted) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      this.tableSorted = false;\n    }\n\n    // This function recalculates the tooltip truncation when the rowHeight has been set.\n    // This is in componentDidUpdate so a setTimeout is not used to wait for the render to be complete\n    if (this.rowHeightSet) {\n      const fontSize = parseInt(\n        getComputedStyle(document.documentElement).fontSize\n      );\n\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltipEl = this.getTooltip(typographyEl);\n\n          const rowHeight =\n            fontSize *\n            parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n          // If the set row height is bigger than the cell container even\n          // with textWrap, set the row height\n          if (\n            !cellContainer?.style?.height &&\n            rowHeight > cellContainer.clientHeight\n          ) {\n            cellContainer.style.setProperty(\n              \"height\",\n              cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n            );\n          }\n\n          if (this.truncationPattern) {\n            // If the set row height is bigger than the typography truncation wrapper\n            // scroll height, remove see more / see less button\n            if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n              const truncWrapper = this.getTruncWrapper(typographyEl);\n              const showHideBtn =\n                typographyEl.shadowRoot.querySelector(\"button\");\n\n              if (\n                showHideBtn &&\n                truncWrapper?.scrollHeight <= cellContainer.clientHeight\n              ) {\n                this.resetShowHideTruncation(typographyEl);\n                return;\n              }\n            }\n\n            this.truncate(typographyEl, cellContainer, tooltipEl);\n          } else {\n            this.updateSetRowHeight(typographyEl);\n          }\n        }\n      );\n\n      this.rowHeightSet = false;\n    }\n\n    // Only run truncation on the new rows\n    // when the number of items per page has increased\n    if (this.itemsPerPageChange) {\n      const allRows = this.el.shadowRoot.querySelectorAll(\".table-row\");\n\n      if (this.rowsPerPage > this.previousItemsPerPage) {\n        const newRows = Array.from(allRows).slice(this.previousItemsPerPage);\n\n        newRows.forEach((row) => {\n          row\n            .querySelectorAll(\"ic-typography\")\n            .forEach((typographyEl: HTMLIcTypographyElement) => {\n              const cellContainer = this.getCellContainer(typographyEl);\n              const tooltipEl = this.getTooltip(typographyEl);\n\n              this.truncate(typographyEl, cellContainer, tooltipEl);\n            });\n        });\n      }\n\n      this.previousItemsPerPage = this.rowsPerPage;\n      this.itemsPerPageChange = false;\n    }\n\n    if (!this.initialLoad && this.icPageChangeEvent) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      // set truncation to see more if opened and next/previous page is pressed\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n\n          if (\n            typographyEl?.scrollHeight > cellContainer.clientHeight &&\n            !showHideBtn\n          ) {\n            this.addShowHideTruncation(cellContainer, typographyEl);\n          }\n        });\n      }\n\n      this.icPageChangeEvent = false;\n    }\n\n    if (this.densityUpdate) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        const tooltipEl = this.getTooltip(typographyEl);\n\n        this.truncate(typographyEl, cellContainer, tooltipEl);\n      });\n\n      this.densityUpdate = false;\n    }\n  }\n\n  private updateSetRowHeight = (typographyEl?: HTMLIcTypographyElement) => {\n    const fontSize = parseInt(\n      getComputedStyle(document.documentElement).fontSize\n    );\n\n    if (typographyEl) {\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      const rowHeight =\n        fontSize *\n        parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n      if (typographyEl.scrollHeight > rowHeight) {\n        cellContainer.style.removeProperty(\"height\");\n      }\n    } else {\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n\n          const rowHeight =\n            fontSize *\n            parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n          if (typographyEl.scrollHeight > rowHeight) {\n            cellContainer.style.removeProperty(\"height\");\n          }\n        }\n      );\n    }\n  };\n\n  private createShowHideTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    typographyEl.checkMaxLines(typographyEl.scrollHeight);\n    typographyEl.setAttribute(\n      \"max-lines\",\n      `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n    );\n    typographyEl.setShowHideExpanded(false);\n\n    cellContainer.style.height = null;\n  }\n\n  private debounceDataTruncation = () => {\n    this.getTypographyElements().forEach(\n      (typographyEl: HTMLIcTypographyElement) => {\n        if (!typographyEl.classList.contains(this.TEXT_WRAP_STRING)) {\n          this.resizeObserver = new ResizeObserver(\n            // This gets triggered twice due to updated data and see more/see less button\n            debounce(() => {\n              // console.log(\"resizeObserver triggered\");\n              this.dataTruncation(typographyEl);\n            }, 200) as ResizeObserverCallback\n          );\n\n          this.resizeObserver.observe(typographyEl);\n        }\n      }\n    );\n  };\n\n  private getLines = (height: number): number =>\n    Math.floor(height / this.DEFAULT_LINE_HEIGHT);\n\n  private truncate = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement\n  ) => {\n    if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n      //24 is the height of a single line\n      if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n        if (this.truncationPattern === this.TOOLTIP_STRING) {\n          this.addTooltipTruncation(typographyEl, cellContainer, tooltip);\n        }\n        if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n          this.addShowHideTruncation(cellContainer, typographyEl);\n        }\n      }\n    } else {\n      if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {\n        typographyEl.setAttribute(\"style\", `--ic-line-clamp: 0`);\n\n        cellContainer.appendChild(typographyEl);\n        tooltip.remove();\n      }\n\n      if (\n        this.truncationPattern === this.SHOW_HIDE_STRING &&\n        !isEmptyString(typographyEl.getAttribute(\"max-lines\"))\n      ) {\n        this.resetShowHideTruncation(typographyEl);\n      }\n    }\n  };\n\n  private addTooltipTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement\n  ) {\n    this.addLineClampCSS(typographyEl, cellContainer);\n\n    if (!tooltip) {\n      this.createTruncationTooltip(typographyEl, cellContainer);\n    }\n  }\n\n  private addShowHideTruncation(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement\n  ) {\n    cellContainer.classList.add(this.SHOW_HIDE_CSS_CLASS);\n    this.createShowHideTruncation(typographyEl, cellContainer);\n  }\n\n  private dataTruncation = (typographyEl: HTMLIcTypographyElement) => {\n    // Tooltip truncation mentioned in AC. Will need revisiting\n    const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n    const cellContainer = this.getCellContainer(typographyEl);\n    if (\n      cellContainer?.classList.contains(\"data-type-element\") ||\n      this.dataUpdated\n    ) {\n      return;\n    }\n\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING &&\n      typographyEl.shadowRoot.querySelector(\"button\")\n    ) {\n      const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n      // If the see more/see less is present and the max lines is equal to the cell container\n      // remove the see more/see less button\n      if (showHideBtn) {\n        const truncWrapper = this.getTruncWrapper(typographyEl);\n\n        if (\n          this.getLines(truncWrapper.scrollHeight) ===\n          +typographyEl.getAttribute(\"max-lines\")\n        ) {\n          this.resetShowHideTruncation(typographyEl);\n        }\n      }\n    }\n\n    // Deals with setting and resetting row height and re-truncating data\n    if (this.rowHeightSet && this.truncationPattern === this.SHOW_HIDE_STRING) {\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      // cellContainer.clientHeight - 24 removes the extra line by see more/see less\n      if (\n        truncWrapper &&\n        cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n          truncWrapper.scrollHeight\n      ) {\n        this.resetShowHideTruncation(typographyEl);\n        return;\n      }\n\n      if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n        this.addShowHideTruncation(cellContainer, typographyEl);\n        return;\n      }\n    }\n\n    if (\n      typographyEl?.scrollHeight > 0 &&\n      cellContainer?.clientHeight > 0 &&\n      typographyEl?.scrollHeight === cellContainer?.clientHeight\n    ) {\n      if (tooltip) {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      return;\n    }\n\n    this.truncate(typographyEl, cellContainer, tooltip);\n  };\n\n  private getTruncWrapper(typographyEl: HTMLIcTypographyElement) {\n    return typographyEl.shadowRoot.querySelector(\".trunc-wrapper\");\n  }\n\n  // Set the height to initial if row height is set and the show / hide truncation\n  // is clicked\n  @Listen(\"typographyTruncationExpandToggle\")\n  handleTypographyTruncationExpandToggle({\n    detail,\n  }: CustomEvent<{\n    expanded: boolean;\n    typographyEl: HTMLIcTypographyElement;\n  }>) {\n    const { expanded, typographyEl } = detail;\n    const cellContainer = this.getCellContainer(typographyEl);\n\n    if (cellContainer.style.height && expanded) {\n      cellContainer.style.height = \"inherit\";\n    }\n  }\n\n  @Listen(\"icPageChange\")\n  handlePageChange({ detail, target }: CustomEvent<{ value: number }>): void {\n    if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n      this.fromRow = (detail.value - 1) * this.rowsPerPage;\n      this.toRow = this.fromRow + this.rowsPerPage;\n      const tableRowsContainer = this.el.shadowRoot.querySelector(\n        \".table-row-container\"\n      );\n      if (this.previousRowsPerPage === this.rowsPerPage) {\n        tableRowsContainer.scrollTop = 0;\n      } else if (this.previousRowsPerPage < this.rowsPerPage) {\n        tableRowsContainer.scrollTop = this.scrollOffset;\n        this.previousRowsPerPage = this.rowsPerPage;\n      } else {\n        this.previousRowsPerPage = this.rowsPerPage;\n      }\n    }\n\n    if (!this.initialLoad && this.previousPaginationPage !== detail.value) {\n      // This is to prevent icPageChange from triggering truncation on first load\n      this.icPageChangeEvent = true;\n    }\n\n    this.previousPaginationPage = detail.value;\n    this.initialLoad = false;\n  }\n\n  @Listen(\"icItemsPerPageChange\")\n  handleItemsPerPageChange({\n    detail,\n    target,\n  }: CustomEvent<{ value: number }>): void {\n    if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n      this.previousRowsPerPage = this.rowsPerPage;\n      this.rowsPerPage = detail.value;\n    }\n\n    this.itemsPerPageChange = true;\n  }\n\n  @Listen(\"icTableDensityUpdate\")\n  handleDensityChange(ev: CustomEvent<IcDensityUpdateEventDetail>): void {\n    this.density = ev.detail.value;\n  }\n\n  @Listen(\"click\", { target: \"window\" })\n  clickListener(ev: MouseEvent): void {\n    if (ev.target !== this.el) this.selectedRow = undefined;\n  }\n\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    if (newValue) this.startLoadingTimer();\n\n    if (this.loading) {\n      setTimeout(() => {\n        this.showLoadingIndicator();\n      }, 500);\n    }\n  }\n\n  @Watch(\"truncationPattern\")\n  truncationPatternHandler(newValue: IcDataTableTruncationTypes): void {\n    if (newValue === this.SHOW_HIDE_STRING) {\n      this.updateTruncationTooltip(true);\n\n      // Not using debounceDataTruncation here due to resizeObserver not being triggered\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n\n          this.truncate(typographyEl, cellContainer, tooltip);\n        }\n      );\n    }\n\n    if (newValue === this.TOOLTIP_STRING) {\n      // ResizeObserver is trigger here due to the see more/see less links being removed.\n      // The resizeObserver will also apply the tooltip where relevant\n      this.resetShowHideTruncation();\n    }\n  }\n\n  @Watch(\"data\")\n  async dataHandler(newData: { [key: string]: any }[]) {\n    this.loadingOptions = {\n      ...this.loadingOptions,\n      showBackground: newData?.length > 0,\n    };\n    if (this.loading) {\n      !this.hasLoadedForOneSecond\n        ? setTimeout(\n            () => (this.loading = false),\n            this.minimumLoadingDisplayDuration -\n              (Date.now() - this.timerStarted)\n          )\n        : (this.loading = false);\n    }\n    if (this.updating) this.updating = false;\n\n    this.dataUpdated = true;\n  }\n\n  @Watch(\"density\")\n  async densityHandler() {\n    this.densityUpdate = true;\n  }\n\n  private removeTextWrap = (): void => {\n    this.getTypographyElements().forEach(\n      (typographyEl: HTMLIcTypographyElement) => {\n        const tableCell = typographyEl.closest(\"td\");\n        if (tableCell.classList.contains(this.TEXT_WRAP_STRING)) {\n          tableCell.classList.remove(this.TEXT_WRAP_STRING);\n        }\n      }\n    );\n  };\n\n  private getCellContainer = (\n    typographyEl: HTMLIcTypographyElement\n  ): HTMLElement => {\n    return typographyEl.closest(\".cell-container\");\n  };\n\n  private deleteTextWrapDataKey = (\n    array: IcDataTableColumnObject[] | object[]\n  ) =>\n    Array.isArray(array) &&\n    array.forEach((val) => val.textWrap && delete val.textWrap);\n\n  private resetShowHideTruncation(typographyEl?: HTMLIcTypographyElement) {\n    if (typographyEl) {\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      if (\n        truncWrapper?.scrollHeight > cellContainer?.clientHeight &&\n        !isEmptyString(typographyEl.getAttribute(\"max-lines\")) &&\n        Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT) !==\n          +typographyEl.getAttribute(\"max-lines\")\n      ) {\n        typographyEl.checkMaxLines(truncWrapper.scrollHeight);\n        typographyEl.setAttribute(\n          \"max-lines\",\n          `${Math.floor(\n            cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT\n          )}`\n        );\n        typographyEl.setShowHideExpanded(false);\n\n        cellContainer.style.height = null;\n      } else {\n        typographyEl.resetTruncation().then(() => {\n          cellContainer.style.setProperty(\n            \"height\",\n            cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n          );\n        });\n      }\n    } else {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        typographyEl.resetTruncation().then(() => {\n          cellContainer.style.setProperty(\n            \"height\",\n            cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n          );\n        });\n      });\n    }\n  }\n\n  @Watch(\"globalRowHeight\")\n  @Watch(\"variableRowHeight\")\n  rowHeightChangeHandler(newValue: number, oldValue: number): void {\n    if (+newValue !== +oldValue) {\n      this.deleteTextWrapDataKey(this.data);\n      this.deleteTextWrapDataKey(this.columns);\n      this.removeTextWrap();\n\n      this.icRowHeightChange.emit();\n\n      this.rowHeightSet = true;\n    }\n  }\n\n  /**\n   * Resets the `globalRowHeight` prop to number or auto and sets the `variableRowHeight` prop to `null`.\n   */\n  @Method()\n  async resetRowHeights(rowHeight?: number | \"auto\"): Promise<void> {\n    this.globalRowHeight = rowHeight || \"auto\";\n    this.variableRowHeight = null;\n  }\n\n  private showLoadingIndicator() {\n    this.loadingIndicator.classList.add(\"show\");\n  }\n\n  private startLoadingTimer = (): void => {\n    this.hasLoadedForOneSecond = false;\n    this.timerStarted = Date.now();\n    setTimeout(() => {\n      this.hasLoadedForOneSecond = true;\n      this.timerStarted = null;\n    }, this.minimumLoadingDisplayDuration);\n  };\n\n  private isObject = (value: any) => typeof value === \"object\";\n\n  private notDefaultDensity = () => this.density !== \"default\";\n\n  private getCellContent = (\n    cell: any,\n    dataType: IcDataTableColumnDataTypes\n  ): any => {\n    switch (dataType) {\n      case \"element\":\n        return undefined;\n      case \"date\":\n        return (\n          cell instanceof Date ? cell : new Date(cell)\n        ).toLocaleDateString();\n      default:\n        return cell;\n    }\n  };\n\n  private getCellAlignment = (\n    cell: any,\n    alignment: \"horizontal\" | \"vertical\"\n  ) => {\n    if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n      return this.getObjectValue(\n        this.getObjectValue(cell, \"cellAlignment\"),\n        alignment\n      );\n    }\n  };\n\n  private getCellOptions = (cell: any, key: string) => {\n    if (!(this.isObject(cell) && Object.keys(cell).includes(key))) return;\n\n    return this.getObjectValue(cell, key);\n  };\n\n  private createUpdatingIndicator = () => {\n    const { appearance, description, max, min, progress } =\n      this.updatingOptions || {};\n    return (\n      <th colSpan={this.columns.length} class=\"updating-state\">\n        <ic-loading-indicator\n          appearance={appearance}\n          description={description || \"Updating table data\"}\n          fullWidth={true}\n          max={max}\n          min={min}\n          progress={progress}\n          type=\"linear\"\n          size=\"small\"\n        ></ic-loading-indicator>\n      </th>\n    );\n  };\n\n  private setRowHeight = (height: number) => {\n    return pxToRem(\n      `${\n        height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n        this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n      }px`\n    );\n  };\n\n  private setTruncationClass = () => {\n    if (this.truncationPattern) {\n      return { [`truncation-${this.truncationPattern}`]: true };\n    }\n\n    return {};\n  };\n\n  private createCells = (row: object, rowIndex: number) => {\n    const rowValues = Object.values(row);\n    const rowKeys = Object.keys(row);\n    const index = rowIndex;\n\n    const rowOptions = this.getRowOptions(rowKeys, rowValues);\n    let rowAlignment: string;\n    let rowEmphasis: string;\n\n    const headerIndex = rowKeys.indexOf(\"header\");\n    if (headerIndex > -1) {\n      rowAlignment = this.getObjectValue(\n        rowValues[headerIndex],\n        \"rowAlignment\"\n      );\n      rowEmphasis = this.getObjectValue(rowValues[headerIndex], \"emphasis\");\n    }\n\n    const variableRowHeightVal = this.variableRowHeight?.({\n      ...row,\n      index,\n    });\n    const currentRowHeight = variableRowHeightVal\n      ? variableRowHeightVal !== \"auto\" && variableRowHeightVal\n      : this.globalRowHeight !== \"auto\" && this.globalRowHeight;\n\n    return rowValues.map((cell, index) => {\n      const columnProps = this.columns[index];\n      const cellSlotName = `${columnProps?.key}-${rowIndex}`;\n      const hasIcon = this.isObject(cell) && Object.keys(cell).includes(\"icon\");\n      const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n      if (rowKeys[index] === \"header\") {\n        return (\n          <th\n            scope=\"row\"\n            colSpan={cellValue(\"colspan\")}\n            class={{\n              [\"row-header\"]: true,\n              [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n                !!cellValue(\"cellAlignment\"),\n              [\"row-header-sticky\"]: this.stickyRowHeaders,\n            }}\n          >\n            {cellValue(\"title\")}\n          </th>\n        );\n      }\n\n      if (rowKeys[index] !== \"rowOptions\") {\n        return (\n          <td\n            class={{\n              [\"table-cell\"]: true,\n              [`table-density-${this.density}`]: this.notDefaultDensity(),\n            }}\n          >\n            <div\n              innerHTML={\n                columnProps?.dataType === \"element\" &&\n                !isSlotUsed(this.el, cellSlotName)\n                  ? (cell as string)\n                  : null\n              }\n              class={{\n                \"cell-container\": columnProps?.dataType !== \"element\",\n                [`cell-alignment-${\n                  columnProps?.columnAlignment?.vertical ||\n                  rowOptions?.rowAlignment?.vertical ||\n                  rowAlignment ||\n                  this.getCellAlignment(cell, \"vertical\")\n                }`]:\n                  !!columnProps?.columnAlignment?.vertical ||\n                  !!rowOptions?.rowAlignment?.vertical ||\n                  !!rowAlignment ||\n                  !!this.getCellAlignment(cell, \"vertical\"),\n                [`cell-alignment-${\n                  columnProps?.columnAlignment?.horizontal ||\n                  rowOptions?.rowAlignment?.horizontal ||\n                  this.getCellAlignment(cell, \"horizontal\")\n                }`]:\n                  !!columnProps?.columnAlignment?.horizontal ||\n                  !!rowOptions?.rowAlignment?.horizontal ||\n                  !!this.getCellAlignment(cell, \"horizontal\"),\n                [`data-type-${columnProps?.dataType}`]: true,\n                [this.TEXT_WRAP_STRING]:\n                  columnProps?.textWrap ||\n                  rowOptions?.textWrap ||\n                  !!this.getCellOptions(cell, \"textWrap\"),\n                [\"cell-icon\"]: hasIcon || !!columnProps?.icon?.icon,\n                ...this.setTruncationClass(),\n              }}\n              style={{\n                height:\n                  (this.truncationPattern || currentRowHeight) &&\n                  !columnProps.textWrap &&\n                  !rowOptions.textWrap &&\n                  !this.getCellOptions(cell, \"textWrap\") &&\n                  columnProps?.dataType !== \"element\"\n                    ? this.setRowHeight(currentRowHeight)\n                    : null,\n              }}\n              data-row-height={\n                this.truncationPattern || currentRowHeight\n                  ? this.setRowHeight(currentRowHeight)\n                  : null\n              }\n            >\n              {isSlotUsed(this.el, cellSlotName) ? (\n                <slot name={cellSlotName} />\n              ) : (\n                <Fragment>\n                  {isSlotUsed(this.el, `${cellSlotName}-icon`) ? (\n                    <slot name={`${cellSlotName}-icon`} />\n                  ) : (\n                    (hasIcon || columnProps?.icon?.onAllCells) && (\n                      <span\n                        class=\"icon\"\n                        innerHTML={cellValue(\"icon\") || columnProps?.icon.icon}\n                      ></span>\n                    )\n                  )}\n                  {columnProps?.dataType !== \"element\" &&\n                    !isSlotUsed(this.el, cellSlotName) && (\n                      <ic-typography\n                        variant=\"body\"\n                        class={{\n                          [`cell-emphasis-${\n                            (this.isObject(cell) && cellValue(\"emphasis\")) ||\n                            columnProps?.emphasis ||\n                            rowEmphasis\n                          }`]:\n                            (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n                            !!columnProps?.emphasis ||\n                            !!rowEmphasis,\n                          [`text-${this.density}`]: this.notDefaultDensity(),\n                        }}\n                      >\n                        {this.isObject(cell) &&\n                        columnProps?.dataType !== \"date\" ? (\n                          Object.keys(cell).includes(\"href\") ? (\n                            <ic-link href={cellValue(\"href\")}>\n                              {cellValue(\"data\")}\n                            </ic-link>\n                          ) : (\n                            cellValue(\"data\")\n                          )\n                        ) : (\n                          this.getCellContent(cell, columnProps?.dataType)\n                        )}\n                      </ic-typography>\n                    )}\n                </Fragment>\n              )}\n            </div>\n          </td>\n        );\n      }\n    });\n  };\n\n  private createColumnHeaders = () => {\n    return this.columns.map(({ cellAlignment, colspan, icon, key, title }) => (\n      <th\n        scope=\"col\"\n        class={{\n          [\"column-header\"]: true,\n          [`table-density-${this.density}`]: this.notDefaultDensity(),\n          [\"updating-state-headers\"]: this.updating && !this.loading,\n        }}\n        colSpan={colspan}\n      >\n        <div\n          class={{\n            \"column-header-inner-container\": true,\n            [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,\n          }}\n        >\n          {isSlotUsed(this.el, `${key}-column-icon`) ? (\n            <slot name={`${key}-column-icon`} />\n          ) : (\n            icon &&\n            !icon.hideOnHeader && (\n              <span class=\"icon\" innerHTML={icon.icon}></span>\n            )\n          )}\n          <ic-typography\n            variant=\"body\"\n            class={{\n              [\"column-header-text\"]: true,\n              [`text-${this.density}`]: this.notDefaultDensity(),\n            }}\n          >\n            {title}\n          </ic-typography>\n          {this.sortable && (\n            <ic-button\n              variant=\"icon\"\n              id={`sort-button-${key}`}\n              aria-label={this.getSortButtonLabel(key)}\n              // eslint-disable-next-line react/jsx-no-bind\n              onClick={() => this.sortRows(key)}\n              innerHTML={\n                this.SORT_ICONS[\n                  this.sortedColumn === key\n                    ? this.sortedColumnOrder\n                    : \"unsorted\"\n                ]\n              }\n              class={{\n                [\"sort-button\"]: true,\n                [\"sort-button-unsorted\"]:\n                  this.sortedColumn !== key ||\n                  this.sortedColumnOrder === \"unsorted\",\n              }}\n            ></ic-button>\n          )}\n        </div>\n      </th>\n    ));\n  };\n\n  private onRowClick = (row: object) => {\n    this.selectedRow =\n      this.selectedRow !== row && !this.loading && !this.updating && row;\n  };\n\n  private createRows = () => {\n    const data = this.showPagination\n      ? this.data.slice(this.fromRow, this.toRow)\n      : this.data.slice();\n\n    /**\n     * Ensures that createCells has a value in data to map over to actually render the slot.\n     * Removes the need for the user to add it multiple times.\n     */\n    this.columns.forEach(({ key }) => {\n      data.forEach((row, rowIndex) => {\n        const cellSlotName = `${key}-${rowIndex}`;\n        if (isSlotUsed(this.el, cellSlotName)) {\n          row[key] = getSlotContent(this.el, cellSlotName);\n        }\n      });\n    });\n\n    return data\n      .sort(!this.sortable ? undefined : this.getSortFunction())\n      .map((row, index) => {\n        return (\n          <tr\n            // eslint-disable-next-line react/jsx-no-bind\n            onClick={() => this.onRowClick(row)}\n            class={{\n              [\"table-row\"]: true,\n              [\"table-row-selected\"]: this.selectedRow === row,\n            }}\n          >\n            {this.createCells(row, index)}\n          </tr>\n        );\n      });\n  };\n\n  private getObjectValue = (cell: object, key: string) => {\n    return Object.values(cell)[Object.keys(cell).indexOf(key)];\n  };\n\n  private getSortButtonLabel = (key: string) => {\n    let label = \"\";\n    const getNextSortOption = (option: IcDataTableSortOrderOptions) => {\n      const sortOrders = this.sortOptions.sortOrders;\n      return sortOrders[(sortOrders.indexOf(option) + 1) % sortOrders.length];\n    };\n\n    if (this.sortedColumn === key) {\n      const sortOption = getNextSortOption(this.sortedColumnOrder);\n      label = sortOption !== \"unsorted\" ? `Sort ${sortOption}` : \"Remove sort\";\n    } else {\n      label = `Sort ${getNextSortOption(\"unsorted\")}`;\n    }\n\n    return label;\n  };\n\n  private getComparison = (targetRow: any, comparisonRow: any): number => {\n    const targetRowValue = targetRow[this.sortedColumn];\n    const comparisonRowValue = comparisonRow[this.sortedColumn];\n    return this.columns.find((col) => col.key === this.sortedColumn)\n      .dataType === \"date\"\n      ? new Date(targetRowValue).valueOf() -\n          new Date(comparisonRowValue).valueOf()\n      : String(\n          this.isObject(targetRowValue)\n            ? Object.values(targetRowValue)[0]\n            : targetRowValue\n        ).localeCompare(\n          String(\n            this.isObject(comparisonRowValue)\n              ? Object.values(comparisonRowValue)[0]\n              : comparisonRowValue\n          ),\n          undefined,\n          { numeric: true, sensitivity: \"base\" }\n        );\n  };\n\n  private getSortFunction = () => {\n    switch (this.sortedColumnOrder) {\n      case \"ascending\":\n        return (a: any, b: any) => this.getComparison(a, b);\n      case \"descending\":\n        return (a: any, b: any) => this.getComparison(b, a);\n      default:\n        return undefined;\n    }\n  };\n\n  private sortRows = (column: string) => {\n    const sortButton = this.el.shadowRoot.querySelector(\n      `#sort-button-${column}`\n    ) as HTMLIcButtonElement;\n\n    const sortOrders = this.sortOptions.sortOrders;\n\n    if (column !== this.sortedColumn) {\n      if (this.sortedColumn) {\n        const previousSortedButton = this.el.shadowRoot.querySelector(\n          `#sort-button-${this.sortedColumn}`\n        ) as HTMLIcButtonElement;\n        previousSortedButton.setAttribute(\n          \"aria-label\",\n          this.getSortButtonLabel(column)\n        ); // Passing through unsorted column returns correct label for newly unsorted column\n      }\n      this.sortedColumn = column;\n      this.sortedColumnOrder = \"unsorted\";\n    }\n\n    let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n    if (nextSortOrderIndex > sortOrders.length - 1) {\n      nextSortOrderIndex = 0;\n    }\n\n    this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n    sortButton.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n\n    this.tableSorted = true;\n\n    this.icSortChange.emit({\n      columnName: column,\n      sorted: this.sortedColumnOrder,\n    });\n  };\n\n  private getTypographyElements = (): HTMLIcTypographyElement[] => {\n    return Array.from(\n      this.el.shadowRoot.querySelectorAll(\n        \"ic-typography:not(.column-header-text)\"\n      )\n    );\n  };\n\n  private getTooltip = (\n    typographyEl: HTMLIcTypographyElement\n  ): HTMLIcTooltipElement => {\n    return typographyEl.closest(this.TOOLTIP);\n  };\n\n  private updateTruncationTooltip = (removeTooltipOnly: boolean = false) => {\n    this.getTypographyElements().forEach(\n      (typographyEl: HTMLIcTypographyElement) => {\n        const tooltip = this.getTooltip(typographyEl);\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n          this.removeTooltip(cellContainer, typographyEl, tooltip);\n          typographyEl.setAttribute(\"style\", `--ic-line-clamp: 0`);\n          return;\n        }\n\n        this.regenerateTooltip(\n          cellContainer,\n          typographyEl,\n          tooltip,\n          removeTooltipOnly\n        );\n      }\n    );\n  };\n\n  private updateScrollOffset = () => {\n    this.scrollOffset = this.el.shadowRoot.querySelector(\n      \".table-row-container\"\n    ).scrollTop;\n  };\n\n  private getRowOptions(rowKeys: string[], rowValues: any[]) {\n    const rowOptionsIndex = rowKeys.indexOf(\"rowOptions\");\n    return rowOptionsIndex > -1 && rowValues[rowOptionsIndex];\n  }\n\n  private regenerateTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement,\n    removeTooltipOnly?: boolean\n  ) {\n    // When sorting the table, instead of regenerating the tooltip,\n    // the tooltip details are updated\n    if (tooltip) {\n      if (this.tableSorted) {\n        tooltip.setAttribute(\"target\", typographyEl.id);\n        tooltip.setAttribute(\"label\", typographyEl.textContent);\n      } else {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      if (removeTooltipOnly) {\n        return;\n      }\n    }\n\n    // This add line clamp to data only when\n    // the data object has been updated\n    if (!typographyEl.getAttribute(\"style\") && this.dataUpdated) {\n      this.addLineClampCSS(typographyEl, cellContainer);\n    }\n\n    // Adding the tableSorted boolean prevents the tooltip\n    // being regenerated and flashing\n    if (\n      typographyEl?.scrollHeight > cellContainer?.clientHeight &&\n      !this.tableSorted\n    ) {\n      if (!typographyEl.getAttribute(\"style\")) {\n        this.addLineClampCSS(typographyEl, cellContainer);\n      }\n\n      this.createTruncationTooltip(typographyEl, cellContainer);\n    }\n  }\n\n  private removeTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement\n  ) {\n    cellContainer.appendChild(typographyEl);\n    if (tooltip) {\n      tooltip.remove();\n    }\n  }\n\n  private addLineClampCSS(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    typographyEl.setAttribute(\n      \"style\",\n      `--ic-line-clamp: ${this.getLines(cellContainer?.clientHeight)}`\n    );\n  }\n\n  private createTruncationTooltip(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const tooltipEl = document.createElement(\"ic-tooltip\");\n    tooltipEl.setAttribute(\"target\", typographyEl.id);\n    tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n    tooltipEl.classList.add(\"ic-tooltip-overflow\");\n    tooltipEl.setExternalPopperProps({\n      // This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly\n      strategy: \"fixed\",\n    });\n    cellContainer.appendChild(tooltipEl);\n    tooltipEl.appendChild(typographyEl);\n  }\n\n  render() {\n    const {\n      caption,\n      createColumnHeaders,\n      createRows,\n      createUpdatingIndicator,\n      data,\n      hideColumnHeaders,\n      loading,\n      loadingOptions,\n      paginationBarOptions,\n      scrollable,\n      scrollOffset,\n      showPagination,\n      sortable,\n      sortedColumnOrder,\n      sortedColumn,\n      stickyColumnHeaders,\n      updateScrollOffset,\n      updating,\n    } = this;\n\n    return (\n      <div class=\"table-container\">\n        {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n        <div\n          class={{\n            [\"table-row-container\"]: true,\n            scrollable,\n          }}\n          tabIndex={scrollable ? 0 : null}\n          onScroll={updateScrollOffset}\n        >\n          {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n          <table>\n            <caption class=\"table-caption\">{caption}</caption>\n            {!hideColumnHeaders && (\n              <thead\n                class={{\n                  [\"column-header-sticky\"]: stickyColumnHeaders,\n                  [\"column-header-overlay\"]:\n                    stickyColumnHeaders && scrollOffset !== 0,\n                }}\n              >\n                <tr>{createColumnHeaders()}</tr>\n              </thead>\n            )}\n            {updating &&\n              !loading &&\n              (hideColumnHeaders ? (\n                <thead>{createUpdatingIndicator()}</thead>\n              ) : (\n                createUpdatingIndicator()\n              ))}\n            {data?.length > 0 && !loading && <tbody>{createRows()}</tbody>}\n          </table>\n          {!data?.length &&\n            !loading &&\n            (isSlotUsed(this.el, \"empty-state\") ? (\n              <slot name=\"empty-state\" />\n            ) : (\n              <ic-empty-state\n                aligned=\"center\"\n                heading=\"No Data\"\n                class=\"loading-empty\"\n              ></ic-empty-state>\n            ))}\n        </div>\n        {loading && (\n          <ic-loading-indicator\n            appearance={loadingOptions?.appearance}\n            class={{\n              \"loading-empty\": loading,\n              loading: true,\n              \"show-background\": loadingOptions.showBackground,\n            }}\n            description={loadingOptions.description || \"Loading table data\"}\n            label={loadingOptions.label || \"Loading...\"}\n            labelDuration={loadingOptions?.labelDuration}\n            max={loadingOptions?.max}\n            min={loadingOptions?.min}\n            progress={loadingOptions?.progress}\n            ref={(el: HTMLIcLoadingIndicatorElement) =>\n              (this.loadingIndicator = el)\n            }\n          ></ic-loading-indicator>\n        )}\n        {(showPagination || isSlotUsed(this.el, \"pagination-bar\")) && (\n          <div class=\"pagination-container\">\n            {isSlotUsed(this.el, \"pagination-bar\") ? (\n              <slot name=\"pagination-bar\" />\n            ) : (\n              <ic-pagination-bar\n                totalItems={data.length}\n                type={paginationBarOptions.type}\n                rangeLabelType={paginationBarOptions.rangeLabelType}\n                showItemsPerPageControl={\n                  paginationBarOptions.showItemsPerPageControl\n                }\n                showGoToPageControl={paginationBarOptions.showGoToPageControl}\n                itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\n                alignment={paginationBarOptions.alignment}\n                appearance={paginationBarOptions.appearance}\n                itemLabel={paginationBarOptions.itemLabel}\n                pageLabel={paginationBarOptions.pageLabel}\n                hideRangeLabel={paginationBarOptions.hideRangeLabel}\n              ></ic-pagination-bar>\n            )}\n          </div>\n        )}\n        {sortable && (\n          <div class=\"screen-reader-sort-text\" aria-live=\"polite\">\n            {sortedColumnOrder !== \"unsorted\" && sortedColumn\n              ? `${sortedColumn} sorted ${sortedColumnOrder}`\n              : \"table unsorted\"}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}