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

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

@@ -0,0 +1 @@
+{"version":3,"names":["icFooterLinkGroupCss","FooterLinkGroup","constructor","hostRef","this","handleKeydown","event","key","toggleExpanded","expanded","deviceSize","DEVICE_SIZES","XL","dropdownIconStyle","getBrandForegroundAppearance","small","label","undefined","componentWillLoad","isSmall","el","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","footerResizeHandler","footerBrandChangeHandler","ev","detail","mode","e","parentElement","classList","contains","render","h","Host","class","role","variant","onClick","onKeydown","tabindex","fullHeight","xmlns","width","height","preserveAspectRatio","viewBox","fill","d","transform","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css?tag=ic-footer-link-group&encapsulation=shadow","../web-components/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host(.footer-link-group-sparse) {\n  --footer-link-group-margin-right: 5.938rem;\n  --footer-link-group-border-bottom: 0 solid transparent;\n  --footer-link-label-margin-top: 0;\n  --footer-link-label-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-group-small) {\n  --footer-link-group-margin-right: 0;\n  --footer-link-label-margin-top: var(--ic-space-md);\n  --footer-link-label-margin-bottom: var(--ic-space-md);\n  --footer-link-group-links-padding-left: var(--ic-space-md);\n  --footer-link-group-links-padding-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-group-small) {\n  --footer-link-group-border-bottom: var(--ic-space-1px) solid\n    var(--ic-footer-keyline);\n}\n\n:host(.footer-link-group) {\n  margin-right: var(--footer-link-group-margin-right);\n  border-bottom: var(--footer-link-group-border-bottom);\n}\n\n:host(.footer-link-group-small:hover) {\n  background-color: var(--ic-footer-hover);\n  cursor: pointer;\n}\n\n:host(.footer-link-group-sparse:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\n:host(.footer-link-group-small:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\n:host(.footer-link-group-small:active) {\n  background-color: var(--ic-footer-pressed);\n}\n\n:host ic-section-container {\n  outline: none;\n}\n\n.footer-link-label {\n  margin-top: var(--footer-link-label-margin-top);\n  margin-bottom: var(--footer-link-label-margin-bottom);\n  flex-grow: 1;\n}\n\n.footer-link-group-toggle {\n  fill: var(--ic-footer-chevron-icon) !important;\n}\n\n.footer-link-group-links {\n  display: flex;\n  flex-direction: column;\n}\n\n.footer-link-group-header {\n  display: flex;\n  align-items: center;\n}\n\nic-typography {\n  --ic-typography-color: var(--ic-footer-link);\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getBrandForegroundAppearance, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nexport class FooterLinkGroup {\n    constructor() {\n        this.handleKeydown = (event) => {\n            if (event.key === \" \" || event.key === \"Enter\") {\n                this.toggleExpanded();\n            }\n        };\n        this.toggleExpanded = () => {\n            this.expanded = !this.expanded;\n        };\n        this.expanded = false;\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.dropdownIconStyle = getBrandForegroundAppearance();\n        this.small = false;\n        this.label = undefined;\n    }\n    componentWillLoad() {\n        this.small = this.isSmall(this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Footer Link Group\");\n    }\n    footerResizeHandler() {\n        this.small = this.isSmall(this.el);\n    }\n    footerBrandChangeHandler(ev) {\n        this.dropdownIconStyle = ev.detail.mode;\n    }\n    isSmall(e) {\n        if (e.parentElement !== null) {\n            if (e.parentElement.classList.contains(\"ic-footer\")) {\n                return e.parentElement.classList.contains(\"ic-footer-small\");\n            }\n            else {\n                return this.isSmall(e.parentElement);\n            }\n        }\n        else {\n            return false;\n        }\n    }\n    render() {\n        const { small, label } = this;\n        return !small ? (h(Host, { class: {\n                [\"footer-link-group footer-link-group-sparse\"]: true,\n                [`footer-link-group-${this.dropdownIconStyle}`]: true,\n            }, role: \"listitem\" }, h(\"div\", { class: \"footer-link-label\" }, h(\"ic-typography\", { variant: \"subtitle-small\" }, label)), h(\"div\", { class: \"footer-link-group-links\", role: \"list\" }, h(\"slot\", null)))) : (h(Host, { class: {\n                [\"footer-link-group footer-link-group-small\"]: true,\n                [`footer-link-group-${this.dropdownIconStyle}`]: true,\n            }, onClick: this.toggleExpanded, onKeydown: this.handleKeydown, \"aria-expanded\": this.expanded, role: \"listitem\" }, h(\"ic-section-container\", { tabindex: \"0\", fullHeight: true }, h(\"div\", { class: \"footer-link-group-header\" }, h(\"div\", { class: \"footer-link-label\" }, h(\"ic-typography\", { variant: \"label\" }, label)), this.expanded ? (h(\"svg\", { class: \"footer-link-group-toggle\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-hidden\": \"true\", role: \"img\", width: \"1em\", height: \"1em\", preserveAspectRatio: \"xMidYMid meet\", viewBox: \"0 0 1200 1200\" }, h(\"path\", { fill: \"currentColor\", d: \"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z\" }))) : (h(\"svg\", { class: \"footer-link-group-toggle\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-hidden\": \"true\", role: \"img\", width: \"1em\", height: \"1em\", preserveAspectRatio: \"xMidYMid meet\", viewBox: \"0 0 1200 1200\" }, h(\"g\", { transform: \"translate(0 1200) scale(1 -1)\" }, h(\"path\", { fill: \"currentColor\", d: \"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z\" }))))), this.expanded && (h(\"div\", { class: \"footer-link-group-links\", role: \"list\" }, h(\"slot\", null))))));\n    }\n    static get is() { return \"ic-footer-link-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-footer-link-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-footer-link-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title of the link group to be displayed.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"expanded\": {},\n            \"deviceSize\": {},\n            \"dropdownIconStyle\": {},\n            \"small\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"footerResized\",\n                \"method\": \"footerResizeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"brandChange\",\n                \"method\": \"footerBrandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-footer-link-group.js.map\n"],"mappings":"2GAAA,MAAMA,EAAuB,u/H,MCEhBC,EAAe,MACxB,WAAAC,CAAAC,G,UACIC,KAAKC,cAAiBC,IAClB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAC5CH,KAAKI,gB,GAGbJ,KAAKI,eAAiB,KAClBJ,KAAKK,UAAYL,KAAKK,QAAQ,EAElCL,KAAKK,SAAW,MAChBL,KAAKM,WAAaC,EAAaC,GAC/BR,KAAKS,kBAAoBC,IACzBV,KAAKW,MAAQ,MACbX,KAAKY,MAAQC,S,CAEjB,iBAAAC,GACId,KAAKW,MAAQX,KAAKe,QAAQf,KAAKgB,G,CAEnC,gBAAAC,GACIC,EAAiC,CAAC,CAAEC,KAAMnB,KAAKY,MAAOQ,SAAU,UAAY,oB,CAEhF,mBAAAC,GACIrB,KAAKW,MAAQX,KAAKe,QAAQf,KAAKgB,G,CAEnC,wBAAAM,CAAyBC,GACrBvB,KAAKS,kBAAoBc,EAAGC,OAAOC,I,CAEvC,OAAAV,CAAQW,GACJ,GAAIA,EAAEC,gBAAkB,KAAM,CAC1B,GAAID,EAAEC,cAAcC,UAAUC,SAAS,aAAc,CACjD,OAAOH,EAAEC,cAAcC,UAAUC,SAAS,kB,KAEzC,CACD,OAAO7B,KAAKe,QAAQW,EAAEC,c,MAGzB,CACD,OAAO,K,EAGf,MAAAG,GACI,MAAMnB,MAAEA,EAAKC,MAAEA,GAAUZ,KACzB,OAAQW,EAASoB,EAAEC,EAAM,CAAEC,MAAO,CAC1B,CAAC,8CAA+C,KAChD,CAAC,qBAAqBjC,KAAKS,qBAAsB,MAClDyB,KAAM,YAAcH,EAAE,MAAO,CAAEE,MAAO,qBAAuBF,EAAE,gBAAiB,CAAEI,QAAS,kBAAoBvB,IAASmB,EAAE,MAAO,CAAEE,MAAO,0BAA2BC,KAAM,QAAUH,EAAE,OAAQ,QAAYA,EAAEC,EAAM,CAAEC,MAAO,CAC3N,CAAC,6CAA8C,KAC/C,CAAC,qBAAqBjC,KAAKS,qBAAsB,MAClD2B,QAASpC,KAAKI,eAAgBiC,UAAWrC,KAAKC,cAAe,gBAAiBD,KAAKK,SAAU6B,KAAM,YAAcH,EAAE,uBAAwB,CAAEO,SAAU,IAAKC,WAAY,MAAQR,EAAE,MAAO,CAAEE,MAAO,4BAA8BF,EAAE,MAAO,CAAEE,MAAO,qBAAuBF,EAAE,gBAAiB,CAAEI,QAAS,SAAWvB,IAASZ,KAAKK,SAAY0B,EAAE,MAAO,CAAEE,MAAO,2BAA4BO,MAAO,6BAA8B,cAAe,OAAQN,KAAM,MAAOO,MAAO,MAAOC,OAAQ,MAAOC,oBAAqB,gBAAiBC,QAAS,iBAAmBb,EAAE,OAAQ,CAAEc,KAAM,eAAgBC,EAAG,8IAAmJf,EAAE,MAAO,CAAEE,MAAO,2BAA4BO,MAAO,6BAA8B,cAAe,OAAQN,KAAM,MAAOO,MAAO,MAAOC,OAAQ,MAAOC,oBAAqB,gBAAiBC,QAAS,iBAAmBb,EAAE,IAAK,CAAEgB,UAAW,iCAAmChB,EAAE,OAAQ,CAAEc,KAAM,eAAgBC,EAAG,gJAAmJ9C,KAAKK,UAAa0B,EAAE,MAAO,CAAEE,MAAO,0BAA2BC,KAAM,QAAUH,EAAE,OAAQ,Q,CAInwC,yBAAWiB,GAAmB,OAAO,IAAK,C"}

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

@@ -0,0 +1,2 @@
+import{r as i,h as e,H as t,g as s}from"./p-8455d1bb.js";import{q as a,i as r,a as c}from"./p-a04712b9.js";const h=':host{display:block;width:var(--tree-view-width, 100%);background-color:var(--ic-tree-view-background)}:host .heading-area-container{border-bottom:var(--ic-space-1px) solid var(--ic-tree-view-divider);display:flex;align-items:center;min-height:calc(\n    var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px)\n  );padding:0 var(--ic-space-xs);--ic-typography-color:var(--ic-tree-view-text)}:host(.ic-tree-view-small) .heading-area-container{min-height:calc(var(--ic-space-xl) - var(--ic-space-1px))}:host(.ic-tree-view-large) .heading-area-container{min-height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}:host(.ic-tree-view-truncate) .heading-area-container{height:calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px))}:host(.ic-tree-view-truncate.ic-tree-view-small) .heading-area-container{height:calc(var(--ic-space-xl) - var(--ic-space-1px))}:host(.ic-tree-view-truncate.ic-tree-view-large) .heading-area-container{height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}.icon-container{width:var(--ic-space-lg);min-width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}:host(.ic-tree-view-small) .icon-container{margin:0 var(--ic-space-xxs) 0 0}.ic-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ic-tooltip-overflow{overflow:hidden}.tree-view-header.with-padding{padding-right:var(--ic-space-xs)}.tree-items-container-hidden{visibility:hidden}::slotted([slot="icon"]){fill:var(--ic-tree-view-icon)}@media (forced-colors: active){::slotted([slot="icon"]){fill:currentcolor}}';let n=0;const o=class{constructor(e){i(this,e);this.treeViewId=`ic-tree-view-${n++}`;this.treeItemTag="IC-TREE-ITEM";this.hostMutationObserver=null;this.isLoaded=false;this.handleKeyDown=i=>{var e;const t=this.treeItems.indexOf(this.treeItems.filter((i=>i===document.activeElement))[0]);const s=(e=this.treeItems[t])===null||e===void 0?void 0:e.expanded;switch(i.key){case"ArrowDown":this.treeItems[this.getNextItemToSelect(t,true)].setFocus();if(t!==this.treeItems.length-1){i.preventDefault()}break;case"ArrowUp":this.treeItems[this.getNextItemToSelect(t,false)].setFocus();if(t!==0){i.preventDefault()}break;case"ArrowRight":if(this.treeItems[t].isParent&&!s){this.treeItems[t].expanded=true;this.treeItems[t].hasParentExpanded=true;this.treeItems[t].updateAriaLabel()}else if(this.treeItems[t].isParent&&s){this.treeItems[t].children[0].setFocus()}i.preventDefault();break;case"ArrowLeft":if(this.treeItems[t].isParent&&s){this.treeItems[t].expanded=false;this.treeItems[t].hasParentExpanded=false;this.treeItems[t].updateAriaLabel()}else if(this.treeItems[t].parentElement.tagName===this.treeItemTag){this.treeItems[t].parentElement.setFocus()}i.preventDefault();break}};this.getNextItemToSelect=(i,e)=>{const t=this.treeItems.length-1;if(i<1){i=0}let s=e?i+1:i-1;if(s<0){s=0}else if(s>t){s=t}const a=t+1;let r=0;while(r<a){if(s<0||s>t){return i}if(!this.treeItems[s].disabled&&(this.treeItems[s].parentElement.tagName!==this.treeItemTag||this.treeItems[s].parentElement.expanded)){return s}if(s===t&&this.treeItems[s].disabled){return i}s=e?s+1:s-1;r++}return i};this.linkTreeItems=()=>{this.treeItems.forEach((i=>{i.setAttribute("context-id",this.treeViewId)}))};this.setTreeItems=()=>{this.treeItems=this.getAllTreeItems(this.el);this.linkTreeItems()};this.addSlotChangeListener=()=>{this.el.addEventListener("slotchange",this.setTreeItems)};this.truncateTreeViewHeading=()=>{const i=this.el.shadowRoot.querySelector(".tree-view-header");const e=i===null||i===void 0?void 0:i.closest("ic-tooltip");const t=this.el.shadowRoot.querySelector(".heading-area-container");if((i===null||i===void 0?void 0:i.scrollHeight)>(t===null||t===void 0?void 0:t.clientHeight)){i.classList.add("ic-text-overflow");if(!e){const e=document.createElement("ic-tooltip");e.setAttribute("target",this.el.id);e.setAttribute("label",i.textContent);e.classList.add("ic-tooltip-overflow");e.setAttribute("placement","right");t.appendChild(e);e.appendChild(i)}}};this.isHeadingDefined=()=>a(this.heading)&&this.heading!==null;this.hasHeadingAreaContent=()=>r(this.el,"heading")||this.isHeadingDefined()||r(this.el,"icon");this.treeItems=undefined;this.focusInset=false;this.heading="";this.size="medium";this.theme="inherit";this.truncateHeading=false;this.truncateTreeItems=false}watchFocusInsetHandler(){this.treeItems.forEach((i=>{i.focusInset=this.focusInset}))}watchSizeHandler(){this.treeItems.forEach((i=>{i.size=this.size}))}watchThemeHandler(){this.treeItems.forEach((i=>{i.theme=this.theme}))}watchTruncateTreeItemsHandler(){this.treeItems.forEach((i=>{if(i.truncateTreeItem===undefined){i.truncateTreeItem=this.truncateTreeItems}}))}disconnectedCallback(){var i,e;(i=this.el)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.setTreeItems);(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.setTreeItems();this.watchSizeHandler();this.watchFocusInsetHandler();this.watchThemeHandler();this.watchTruncateTreeItemsHandler()}componentDidRender(){this.truncateHeading&&this.truncateTreeViewHeading()}componentDidLoad(){this.addSlotChangeListener();this.hostMutationObserver=new MutationObserver((i=>c(i,"icon",this)));this.hostMutationObserver.observe(this.el,{childList:true});this.isLoaded=true}handleTreeItemSelected(i){this.treeItems.forEach((e=>{if(e.selected&&e.id!==i.detail.id){e.selected=false}}))}getAllTreeItems(i){const e=[];const t=i=>{Array.from(i.children).forEach((i=>{if(i.tagName===this.treeItemTag){e.push(i)}t(i)}))};t(i);return e}render(){const{heading:i,isLoaded:s,size:a,theme:c,truncateHeading:h}=this;return e(t,{"context-id":this.treeViewId,class:{[`ic-tree-view-${a}`]:a!=="medium",[`ic-theme-${c}`]:c!=="inherit","ic-tree-view-truncate":h},onKeyDown:this.handleKeyDown,"aria-label":this.isHeadingDefined()?i:null},this.hasHeadingAreaContent()&&e("div",{class:"heading-area-container"},r(this.el,"icon")&&e("div",{class:"icon-container"},e("slot",{name:"icon"})),e("ic-typography",{variant:"subtitle-large",class:{"tree-view-header":true,"with-padding":this.truncateHeading&&!s}},r(this.el,"heading")?e("slot",{name:"heading"}):i)),e("slot",null))}get el(){return s(this)}static get watchers(){return{focusInset:["watchFocusInsetHandler"],size:["watchSizeHandler"],theme:["watchThemeHandler"],truncateTreeItems:["watchTruncateTreeItemsHandler"]}}};o.style=h;export{o as ic_tree_view};
+//# sourceMappingURL=p-a707b036.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icTreeViewCss","treeViewIds","TreeView","this","treeViewId","treeItemTag","hostMutationObserver","isLoaded","handleKeyDown","event","focussedChild","treeItems","indexOf","filter","el","document","activeElement","expanded","_a","key","getNextItemToSelect","setFocus","length","preventDefault","isParent","hasParentExpanded","updateAriaLabel","children","parentElement","tagName","currentItem","movingDown","numItems","nextItem","maxAttempts","attempts","disabled","linkTreeItems","forEach","treeItem","setAttribute","setTreeItems","getAllTreeItems","addSlotChangeListener","addEventListener","truncateTreeViewHeading","typographyEl","shadowRoot","querySelector","tooltip","closest","headingContainer","scrollHeight","clientHeight","classList","add","tooltipEl","createElement","id","textContent","appendChild","isHeadingDefined","isPropDefined","heading","hasHeadingAreaContent","isSlotUsed","watchFocusInsetHandler","focusInset","watchSizeHandler","size","watchThemeHandler","theme","watchTruncateTreeItemsHandler","truncateTreeItem","undefined","truncateTreeItems","disconnectedCallback","removeEventListener","_b","disconnect","componentWillLoad","componentDidRender","truncateHeading","componentDidLoad","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","handleTreeItemSelected","selected","detail","element","collectTreeItems","Array","from","child","push","render","h","Host","class","onKeyDown","name","variant"],"sources":["src/components/ic-tree-view/ic-tree-view.css?tag=ic-tree-view&encapsulation=shadow","src/components/ic-tree-view/ic-tree-view.tsx"],"sourcesContent":["/**\n* @prop --tree-view-width: Width of the tree view\n*/\n\n:host {\n  display: block;\n  width: var(--tree-view-width, 100%);\n  background-color: var(--ic-tree-view-background);\n}\n\n:host .heading-area-container {\n  border-bottom: var(--ic-space-1px) solid var(--ic-tree-view-divider);\n  display: flex;\n  align-items: center;\n  min-height: calc(\n    var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px)\n  );\n  padding: 0 var(--ic-space-xs);\n\n  --ic-typography-color: var(--ic-tree-view-text);\n}\n\n:host(.ic-tree-view-small) .heading-area-container {\n  min-height: calc(var(--ic-space-xl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-large) .heading-area-container {\n  min-height: calc(var(--ic-space-xxl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate) .heading-area-container {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate.ic-tree-view-small) .heading-area-container {\n  height: calc(var(--ic-space-xl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate.ic-tree-view-large) .heading-area-container {\n  height: calc(var(--ic-space-xxl) - var(--ic-space-1px));\n}\n\n.icon-container {\n  width: var(--ic-space-lg);\n  min-width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin: 0 var(--ic-space-xs) 0 0;\n}\n\n:host(.ic-tree-view-small) .icon-container {\n  margin: 0 var(--ic-space-xxs) 0 0;\n}\n\n.ic-text-overflow {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n}\n\n/* Ensures truncation works - accounts for text width increase as component hydrates */\n.tree-view-header.with-padding {\n  padding-right: var(--ic-space-xs);\n}\n\n.tree-items-container-hidden {\n  visibility: hidden;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tree-view-icon);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Host,\n  Watch,\n  State,\n  Listen,\n} from \"@stencil/core\";\nimport { IcSizes, IcThemeMode } from \"../../utils/types\";\nimport {\n  isPropDefined,\n  isSlotUsed,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\n\nlet treeViewIds = 0;\n\n/**\n * @slot heading - Content is set as the tree view heading.\n * @slot icon - Content is placed to the left of the heading.\n */\n\n@Component({\n  tag: \"ic-tree-view\",\n  styleUrl: \"ic-tree-view.css\",\n  shadow: true,\n})\nexport class TreeView {\n  private treeViewId = `ic-tree-view-${treeViewIds++}`;\n  private treeItemTag = \"IC-TREE-ITEM\";\n  private hostMutationObserver: MutationObserver = null;\n  private isLoaded = false;\n\n  @Element() el: HTMLIcTreeViewElement;\n\n  @State() treeItems: HTMLIcTreeItemElement[];\n\n  /**\n   * If `true`, tree items will have inset focus.\n   */\n  @Prop() focusInset?: boolean = false;\n  @Watch(\"focusInset\")\n  watchFocusInsetHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.focusInset = this.focusInset;\n    });\n  }\n\n  /**\n   * The heading of the tree view.\n   */\n  @Prop() heading?: string = \"\";\n\n  /**\n   * The size of the tree view.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n  @Watch(\"size\")\n  watchSizeHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.size = this.size;\n    });\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.theme = this.theme;\n    });\n  }\n\n  /**\n   * If `true`, the tree view heading will be truncated instead of text wrapping.\n   */\n  @Prop() truncateHeading?: boolean = false;\n\n  /**\n   * If `true`, tree items will be truncated, unless they are individually overridden.\n   */\n  @Prop() truncateTreeItems?: boolean = false;\n  @Watch(\"truncateTreeItems\")\n  watchTruncateTreeItemsHandler() {\n    this.treeItems.forEach((treeItem) => {\n      if (treeItem.truncateTreeItem === undefined) {\n        treeItem.truncateTreeItem = this.truncateTreeItems;\n      }\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.el?.removeEventListener(\"slotchange\", this.setTreeItems);\n\n    this.hostMutationObserver?.disconnect();\n  }\n  componentWillLoad(): void {\n    this.setTreeItems();\n\n    this.watchSizeHandler();\n    this.watchFocusInsetHandler();\n    this.watchThemeHandler();\n    this.watchTruncateTreeItemsHandler();\n  }\n\n  componentDidRender(): void {\n    this.truncateHeading && this.truncateTreeViewHeading();\n  }\n\n  componentDidLoad(): void {\n    this.addSlotChangeListener();\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"icon\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n\n    this.isLoaded = true;\n  }\n\n  @Listen(\"icTreeItemSelected\")\n  handleTreeItemSelected(event: CustomEvent): void {\n    this.treeItems.forEach((treeItem) => {\n      if (treeItem.selected && treeItem.id !== event.detail.id) {\n        treeItem.selected = false;\n      }\n    });\n  }\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    const focussedChild = this.treeItems.indexOf(\n      this.treeItems.filter((el) => el === document.activeElement)[0]\n    );\n    const expanded = this.treeItems[focussedChild]?.expanded;\n    switch (event.key) {\n      case \"ArrowDown\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, true)\n        ].setFocus();\n        if (focussedChild !== this.treeItems.length - 1) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowUp\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, false)\n        ].setFocus();\n        if (focussedChild !== 0) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        if (this.treeItems[focussedChild].isParent && !expanded) {\n          this.treeItems[focussedChild].expanded = true;\n          this.treeItems[focussedChild].hasParentExpanded = true;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (this.treeItems[focussedChild].isParent && expanded) {\n          (\n            this.treeItems[focussedChild].children[0] as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n      case \"ArrowLeft\":\n        if (this.treeItems[focussedChild].isParent && expanded) {\n          this.treeItems[focussedChild].expanded = false;\n          this.treeItems[focussedChild].hasParentExpanded = false;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (\n          this.treeItems[focussedChild].parentElement.tagName ===\n          this.treeItemTag\n        ) {\n          (\n            this.treeItems[focussedChild].parentElement as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n    }\n  };\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numItems = this.treeItems.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n    if (nextItem < 0) {\n      nextItem = 0;\n    } else if (nextItem > numItems) {\n      nextItem = numItems;\n    }\n\n    const maxAttempts = numItems + 1;\n    let attempts = 0;\n\n    while (attempts < maxAttempts) {\n      if (nextItem < 0 || nextItem > numItems) {\n        return currentItem;\n      }\n\n      if (\n        !this.treeItems[nextItem].disabled &&\n        (this.treeItems[nextItem].parentElement.tagName !== this.treeItemTag ||\n          (this.treeItems[nextItem].parentElement as HTMLIcTreeItemElement)\n            .expanded)\n      ) {\n        return nextItem;\n      }\n\n      if (nextItem === numItems && this.treeItems[nextItem].disabled) {\n        return currentItem;\n      }\n\n      nextItem = movingDown ? nextItem + 1 : nextItem - 1;\n      attempts++;\n    }\n\n    return currentItem;\n  };\n\n  private linkTreeItems = () => {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.setAttribute(\"context-id\", this.treeViewId);\n    });\n  };\n\n  private setTreeItems = () => {\n    this.treeItems = this.getAllTreeItems(this.el as HTMLElement);\n\n    this.linkTreeItems();\n  };\n\n  private getAllTreeItems(element: HTMLElement): HTMLIcTreeItemElement[] {\n    const treeItems: HTMLIcTreeItemElement[] = [];\n\n    const collectTreeItems = (el: HTMLElement) => {\n      Array.from(el.children).forEach((child) => {\n        if (child.tagName === this.treeItemTag) {\n          treeItems.push(child as HTMLIcTreeItemElement);\n        }\n\n        collectTreeItems(child as HTMLElement);\n      });\n    };\n\n    collectTreeItems(element);\n    return treeItems;\n  }\n\n  private addSlotChangeListener = () => {\n    this.el.addEventListener(\"slotchange\", this.setTreeItems);\n  };\n\n  private truncateTreeViewHeading = () => {\n    const typographyEl: HTMLIcTypographyElement =\n      this.el.shadowRoot.querySelector(\".tree-view-header\");\n    const tooltip = typographyEl?.closest(\"ic-tooltip\");\n    const headingContainer: HTMLElement = this.el.shadowRoot.querySelector(\n      \".heading-area-container\"\n    );\n\n    if (typographyEl?.scrollHeight > headingContainer?.clientHeight) {\n      typographyEl.classList.add(\"ic-text-overflow\");\n\n      if (!tooltip) {\n        const tooltipEl = document.createElement(\"ic-tooltip\");\n        tooltipEl.setAttribute(\"target\", this.el.id);\n        tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n        tooltipEl.classList.add(\"ic-tooltip-overflow\");\n        tooltipEl.setAttribute(\"placement\", \"right\");\n        headingContainer.appendChild(tooltipEl);\n        tooltipEl.appendChild(typographyEl);\n      }\n    }\n  };\n\n  private isHeadingDefined = () =>\n    isPropDefined(this.heading) && this.heading !== null;\n\n  private hasHeadingAreaContent = (): boolean => {\n    return (\n      isSlotUsed(this.el, \"heading\") ||\n      this.isHeadingDefined() ||\n      isSlotUsed(this.el, \"icon\")\n    );\n  };\n\n  render() {\n    const { heading, isLoaded, size, theme, truncateHeading } = this;\n\n    return (\n      <Host\n        context-id={this.treeViewId}\n        class={{\n          [`ic-tree-view-${size}`]: size !== \"medium\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-tree-view-truncate\": truncateHeading,\n        }}\n        onKeyDown={this.handleKeyDown}\n        aria-label={this.isHeadingDefined() ? heading : null}\n      >\n        {this.hasHeadingAreaContent() && (\n          <div class=\"heading-area-container\">\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon-container\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography\n              variant=\"subtitle-large\"\n              class={{\n                \"tree-view-header\": true,\n                \"with-padding\": this.truncateHeading && !isLoaded,\n              }}\n            >\n              {isSlotUsed(this.el, \"heading\") ? (\n                <slot name=\"heading\" />\n              ) : (\n                heading\n              )}\n            </ic-typography>\n          </div>\n        )}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as i,h as t,H as e,g as o}from"./p-8455d1bb.js";import{D as n,g as s,e as a,y as r}from"./p-70616efa.js";import{C as h}from"./p-170ddfc2.js";const d='/*! 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;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}:host(.in-side-menu) .navigation-group{height:2.5rem;width:100%;text-align:left}:host(.in-side-menu) .navigation-group .ic-typography-label{width:11.875rem}:host(.in-side-menu) .navigation-group-side-menu{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding-left:var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:"";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu:hover,:host(.in-side-menu) .navigation-group-side-menu:focus{background-color:var(--ic-top-navigation-nav-group-hover);color:var(--ic-top-navigation-nav-group-link);cursor:auto;box-shadow:none;outline:none}:host(.in-side-menu) .navigation-group-side-menu:active{background-color:var(--ic-top-navigation-nav-group-pressed);color:var(--ic-top-navigation-nav-group-link)}:host(.in-side-menu) .navigation-group-side-menu:focus{outline:var(--ic-hc-focus-outline)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}';const c=class{constructor(e){i(this,e);this.allGroupedNavigationItems=[];this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS=100;this.IC_NAVIGATION_ITEM="ic-navigation-item";this.mouseGate=false;this.nodeName="IC-NAVIGATION-GROUP";this.GROUPED_LINKS_WRAPPER_CLASS=".grouped-links-wrapper";this.sideNavExpandHandler=i=>{this.isSideNavExpanded=i.detail.sideNavExpanded;const t=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);if(!t)return;if(this.isSideNavExpanded){if(this.expanded&&this.expandedNavItemsHeight){this.setGroupedLinksElementHeight(t,this.expandedNavItemsHeight)}else if(this.expanded){setTimeout((()=>{this.expandedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(t,this.expandedNavItemsHeight)}),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}}else{if(this.expanded&&this.collapsedNavItemsHeight){this.setGroupedLinksElementHeight(t,this.collapsedNavItemsHeight)}else if(this.expanded){setTimeout((()=>{this.collapsedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(t,this.collapsedNavItemsHeight)}),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}}};this.topNavResizedHandler=({detail:i})=>{var t;const{size:e}=i;if(e!==this.deviceSize){this.deviceSize=e;this.inTopNavSideMenu=e<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||n.L)}};this.setGroupedNavItemTabIndex=i=>{this.el.querySelectorAll(this.IC_NAVIGATION_ITEM).forEach((t=>{const e=t.shadowRoot.querySelector("a")||t.querySelector("a");if(e){e.setAttribute("tabindex",i)}}))};this.toggleGroupedLinkWrapperHeight=(i,t)=>{if(!i)return;if(t){if(this.isSideNavExpanded){this.setGroupedLinksElementHeight(i,this.expandedNavItemsHeight)}else{this.setGroupedLinksElementHeight(i,this.collapsedNavItemsHeight)}this.setGroupedNavItemTabIndex("0")}else{i.style.setProperty("--navigation-child-items-height","0");this.setGroupedNavItemTabIndex("-1")}};this.toggleExpanded=()=>{this.expanded=!this.expanded;const i=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);this.toggleGroupedLinkWrapperHeight(i,this.expanded)};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{const t=i.relatedTarget;if(!this.el.contains(t)){this.hideDropdown()}};this.handleTopNavKeydown=i=>{if(i.key===" "||i.key==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu&&i.key==="Escape"){this.hideDropdown()}};this.handleKeydown=i=>{if(i.key==="Enter"||i.key===" "||i.key==="Escape"){switch(this.navigationType){case"top":this.handleTopNavKeydown(i);break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(!this.el.contains(t)&&t!==this.dropdown&&document.activeElement!==this.el&&!this.el.contains(document.activeElement)&&(t===null||t===void 0?void 0:t.nodeName)===this.nodeName&&this.dropdownOpen===true){this.mouseGate=true;this.hideDropdown()}else if(!this.el.contains(t)&&t!==this.dropdown&&!this.el.contains(document.activeElement)){this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if((t===null||t===void 0?void 0:t.nodeName)===this.nodeName&&this.mouseGate===true){this.showDropdown()}else if(this.dropdownOpen===false&&t!==null&&this.mouseGate===false){this.mouseGate=true;setTimeout((()=>{this.mouseGate&&this.showDropdown()}),500)}};this.renderDropdownGroupedLinks=()=>t("div",{class:{["navigation-group-dropdown"]:!this.inTopNavSideMenu,["navigation-group-dropdown-side-menu"]:this.inTopNavSideMenu,["selected"]:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:null,ref:i=>this.dropdown=i},t("nav",{class:{["navigation-group-dropdown-items"]:!this.inTopNavSideMenu}},t("ul",null,t("slot",null))));this.renderGroupedLinks=()=>t("ul",{class:"grouped-links-wrapper"},t("slot",null));this.getNavigationChildItemsHeight=()=>{let i=0;this.allGroupedNavigationItems.forEach((t=>{i+=t.offsetHeight}));return`${i}px`};this.setInitialGroupedLinksWrapperHeight=()=>{const i=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);if(!i)return;if(!this.isSideNavExpanded&&!this.collapsedNavItemsHeight&&this.expanded){this.collapsedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(i,this.collapsedNavItemsHeight)}if(this.isSideNavExpanded&&this.expanded){this.expandedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(i,this.expandedNavItemsHeight)}};this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return this.renderDropdownGroupedLinks()}if(this.navigationType!=="top"){return this.renderGroupedLinks()}return null};this.deviceSize=n.XL;this.dropdownOpen=false;this.expanded=true;this.focusStyle=s();this.inTopNavSideMenu=false;this.navigationType=undefined;this.parentEl=undefined;this.expandable=false;this.label=undefined;this.theme="inherit"}disconnectedCallback(){var i,t;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icTopNavResized",this.topNavResizedHandler)}}componentWillLoad(){this.deviceSize=a();const{navType:i,parent:t}=r(this.el);this.navigationType=i;this.parentEl=t;if(this.navigationType==="side"){this.parentEl.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.addEventListener("icTopNavResized",this.topNavResizedHandler);if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}}componentDidLoad(){this.allGroupedNavigationItems=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));setTimeout((()=>this.setInitialGroupedLinksWrapperHeight()),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}childBlurHandler(){this.hideDropdown()}navItemClickHandler(){this.hideDropdown()}brandChangeHandler(i){this.focusStyle=i.detail.mode}async setFocus(){if(this.groupEl){this.groupEl.focus()}}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}showDropdown(){if(!this.dropdownOpen){this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}setGroupedLinksElementHeight(i,t){i.style.setProperty("--navigation-child-items-height",t)}render(){const{label:i,dropdownOpen:o,inTopNavSideMenu:n,expandable:s}=this;return t(e,{class:{["in-side-menu"]:n,"ic-navigation-group-expanded":this.expanded,"ic-navigation-group-collapsed":!this.expanded,["ic-navigation-group-side-nav"]:this.navigationType==="side",[`ic-theme-${this.theme}`]:this.theme!=="inherit"},role:"listitem"},t("button",{onMouseEnter:!n&&this.navigationType==="top"&&this.handleMouseEnter,onMouseLeave:this.navigationType==="top"&&this.handleMouseLeave,tabindex:n&&!s?"-1":"0",onBlur:this.handleBlur,onClick:s?this.handleClick:null,onKeyDown:this.handleKeydown,class:{["navigation-group"]:true,[this.focusStyle]:!n,["navigation-group-side-menu"]:n&&!s,["navigation-group-side-menu-collapsed"]:n&&s&&!o,["navigation-group-side-menu-expanded"]:n&&s&&o,["selected"]:o&&!n},ref:i=>this.groupEl=i,"aria-expanded":`${o||this.expanded}`,"aria-haspopup":`${!n&&this.navigationType==="top"}`},t("ic-typography",{variant:this.navigationType==="side"?"caption":"label"},i),this.navigationType==="side"&&s&&t("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":this.expanded},innerHTML:h})),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return o(this)}};c.style=d;export{c as ic_navigation_group};
+//# sourceMappingURL=p-a74be80c.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icNavigationGroupCss","NavigationGroup","constructor","hostRef","this","allGroupedNavigationItems","DYNAMIC_GROUPED_LINKS_HEIGHT_MS","IC_NAVIGATION_ITEM","mouseGate","nodeName","GROUPED_LINKS_WRAPPER_CLASS","sideNavExpandHandler","event","isSideNavExpanded","detail","sideNavExpanded","linkWrapper","el","shadowRoot","querySelector","expanded","expandedNavItemsHeight","setGroupedLinksElementHeight","setTimeout","getNavigationChildItemsHeight","collapsedNavItemsHeight","topNavResizedHandler","_a","size","deviceSize","inTopNavSideMenu","parentEl","customMobileBreakpoint","DEVICE_SIZES","L","setGroupedNavItemTabIndex","tabIndexValue","querySelectorAll","forEach","navigationItem","navItem","setAttribute","toggleGroupedLinkWrapperHeight","wrapper","style","setProperty","toggleExpanded","handleClick","ev","navigationType","toggleDropdown","handleBlur","target","relatedTarget","contains","hideDropdown","handleTopNavKeydown","key","handleKeydown","preventDefault","handleMouseLeave","relTarget","dropdown","document","activeElement","dropdownOpen","handleMouseEnter","addEventListener","showDropdown","renderDropdownGroupedLinks","h","class","onMouseLeave","ref","renderGroupedLinks","navigationChildItemsHeight","offsetHeight","setInitialGroupedLinksWrapperHeight","renderNavigationItems","expandable","XL","focusStyle","getBrandForegroundAppearance","undefined","label","theme","disconnectedCallback","_b","removeEventListener","componentWillLoad","getCurrentDeviceSize","navType","parent","getNavItemParentDetails","componentDidLoad","Array","from","childBlurHandler","navItemClickHandler","brandChangeHandler","mode","setFocus","groupEl","focus","groupedNavItemWrapper","height","render","Host","role","onMouseEnter","tabindex","onBlur","onClick","onKeyDown","variant","innerHTML","chevronIcon","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.css?tag=ic-navigation-group&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-navigation-item: z-index of navigation group item\n */\n\n:host {\n  display: block;\n\n  --ic-typography-color: currentcolor;\n}\n\n:host(.in-side-menu) {\n  border-bottom: var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);\n  padding: var(--ic-space-md) 0;\n}\n\n:host .navigation-group {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  color: var(--ic-brand-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md) var(--ic-space-xxs);\n  transition: var(--ic-easing-transition-slow);\n  position: relative;\n  background: none;\n  border: none;\n  white-space: nowrap;\n}\n\n:host(.in-side-menu) .navigation-group {\n  height: 2.5rem;\n  width: 100%;\n  text-align: left;\n}\n\n:host(.in-side-menu) .navigation-group .ic-typography-label {\n  width: 11.875rem;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu {\n  color: var(--ic-top-navigation-nav-group-link);\n  justify-content: flex-start;\n  padding: 0 var(--ic-space-md) 0 var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  color: var(--ic-top-navigation-nav-group-link);\n  justify-content: flex-start;\n  padding-left: var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  margin-bottom: var(--ic-space-xs);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  border-style: solid;\n  border-width: 0.125em 0.125em 0 0;\n  content: \"\";\n  display: inline-block;\n  height: 0.45em;\n  left: 0.75em;\n  position: relative;\n  top: -0.1em;\n  transform: rotate(135deg);\n  vertical-align: top;\n  width: 0.45em;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  top: 0.15em;\n  transform: rotate(-45deg);\n}\n\n:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected {\n  background-color: var(--ic-architectural-20);\n  color: var(--ic-color-text-primary-light);\n  outline: none;\n  cursor: pointer;\n}\n\n:host(:not(.in-side-menu)) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n  z-index: var(--ic-z-index-navigation-item);\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:focus {\n  background-color: var(--ic-top-navigation-nav-group-hover);\n  color: var(--ic-top-navigation-nav-group-link);\n  cursor: auto;\n  box-shadow: none;\n  outline: none;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu:active {\n  background-color: var(--ic-top-navigation-nav-group-pressed);\n  color: var(--ic-top-navigation-nav-group-link);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu:focus {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus) {\n  background-color: var(--ic-action-dark-bg-hover);\n  color: var(--ic-action-default);\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus) {\n  background-color: var(--ic-action-dark-bg-pressed);\n  color: var(--ic-action-default);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus {\n  color: var(--ic-action-default);\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host .navigation-group-dropdown {\n  background-color: var(--ic-top-navigation-menu-background);\n  border-bottom: var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);\n  position: absolute;\n  left: 0;\n  right: 0;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-shadow: 0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);\n  z-index: calc(var(--ic-z-index-navigation-item) - 1);\n}\n\n:host .navigation-group-dropdown-items-list {\n  list-style: none;\n  display: flex;\n  flex-flow: column wrap;\n  align-content: flex-start;\n  padding-left: var(--ic-space-md);\n  max-height: 16.5rem;\n}\n\n:host .chevron-toggle-icon-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n:host .chevron-toggle-icon-wrapper svg {\n  transform: rotate(90deg);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host .chevron-toggle-icon-closed svg {\n  transform: rotate(-90deg);\n}\n\n:host(.ic-navigation-group-expanded) .grouped-links-wrapper {\n  height: var(--navigation-child-items-height, auto) !important;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a) {\n  height: var(--navigation-child-items-height, auto);\n}\n\n:host(.ic-navigation-group-collapsed) .grouped-links-wrapper {\n  height: 0;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group {\n  height: var(--navigation-group-height);\n  width: var(--navigation-group-width);\n  justify-content: var(--navigation-group-justify-content);\n  padding-right: var(--navigation-group-expand-toggle-padding);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected {\n  background-color: var(--navigation-group-hover);\n  color: var(--navigation-group-text-hover);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background: none;\n}\n\n:host(.ic-navigation-group-side-nav) .ic-typography-caption {\n  position: var(--navigation-group-title-position);\n  left: var(--navigation-group-title-position-left);\n  white-space: nowrap;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getCurrentDeviceSize, getBrandForegroundAppearance, getNavItemParentDetails, } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nexport class NavigationGroup {\n    constructor() {\n        this.allGroupedNavigationItems = [];\n        this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 100;\n        this.IC_NAVIGATION_ITEM = \"ic-navigation-item\";\n        this.mouseGate = false;\n        this.nodeName = \"IC-NAVIGATION-GROUP\";\n        this.GROUPED_LINKS_WRAPPER_CLASS = \".grouped-links-wrapper\";\n        this.sideNavExpandHandler = (event) => {\n            this.isSideNavExpanded = event.detail.sideNavExpanded;\n            const linkWrapper = this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);\n            if (!linkWrapper)\n                return;\n            if (this.isSideNavExpanded) {\n                if (this.expanded && this.expandedNavItemsHeight) {\n                    this.setGroupedLinksElementHeight(linkWrapper, this.expandedNavItemsHeight);\n                }\n                else if (this.expanded) {\n                    setTimeout(() => {\n                        this.expandedNavItemsHeight = this.getNavigationChildItemsHeight();\n                        this.setGroupedLinksElementHeight(linkWrapper, this.expandedNavItemsHeight);\n                    }, this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n                }\n            }\n            else {\n                if (this.expanded && this.collapsedNavItemsHeight) {\n                    this.setGroupedLinksElementHeight(linkWrapper, this.collapsedNavItemsHeight);\n                }\n                else if (this.expanded) {\n                    setTimeout(() => {\n                        this.collapsedNavItemsHeight = this.getNavigationChildItemsHeight();\n                        this.setGroupedLinksElementHeight(linkWrapper, this.collapsedNavItemsHeight);\n                    }, this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n                }\n            }\n        };\n        this.topNavResizedHandler = ({ detail, }) => {\n            var _a;\n            const { size } = detail;\n            if (size !== this.deviceSize) {\n                this.deviceSize = size;\n                this.inTopNavSideMenu =\n                    size <=\n                        (((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.customMobileBreakpoint) || DEVICE_SIZES.L);\n            }\n        };\n        this.setGroupedNavItemTabIndex = (tabIndexValue) => {\n            this.el\n                .querySelectorAll(this.IC_NAVIGATION_ITEM)\n                .forEach((navigationItem) => {\n                const navItem = navigationItem.shadowRoot.querySelector(\"a\") ||\n                    navigationItem.querySelector(\"a\");\n                if (navItem) {\n                    navItem.setAttribute(\"tabindex\", tabIndexValue);\n                }\n            });\n        };\n        this.toggleGroupedLinkWrapperHeight = (wrapper, expanded) => {\n            if (!wrapper)\n                return;\n            if (expanded) {\n                if (this.isSideNavExpanded) {\n                    this.setGroupedLinksElementHeight(wrapper, this.expandedNavItemsHeight);\n                }\n                else {\n                    this.setGroupedLinksElementHeight(wrapper, this.collapsedNavItemsHeight);\n                }\n                this.setGroupedNavItemTabIndex(\"0\");\n            }\n            else {\n                wrapper.style.setProperty(\"--navigation-child-items-height\", \"0\");\n                this.setGroupedNavItemTabIndex(\"-1\");\n            }\n        };\n        this.toggleExpanded = () => {\n            this.expanded = !this.expanded;\n            const linkWrapper = this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);\n            this.toggleGroupedLinkWrapperHeight(linkWrapper, this.expanded);\n        };\n        this.handleClick = (ev) => {\n            if (this.navigationType === \"top\" && ev.detail) {\n                this.toggleDropdown();\n            }\n            else {\n                this.toggleExpanded();\n            }\n        };\n        this.handleBlur = (ev) => {\n            const target = ev.relatedTarget;\n            if (!this.el.contains(target)) {\n                this.hideDropdown();\n            }\n        };\n        this.handleTopNavKeydown = (ev) => {\n            if (ev.key === \" \" || ev.key === \"Enter\") {\n                this.toggleDropdown();\n            }\n            else if (!this.inTopNavSideMenu && ev.key === \"Escape\") {\n                this.hideDropdown();\n            }\n        };\n        this.handleKeydown = (ev) => {\n            if (ev.key === \"Enter\" || ev.key === \" \" || ev.key === \"Escape\") {\n                switch (this.navigationType) {\n                    case \"top\":\n                        this.handleTopNavKeydown(ev);\n                        break;\n                    case \"side\":\n                        this.toggleExpanded();\n                        ev.preventDefault();\n                        break;\n                    default:\n                        this.toggleExpanded();\n                        break;\n                }\n            }\n        };\n        this.handleMouseLeave = (ev) => {\n            const relTarget = ev.relatedTarget;\n            this.mouseGate = false;\n            if (!this.el.contains(relTarget) &&\n                relTarget !== this.dropdown &&\n                document.activeElement !== this.el &&\n                !this.el.contains(document.activeElement) &&\n                (relTarget === null || relTarget === void 0 ? void 0 : relTarget.nodeName) === this.nodeName &&\n                this.dropdownOpen === true) {\n                this.mouseGate = true;\n                this.hideDropdown();\n            }\n            else if (!this.el.contains(relTarget) &&\n                relTarget !== this.dropdown &&\n                !this.el.contains(document.activeElement)) {\n                this.mouseGate = false;\n                setTimeout(() => {\n                    this.dropdownOpen ? this.hideDropdown() : null;\n                }, 500);\n            }\n        };\n        this.handleMouseEnter = (ev) => {\n            const relTarget = ev.relatedTarget;\n            document.addEventListener(\"keydown\", this.handleKeydown);\n            if ((relTarget === null || relTarget === void 0 ? void 0 : relTarget.nodeName) === this.nodeName && this.mouseGate === true) {\n                this.showDropdown();\n            }\n            else if (this.dropdownOpen === false &&\n                relTarget !== null &&\n                this.mouseGate === false) {\n                this.mouseGate = true;\n                setTimeout(() => {\n                    this.mouseGate && this.showDropdown();\n                }, 500);\n            }\n        };\n        this.renderDropdownGroupedLinks = () => (h(\"div\", { class: {\n                [\"navigation-group-dropdown\"]: !this.inTopNavSideMenu,\n                [\"navigation-group-dropdown-side-menu\"]: this.inTopNavSideMenu,\n                [\"selected\"]: this.dropdownOpen && !this.inTopNavSideMenu,\n            }, onMouseLeave: !this.inTopNavSideMenu ? this.handleMouseLeave : null, ref: (el) => (this.dropdown = el) }, h(\"nav\", { class: {\n                [\"navigation-group-dropdown-items\"]: !this.inTopNavSideMenu,\n            } }, h(\"ul\", null, h(\"slot\", null)))));\n        this.renderGroupedLinks = () => (h(\"ul\", { class: \"grouped-links-wrapper\" }, h(\"slot\", null)));\n        /**\n         * Gets the total height of navigation links to improve\n         * smoothness of expand/collapse animations\n         */\n        this.getNavigationChildItemsHeight = () => {\n            let navigationChildItemsHeight = 0;\n            this.allGroupedNavigationItems.forEach((navItem) => {\n                navigationChildItemsHeight += navItem.offsetHeight;\n            });\n            return `${navigationChildItemsHeight}px`;\n        };\n        this.setInitialGroupedLinksWrapperHeight = () => {\n            const linkWrapper = this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);\n            if (!linkWrapper)\n                return;\n            if (!this.isSideNavExpanded &&\n                !this.collapsedNavItemsHeight &&\n                this.expanded) {\n                this.collapsedNavItemsHeight = this.getNavigationChildItemsHeight();\n                this.setGroupedLinksElementHeight(linkWrapper, this.collapsedNavItemsHeight);\n            }\n            if (this.isSideNavExpanded && this.expanded) {\n                this.expandedNavItemsHeight = this.getNavigationChildItemsHeight();\n                this.setGroupedLinksElementHeight(linkWrapper, this.expandedNavItemsHeight);\n            }\n        };\n        this.renderNavigationItems = () => {\n            if (this.dropdownOpen || (this.inTopNavSideMenu && !this.expandable)) {\n                return this.renderDropdownGroupedLinks();\n            }\n            if (this.navigationType !== \"top\") {\n                return this.renderGroupedLinks();\n            }\n            return null;\n        };\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.dropdownOpen = false;\n        this.expanded = true;\n        this.focusStyle = getBrandForegroundAppearance();\n        this.inTopNavSideMenu = false;\n        this.navigationType = undefined;\n        this.parentEl = undefined;\n        this.expandable = false;\n        this.label = undefined;\n        this.theme = \"inherit\";\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        if (this.navigationType === \"side\") {\n            (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n        }\n        else if (this.navigationType === \"top\") {\n            (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n        }\n    }\n    componentWillLoad() {\n        this.deviceSize = getCurrentDeviceSize();\n        const { navType, parent } = getNavItemParentDetails(this.el);\n        this.navigationType = navType;\n        this.parentEl = parent;\n        if (this.navigationType === \"side\") {\n            this.parentEl.addEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n        }\n        else if (this.navigationType === \"top\") {\n            this.parentEl.addEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n            if (this.deviceSize <=\n                this.parentEl.customMobileBreakpoint)\n                this.inTopNavSideMenu = true;\n        }\n    }\n    componentDidLoad() {\n        this.allGroupedNavigationItems = Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));\n        /**\n         * debounce is required as the incorrect height was retrieved instantly after\n         * componentDidLoad is invoked.\n         */\n        setTimeout(() => this.setInitialGroupedLinksWrapperHeight(), this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n    }\n    childBlurHandler() {\n        this.hideDropdown();\n    }\n    navItemClickHandler() {\n        this.hideDropdown();\n    }\n    brandChangeHandler(ev) {\n        this.focusStyle = ev.detail.mode;\n    }\n    /**\n     * Sets focus on the nav item.\n     */\n    async setFocus() {\n        if (this.groupEl) {\n            this.groupEl.focus();\n        }\n    }\n    toggleDropdown() {\n        this.dropdownOpen = !this.dropdownOpen;\n    }\n    showDropdown() {\n        if (!this.dropdownOpen) {\n            this.toggleDropdown();\n        }\n    }\n    hideDropdown() {\n        document.removeEventListener(\"keydown\", this.handleKeydown);\n        if (this.dropdownOpen) {\n            this.toggleDropdown();\n        }\n    }\n    setGroupedLinksElementHeight(groupedNavItemWrapper, height) {\n        groupedNavItemWrapper.style.setProperty(\"--navigation-child-items-height\", height);\n    }\n    render() {\n        const { label, dropdownOpen, inTopNavSideMenu, expandable } = this;\n        return (h(Host, { class: {\n                [\"in-side-menu\"]: inTopNavSideMenu,\n                \"ic-navigation-group-expanded\": this.expanded,\n                \"ic-navigation-group-collapsed\": !this.expanded,\n                [\"ic-navigation-group-side-nav\"]: this.navigationType === \"side\",\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            }, role: \"listitem\" }, h(\"button\", { onMouseEnter: !inTopNavSideMenu &&\n                this.navigationType === \"top\" &&\n                this.handleMouseEnter, onMouseLeave: this.navigationType === \"top\" && this.handleMouseLeave, tabindex: inTopNavSideMenu && !expandable ? \"-1\" : \"0\", onBlur: this.handleBlur, onClick: expandable ? this.handleClick : null, onKeyDown: this.handleKeydown, class: {\n                [\"navigation-group\"]: true,\n                [this.focusStyle]: !inTopNavSideMenu,\n                [\"navigation-group-side-menu\"]: inTopNavSideMenu && !expandable,\n                [\"navigation-group-side-menu-collapsed\"]: inTopNavSideMenu && expandable && !dropdownOpen,\n                [\"navigation-group-side-menu-expanded\"]: inTopNavSideMenu && expandable && dropdownOpen,\n                [\"selected\"]: dropdownOpen && !inTopNavSideMenu,\n            }, ref: (el) => (this.groupEl = el), \"aria-expanded\": `${dropdownOpen || this.expanded}`, \"aria-haspopup\": `${!inTopNavSideMenu && this.navigationType === \"top\"}` }, h(\"ic-typography\", { variant: this.navigationType === \"side\" ? \"caption\" : \"label\" }, label), this.navigationType === \"side\" && expandable && (h(\"div\", { class: {\n                \"chevron-toggle-icon-wrapper\": true,\n                \"chevron-toggle-icon-closed\": this.expanded,\n            }, innerHTML: chevronIcon }))), this.renderNavigationItems()));\n    }\n    static get is() { return \"ic-navigation-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-navigation-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-navigation-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"expandable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the group will be expandable in the side menu.\"\n                },\n                \"attribute\": \"expandable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to display on the group.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"dropdownOpen\": {},\n            \"expanded\": {},\n            \"focusStyle\": {},\n            \"inTopNavSideMenu\": {},\n            \"navigationType\": {},\n            \"parentEl\": {}\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the nav item.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"childBlur\",\n                \"method\": \"childBlurHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"navItemClicked\",\n                \"method\": \"navItemClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"brandChange\",\n                \"method\": \"brandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-navigation-group.js.map\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as o,g as i}from"./p-8455d1bb.js";import{D as r,g as n}from"./p-70616efa.js";const l='/*! 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(.footer-link-ungrouped-sparse){--footer-link-margin-left:0;--footer-link-margin-right:2.5rem;--footer-link-margin-bottom:0}:host(.footer-link-ungrouped-small){--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}:host(.footer-link-grouped-sparse){--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}:host(.footer-link-grouped-small){--footer-link-margin-left:var(--ic-space-md);--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}:host(.footer-link){margin-left:var(--footer-link-margin-left);margin-right:var(--footer-link-margin-right);margin-bottom:var(--footer-link-margin-bottom)}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link>.ic-link-open-in-new-icon{fill:var(--ic-color-hyperlink-default)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.ic-link:visited>.ic-link-open-in-new-icon{fill:var(--ic-color-hyperlink-visited)}.ic-link.light:visited>.ic-link-open-in-new-icon{fill:var(--ic-color-hyperlink-contrast-visited)}:host(.breadcrumb-link) .ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .ic-link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .ic-link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .ic-link:visited{color:var(--ic-color-text-primary)}:host(.footer-link-light) ::part(link),:host(.footer-link-dark) ::part(link){color:var(--ic-footer-link)}:host(.footer-link-light) ::slotted(svg),:host(.footer-link-dark) ::slotted(svg){fill:var(--ic-footer-icon)}:host(.footer-logo-link){transition:var(--ic-easing-transition-fast)}:host(.footer-logo-link:hover){background-color:var(--ic-footer-hover)}:host(.footer-logo-link:active){background-color:var(--ic-footer-pressed)}:host(.footer-logo-link:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}@media (forced-colors: active){:host(.footer-link-light) ::slotted(svg),:host(.footer-link-dark) ::slotted(svg){fill:currentcolor}}';const a=class{constructor(t){e(this,t);this.deviceSize=r.XL;this.footerConfig={small:false,grouped:false};this.foregroundColor=n();this.download=false;this.href=null;this.hreflang=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.target=undefined}componentWillLoad(){this.footerConfig=this.inferConfig(this.el)}footerResizeHandler(){this.footerConfig=this.inferConfig(this.el)}footerBrandChangeHandler(e){this.foregroundColor=e.detail.mode}inferConfig(e){if(e.parentElement!==null){if(e.parentElement.classList.contains("ic-footer")){return{small:e.parentElement.classList.contains("ic-footer-small"),grouped:e.parentElement.classList.contains("ic-footer-grouped")}}else{return this.inferConfig(e.parentElement)}}else{return{small:false,grouped:false}}}render(){const{footerConfig:e,href:i,hreflang:r,referrerpolicy:n,rel:l,target:a,download:s}=this;const{small:c,grouped:d}=e;const f=!!this.el.closest("div[slot='logo']");return t(o,{class:{"footer-link":true,[`footer-link-${d?"grouped":"ungrouped"}-${c?"small":"sparse"}`]:true,[`footer-link-${this.foregroundColor}`]:true,"footer-logo-link":f},role:"listitem"},t("ic-link",{class:"footer-link",href:i,hreflang:r,referrerpolicy:n,rel:l,download:s!==false?s:null,target:a},t("slot",null)))}static get delegatesFocus(){return true}get el(){return i(this)}};a.style=l;export{a as ic_footer_link};
+//# sourceMappingURL=p-af547c0a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icFooterLinkCss","FooterLink","constructor","hostRef","this","deviceSize","DEVICE_SIZES","XL","footerConfig","small","grouped","foregroundColor","getBrandForegroundAppearance","download","href","hreflang","undefined","referrerpolicy","rel","target","componentWillLoad","inferConfig","el","footerResizeHandler","footerBrandChangeHandler","ev","detail","mode","e","parentElement","classList","contains","render","isLogoLink","closest","h","Host","class","role","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-footer-link/ic-footer-link.css?tag=ic-footer-link&encapsulation=shadow","../web-components/dist/collection/components/ic-footer-link/ic-footer-link.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(.footer-link-ungrouped-sparse) {\n  --footer-link-margin-left: 0;\n  --footer-link-margin-right: 2.5rem;\n  --footer-link-margin-bottom: 0;\n}\n\n:host(.footer-link-ungrouped-small) {\n  --footer-link-margin-left: 0;\n  --footer-link-margin-right: 0;\n  --footer-link-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-grouped-sparse) {\n  --footer-link-margin-left: 0;\n  --footer-link-margin-right: 0;\n  --footer-link-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-grouped-small) {\n  --footer-link-margin-left: var(--ic-space-md);\n  --footer-link-margin-right: 0;\n  --footer-link-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link) {\n  margin-left: var(--footer-link-margin-left);\n  margin-right: var(--footer-link-margin-right);\n  margin-bottom: var(--footer-link-margin-bottom);\n}\n\n.ic-link-open-in-new-icon {\n  vertical-align: middle;\n  margin-left: var(--ic-space-xxs);\n}\n\n.ic-link > .ic-link-open-in-new-icon {\n  fill: var(--ic-color-hyperlink-default);\n}\n\n.ic-link-open-in-new-icon > svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  fill: currentcolor;\n}\n\n.ic-link:visited > .ic-link-open-in-new-icon {\n  fill: var(--ic-color-hyperlink-visited);\n}\n\n.ic-link.light:visited > .ic-link-open-in-new-icon {\n  fill: var(--ic-color-hyperlink-contrast-visited);\n}\n\n:host(.breadcrumb-link) .ic-link {\n  display: var(--breadcrumb-link-display);\n  align-items: var(--breadcrumb-link-align-items);\n  gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .ic-link ::slotted(.back-icon) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n  font-weight: normal;\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .ic-link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n  outline: var(--ic-hc-focus-outline);\n  text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .ic-link:visited {\n  color: var(--ic-color-text-primary);\n}\n\n:host(.footer-link-light) ::part(link),\n:host(.footer-link-dark) ::part(link) {\n  color: var(--ic-footer-link);\n}\n\n:host(.footer-link-light) ::slotted(svg),\n:host(.footer-link-dark) ::slotted(svg) {\n  fill: var(--ic-footer-icon);\n}\n\n:host(.footer-logo-link) {\n  transition: var(--ic-easing-transition-fast);\n}\n\n:host(.footer-logo-link:hover) {\n  background-color: var(--ic-footer-hover);\n}\n\n:host(.footer-logo-link:active) {\n  background-color: var(--ic-footer-pressed);\n}\n\n:host(.footer-logo-link:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n}\n\n@media (forced-colors: active) {\n  :host(.footer-link-light) ::slotted(svg),\n  :host(.footer-link-dark) ::slotted(svg) {\n    fill: currentcolor;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getBrandForegroundAppearance, } from \"../../utils/helpers\";\nexport class FooterLink {\n    constructor() {\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.footerConfig = { small: false, grouped: false };\n        this.foregroundColor = getBrandForegroundAppearance();\n        this.download = false;\n        this.href = null;\n        this.hreflang = undefined;\n        this.referrerpolicy = undefined;\n        this.rel = undefined;\n        this.target = undefined;\n    }\n    componentWillLoad() {\n        this.footerConfig = this.inferConfig(this.el);\n    }\n    footerResizeHandler() {\n        this.footerConfig = this.inferConfig(this.el);\n    }\n    footerBrandChangeHandler(ev) {\n        this.foregroundColor = ev.detail.mode;\n    }\n    inferConfig(e) {\n        if (e.parentElement !== null) {\n            if (e.parentElement.classList.contains(\"ic-footer\")) {\n                return {\n                    small: e.parentElement.classList.contains(\"ic-footer-small\"),\n                    grouped: e.parentElement.classList.contains(\"ic-footer-grouped\"),\n                };\n            }\n            else {\n                return this.inferConfig(e.parentElement);\n            }\n        }\n        else {\n            return { small: false, grouped: false };\n        }\n    }\n    render() {\n        const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;\n        const { small, grouped } = footerConfig;\n        const isLogoLink = !!this.el.closest(\"div[slot='logo']\");\n        return (h(Host, { class: {\n                \"footer-link\": true,\n                [`footer-link-${grouped ? \"grouped\" : \"ungrouped\"}-${small ? \"small\" : \"sparse\"}`]: true,\n                [`footer-link-${this.foregroundColor}`]: true,\n                \"footer-logo-link\": isLogoLink,\n            }, role: \"listitem\" }, h(\"ic-link\", { class: \"footer-link\", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : null, target: target }, h(\"slot\", null))));\n    }\n    static get is() { return \"ic-footer-link\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-footer-link.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-footer-link.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"download\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | boolean\",\n                    \"resolved\": \"boolean | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user can save the linked URL instead of navigating to it.\"\n                },\n                \"attribute\": \"download\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the link points to.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"hreflang\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The human language of the linked URL.\"\n                },\n                \"attribute\": \"hreflang\",\n                \"reflect\": false\n            },\n            \"referrerpolicy\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ReferrerPolicy\",\n                    \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\"\",\n                    \"references\": {\n                        \"ReferrerPolicy\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::ReferrerPolicy\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How much of the referrer to send when following the link.\"\n                },\n                \"attribute\": \"referrerpolicy\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The relationship of the linked URL as space-separated link types.\"\n                },\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n                },\n                \"attribute\": \"target\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"footerConfig\": {},\n            \"foregroundColor\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"footerResized\",\n                \"method\": \"footerResizeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"brandChange\",\n                \"method\": \"footerBrandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-footer-link.js.map\n"],"mappings":"oGAAA,MAAMA,EAAkB,g0J,MCEXC,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,WAAaC,EAAaC,GAC/BH,KAAKI,aAAe,CAAEC,MAAO,MAAOC,QAAS,OAC7CN,KAAKO,gBAAkBC,IACvBR,KAAKS,SAAW,MAChBT,KAAKU,KAAO,KACZV,KAAKW,SAAWC,UAChBZ,KAAKa,eAAiBD,UACtBZ,KAAKc,IAAMF,UACXZ,KAAKe,OAASH,S,CAElB,iBAAAI,GACIhB,KAAKI,aAAeJ,KAAKiB,YAAYjB,KAAKkB,G,CAE9C,mBAAAC,GACInB,KAAKI,aAAeJ,KAAKiB,YAAYjB,KAAKkB,G,CAE9C,wBAAAE,CAAyBC,GACrBrB,KAAKO,gBAAkBc,EAAGC,OAAOC,I,CAErC,WAAAN,CAAYO,GACR,GAAIA,EAAEC,gBAAkB,KAAM,CAC1B,GAAID,EAAEC,cAAcC,UAAUC,SAAS,aAAc,CACjD,MAAO,CACHtB,MAAOmB,EAAEC,cAAcC,UAAUC,SAAS,mBAC1CrB,QAASkB,EAAEC,cAAcC,UAAUC,SAAS,qB,KAG/C,CACD,OAAO3B,KAAKiB,YAAYO,EAAEC,c,MAG7B,CACD,MAAO,CAAEpB,MAAO,MAAOC,QAAS,M,EAGxC,MAAAsB,GACI,MAAMxB,aAAEA,EAAYM,KAAEA,EAAIC,SAAEA,EAAQE,eAAEA,EAAcC,IAAEA,EAAGC,OAAEA,EAAMN,SAAEA,GAAcT,KACjF,MAAMK,MAAEA,EAAKC,QAAEA,GAAYF,EAC3B,MAAMyB,IAAe7B,KAAKkB,GAAGY,QAAQ,oBACrC,OAAQC,EAAEC,EAAM,CAAEC,MAAO,CACjB,cAAe,KACf,CAAC,eAAe3B,EAAU,UAAY,eAAeD,EAAQ,QAAU,YAAa,KACpF,CAAC,eAAeL,KAAKO,mBAAoB,KACzC,mBAAoBsB,GACrBK,KAAM,YAAcH,EAAE,UAAW,CAAEE,MAAO,cAAevB,KAAMA,EAAMC,SAAUA,EAAUE,eAAgBA,EAAgBC,IAAKA,EAAKL,SAAUA,IAAa,MAAQA,EAAW,KAAMM,OAAQA,GAAUgB,EAAE,OAAQ,O,CAI1N,yBAAWI,GAAmB,OAAO,IAAK,C"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,F as s,H as o,g as n}from"./p-8455d1bb.js";import{d as a,b as l,p as h,i as r,c as d,e as c,f as u,h as v,j as p}from"./p-a04712b9.js";const g=`<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 f=`<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 m=`<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 b=':host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{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:var(--table-layout, "fixed");border-spacing:0;width:100%;height:var(--table-height, auto)}.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-space-1px) solid var(--ic-data-table-border)}.column-header-inner-container{padding:var(--ic-space-xs);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.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-data-table-cell-background-selected) !important}.table-row:hover{background-color:var(--ic-data-table-cell-background-hover) !important}.table-row-selected:hover{background-color:var(\n    --ic-data-table-cell-background-selected-hover\n  ) !important}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-data-table-icon-button-background-hover)}.sort-button:active{background-color:var(--ic-data-table-icon-button-background-pressed)}.sort-button svg{color:var(--ic-data-table-sort-toggle-icon)}.sort-button-unsorted svg{color:var(--ic-data-table-sort-toggle-icon-default)}.table-density-dense .column-header-inner-container,td.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 .column-header-inner-container,td.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)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !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{background-color:var(--ic-data-table-cell-background)}.table-row:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.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 ic-typography{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}.cell-emphasis-high ic-typography{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline)}.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-space-1px) solid var(--ic-data-table-header-keyline)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-dialog) - 1);background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}.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 .icon>svg,.column-header ::slotted(svg){fill:var(--ic-data-table-icon)}.table-cell .icon>svg,.table-cell ::slotted(svg){fill:var(--ic-data-table-icon-default-emphasis)}.cell-emphasis-high .icon>svg,.cell-emphasis-high ::slotted(svg){fill:var(--ic-data-table-icon-high-emphasis)}.cell-emphasis-low .icon>svg,.cell-emphasis-low ::slotted(svg){fill:var(--ic-data-table-icon-low-emphasis)}.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,.column-header-alignment-center>.cell-text-wrapper,.row-header-alignment-right>ic-typography,.row-header-alignment-right>.cell-text-wrapper,.cell-alignment-center>ic-typography,.cell-alignment-center>.cell-text-wrapper{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;width:100%}.action-element{display:flex;justify-content:right}.cell-grid-wrapper{display:grid;grid-template-columns:auto auto}.loading-overlay{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-dialog) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading-overlay.show{visibility:visible;opacity:0.6}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}}.cell-text-wrapper{overflow:hidden}.cell-text-wrapper>ic-typography{margin-left:2px}.cell-text-no-wrap{word-wrap:initial}.cell-container-with-description{display:flex;flex-direction:row}.cell-description{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}.cell-description-text{color:var(--ic-color-secondary-text)}.cell-description-icon{padding-right:var(--ic-space-xs)}.cell-description-icon>svg{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}@media (forced-colors: active){.icon,::slotted(svg),.cell-description-icon>svg{fill:currentcolor}.sort-button svg{color:currentcolor}.table-row-selected{background-color:Highlight !important}}';const w=class{constructor(o){t(this,o);this.icRowHeightChange=i(this,"icRowHeightChange",7);this.icSelectedRowChange=i(this,"icSelectedRowChange",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:g,ascending:f,descending:m};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.ROW_HEIGHT_CSS_VARIABLE="--row-height";this.LINE_CLAMP_CSS_VARIABLE="--ic-line-clamp";this.DEFAULT_LINE_HEIGHT=24;this.densityUpdate=false;this.truncationPatternUpdated=false;this.isNewDebounceDelaySet=false;this.headerResizeObserver=null;this.IC_TOOLTIP_STRING="ic-tooltip";this.SHOW_TRUNC_TOOLTIP_STRING="show-trunc-tooltip";this.CELL_DESCRIPTION_STRING=".cell-description";this.CELL_CONTAINER_WITH_DESCRIPTION_STRING="cell-container-with-description";this.CELL_TEXT_WRAPPER_STRING=".cell-text-wrapper";this.IC_TYPOGRAPHY_STRING="ic-typography";this.runHeaderResizeObserver=()=>{this.headerResizeObserver=new ResizeObserver((()=>{this.headerResizeCallback()}));this.headerResizeObserver.observe(this.el)};this.headerResizeCallback=()=>{if(!this.hideColumnHeaders&&this.columnHeaderTruncation){const t=this.el.shadowRoot.querySelector(".table-container").clientWidth;if(t!==this.prevTableContainerWidth){const i=this.el.shadowRoot.querySelectorAll("th.column-header");i.forEach((t=>{const i=t.querySelector(this.IC_TOOLTIP_STRING);const e=t.querySelectorAll(this.IC_TYPOGRAPHY_STRING);if(i&&e&&e.length===2){i.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);if(e[1].clientWidth>e[0].clientWidth){i.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING)}}}));this.prevTableContainerWidth=t}}};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(this.ROW_HEIGHT_CSS_VARIABLE)}}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(this.ROW_HEIGHT_CSS_VARIABLE)}}))}};this.debounceDataTruncation=()=>{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.resizeObserver=new ResizeObserver(a((()=>{this.dataTruncation(t);if(!this.isNewDebounceDelaySet){this.setNewDebounceDelay(200)}}),(()=>this.debounceDelay)));this.resizeObserver.observe(t)}}))};this.setNewDebounceDelay=t=>{this.debounceDelay=t;this.isNewDebounceDelaySet=true};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",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`);const s=i.querySelector(this.CELL_TEXT_WRAPPER_STRING);s.prepend(t);e.remove()}if(this.truncationPattern===this.SHOW_HIDE_STRING&&!l(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.getTruncWrapper=t=>t.shadowRoot.querySelector(".trunc-wrapper");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=>t!==undefined&&t!==null&&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{description:t,max:i,min:s,progress:o,monochrome:n}=this.updatingOptions||{};return e("th",{colSpan:this.columns.length,class:"updating-state"},e("ic-loading-indicator",{theme:this.theme,monochrome:n,description:t||"Updating table data",fullWidth:true,max:i,min:s,progress:o,type:"linear",size:"small"}))};this.setRowHeight=t=>h(`${t*this.DENSITY_HEIGHT_MULTIPLIER[this.density]-this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);this.setTruncationClass=()=>this.truncationPattern?{[`truncation-${this.truncationPattern}`]:true}:{};this.getColumnWidth=t=>{let i={};if(t){if(typeof t==="string"){i=Object.assign(Object.assign({},i),{["--column-width"]:t})}if(typeof t==="object"&&!!Object.keys(t)){if(t===null||t===void 0?void 0:t.minWidth){i=Object.assign(Object.assign({},i),{["--column-min-width"]:t===null||t===void 0?void 0:t.minWidth})}if(t===null||t===void 0?void 0:t.maxWidth){i=Object.assign(Object.assign({},i),{["--column-max-width"]:t===null||t===void 0?void 0:t.maxWidth})}}}return i};this.getRowHeight=(t,i,e,s)=>{if((this.truncationPattern||t)&&!(i===null||i===void 0?void 0:i.textWrap)&&!e&&!this.getCellOptions(s,"textWrap")&&(i===null||i===void 0?void 0:i.dataType)!=="element"){return{[this.ROW_HEIGHT_CSS_VARIABLE]:this.setRowHeight(t)}}return{}};this.adjustWidthForActionElement=()=>{const t=this.el.shadowRoot.querySelectorAll(".action-element");t.forEach((t=>{const i=t.firstChild.getBoundingClientRect().width;const e=t.closest(".cell-grid-wrapper");e.style.gridTemplateColumns=`auto calc(${i}px + var(--ic-space-xs))`}))};this.createCellContent=(t,i,o,n,a,l,h,d,c)=>{var u,v,p,g,f,m,b,w,y,x,O,k,$,j,H;return e("div",{innerHTML:(t===null||t===void 0?void 0:t.dataType)==="element"&&!r(this.el,o)?i:null,class:Object.assign(Object.assign({"cell-container":(t===null||t===void 0?void 0:t.dataType)!=="element",[`cell-alignment-${((u=t===null||t===void 0?void 0:t.columnAlignment)===null||u===void 0?void 0:u.vertical)||((v=n===null||n===void 0?void 0:n.rowAlignment)===null||v===void 0?void 0:v.vertical)||a||this.getCellAlignment(i,"vertical")}`]:!!((p=t===null||t===void 0?void 0:t.columnAlignment)===null||p===void 0?void 0:p.vertical)||!!((g=n===null||n===void 0?void 0:n.rowAlignment)===null||g===void 0?void 0:g.vertical)||!!a||!!this.getCellAlignment(i,"vertical"),[`cell-alignment-${((f=t===null||t===void 0?void 0:t.columnAlignment)===null||f===void 0?void 0:f.horizontal)||((m=n===null||n===void 0?void 0:n.rowAlignment)===null||m===void 0?void 0:m.horizontal)||this.getCellAlignment(i,"horizontal")}`]:!!((b=t===null||t===void 0?void 0:t.columnAlignment)===null||b===void 0?void 0:b.horizontal)||!!((w=n===null||n===void 0?void 0:n.rowAlignment)===null||w===void 0?void 0:w.horizontal)||!!this.getCellAlignment(i,"horizontal"),[`data-type-${t===null||t===void 0?void 0:t.dataType}`]:true,[this.TEXT_WRAP_STRING]:(t===null||t===void 0?void 0:t.textWrap)||(n===null||n===void 0?void 0:n.textWrap)||!!this.getCellOptions(i,"textWrap"),["cell-icon"]:l||!!((y=t===null||t===void 0?void 0:t.icon)===null||y===void 0?void 0:y.icon),[`cell-emphasis-${this.isObject(i)&&d("emphasis")||(t===null||t===void 0?void 0:t.emphasis)||c}`]:this.isObject(i)&&!!d("emphasis")||!!(t===null||t===void 0?void 0:t.emphasis)||!!c},this.setTruncationClass()),{[this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:this.isObject(i)&&Object.keys(i).includes("description")}),style:Object.assign(Object.assign({},this.getRowHeight(h,t,n===null||n===void 0?void 0:n.textWrap,i)),this.getColumnWidth(t===null||t===void 0?void 0:t.columnWidth)),"data-row-height":this.truncationPattern||h?this.setRowHeight(h):null},r(this.el,o)?e("slot",{name:o}):e(s,null,r(this.el,`${o}-icon`)?e("slot",{name:`${o}-icon`}):(l||((x=t===null||t===void 0?void 0:t.icon)===null||x===void 0?void 0:x.onAllCells))&&(d("icon")||((O=t===null||t===void 0?void 0:t.icon)===null||O===void 0?void 0:O.icon))&&e("span",{class:"icon",innerHTML:d("icon")||((k=t===null||t===void 0?void 0:t.icon)===null||k===void 0?void 0:k.icon)}),(t===null||t===void 0?void 0:t.dataType)!=="element"&&!r(this.el,o)&&e("div",{class:{"cell-text-wrapper":true,"cell-text-no-wrap":!this.truncationPattern}},e("ic-typography",{variant:"body",class:{[`cell-emphasis-${this.isObject(i)&&d("emphasis")||(t===null||t===void 0?void 0:t.emphasis)||c}`]:this.isObject(i)&&!!d("emphasis")||!!(t===null||t===void 0?void 0:t.emphasis)||!!c,[`text-${this.density}`]:this.notDefaultDensity()}},this.isObject(i)&&(t===null||t===void 0?void 0:t.dataType)!=="date"?Object.keys(i).includes("href")?e("ic-link",{href:d("href"),theme:this.theme,target:d("target")||undefined,rel:d("rel")||undefined},d("data")):d("data"):this.getCellContent(i,t===null||t===void 0?void 0:t.dataType)),this.isObject(i)&&Object.keys(i).includes("description")&&e("div",{class:{["cell-description"]:true,[`data-type-${t===null||t===void 0?void 0:t.dataType}`]:true}},(($=d("description"))===null||$===void 0?void 0:$.icon)&&e("span",{class:"cell-description-icon",innerHTML:d("description").icon}),e("ic-typography",{variant:"caption",class:"cell-description-text"},(H=(j=d("description"))===null||j===void 0?void 0:j.data)!==null&&H!==void 0?H:d("description"))))))};this.createCells=(t,i)=>{var s;const o=Object.values(t);const n=Object.keys(t);const a=this.getRowOptions(n,o);let l;let h;const r=n.indexOf("header");if(r>-1){l=this.getObjectValue(o[r],"rowAlignment");h=this.getObjectValue(o[r],"emphasis")}const d=(s=this.variableRowHeight)===null||s===void 0?void 0:s.call(this,Object.assign(Object.assign({},t),{index:i}));const c=d?d!=="auto"&&d:this.globalRowHeight!=="auto"&&this.globalRowHeight;return o.map(((t,s)=>{const o=this.columns[s];const r=`${o===null||o===void 0?void 0:o.key}-${i}`;const d=this.isObject(t)&&Object.keys(t).includes("icon");const u=i=>this.getObjectValue(t,i);if(n[s]==="header"){return e("th",{scope:"row",colSpan:u("colspan"),class:{["row-header"]:true,[`row-header-alignment-${u("cellAlignment")}`]:!!u("cellAlignment"),["row-header-sticky"]:this.stickyRowHeaders}},u("title"))}if(n[s]!=="rowOptions"){return e("td",{class:{["table-cell"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),["with-overflow"]:(o===null||o===void 0?void 0:o.dataType)==="element"},style:Object.assign({},this.getColumnWidth(o.columnWidth))},this.isObject(t)&&Object.keys(t).includes("actionElement")?e("div",{class:"cell-grid-wrapper"},this.createCellContent(o,t,r,a,l,d,c,u,h),e("span",{class:"action-element",innerHTML:u("actionElement"),onClick:t.actionOnClick?i=>this.handleClick(i,t.actionOnClick):undefined})):this.createCellContent(o,t,r,a,l,d,c,u,h))}}))};this.createColumnHeaders=()=>(this.columns||[]).map((({cellAlignment:t,colspan:i,icon:s,key:o,title:n,columnWidth:a,excludeColumnFromSort:l},h)=>e("th",{scope:"col",class:{["column-header"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),["updating-state-headers"]:this.updating&&!this.loading},style:Object.assign({},this.getColumnWidth(a)),colSpan:i},e("div",{class:{"column-header-inner-container":true,"truncation-tooltip":this.columnHeaderTruncation,[`column-header-alignment-${t}`]:!!t}},r(this.el,`${o}-column-icon`)?e("slot",{name:`${o}-column-icon`}):s&&!s.hideOnHeader&&e("span",{class:"icon",innerHTML:s.icon}),this.columnHeaderTruncation?e("ic-tooltip",{label:n,target:`column-header-${h}`},e("ic-typography",{id:`column-header-${h}`,variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},n)):e("ic-typography",{variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},n),this.sortable&&!l&&e("ic-button",{variant:"icon",id:`sort-button-${o}`,"aria-label":this.getSortButtonLabel(o),onClick:()=>this.sortRows(o),innerHTML:this.SORT_ICONS[this.sortedColumn===o?this.sortedColumnOrder:"unsorted"],class:{["sort-button"]:true,["sort-button-unsorted"]:this.sortedColumn!==o||this.sortedColumnOrder==="unsorted"}})),this.columnHeaderTruncation&&e("ic-typography",{variant:"body","aria-hidden":"true",class:{["column-header-text"]:true,["dummy-column-header-text"]:this.columnHeaderTruncation,[`text-${this.density}`]:this.notDefaultDensity()}},n))));this.onRowClick=t=>{if(!this.loading&&!this.updating){this.icSelectedRowChange.emit(this.selectedRow!==t?t:null)}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();const i=t.map(((t,i)=>{const e=this.columns.map((({key:t},e)=>r(this.el,`${t}-${i}`)&&{key:t,index:e})).filter((i=>!!i&&!Object.prototype.hasOwnProperty.call(t,i.key)));return e.length>0?d(t,e,""):t}));return i.sort(!this.sortable||this.disableAutoSort?undefined:this.getSortFunction()).map(((t,i)=>e("tr",{onClick:()=>this.onRowClick(t),class:{["table-row"]:true,["table-row-selected"]:this.highlightSelectedRow&&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,.cell-description-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",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`);return}this.regenerateTooltip(s,i,e,t)}))};this.updateScrollOffset=()=>{this.scrollOffset=this.el.shadowRoot.querySelector(".table-row-container").scrollTop};this.updateRowHeightForDescriptions=(t,i)=>{i.setAttribute("data-row-height",t.toString());i.setAttribute("style",`${this.ROW_HEIGHT_CSS_VARIABLE}: ${t}px`)};this.updateCellHeightsWithDescriptions=()=>{const t=this.el.shadowRoot.querySelectorAll(this.CELL_DESCRIPTION_STRING);t.forEach((t=>{const i=t.closest(`.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`);const e=i.querySelector(this.IC_TYPOGRAPHY_STRING);const s=window.getComputedStyle(t).getPropertyValue("margin-top");const o=t.clientHeight+parseInt(s,10);if(this.globalRowHeight&&this.globalRowHeight!=="auto"){if(!e.textContent&&o+this.DEFAULT_LINE_HEIGHT>this.globalRowHeight){this.updateRowHeightForDescriptions(o,i)}else if(this.truncationPattern===this.TOOLTIP_STRING){if(o+this.DEFAULT_LINE_HEIGHT>this.globalRowHeight){const t=i===null||i===void 0?void 0:i.querySelector(".icon");if(c(p.XS)&&t){this.updateRowHeightForDescriptions(o+this.DEFAULT_LINE_HEIGHT+t.clientHeight,i)}else{this.updateRowHeightForDescriptions(o+this.DEFAULT_LINE_HEIGHT,i)}}this.addLineClampCSS(e,i)}else if(this.truncationPattern===this.SHOW_HIDE_STRING&&o+this.DEFAULT_LINE_HEIGHT>this.globalRowHeight&&e.style.getPropertyValue("--truncation-max-lines")!=="initial"){this.updateRowHeightForDescriptions(o+this.DEFAULT_LINE_HEIGHT,i);if(o){this.createShowHideTruncation(e,i,o)}}}}))};this.setTableDimensions=()=>{let t={};if(this.width){t=Object.assign(Object.assign({},t),{["--table-width"]:this.width})}if(this.height){t=Object.assign(Object.assign({},t),{["--table-height"]:this.height})}if(this.maxWidth){t=Object.assign(Object.assign({},t),{["--table-max-width"]:this.maxWidth})}if(this.minWidth){t=Object.assign(Object.assign({},t),{["--table-min-width"]:this.minWidth})}return t};this.fixCellTooltip=t=>{var i,e,s;let o;if(t.tagName==="IC-TOOLTIP"){o=t}else if((i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.IC_TOOLTIP_STRING)){o=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.IC_TOOLTIP_STRING)}else{if(((s=t.children)===null||s===void 0?void 0:s.length)>0){Array.from(t.children).forEach((t=>{this.fixCellTooltip(t)}))}else{return}}if(o){o.setExternalPopperProps({strategy:"fixed"})}};this.fixCellTooltips=()=>{const t=this.el.shadowRoot.querySelectorAll(".data-type-element");t.forEach((t=>{const i=u(t);i===null||i===void 0?void 0:i.forEach((t=>{this.fixCellTooltip(t)}))}));const i=this.el.shadowRoot.querySelectorAll(".action-element");i===null||i===void 0?void 0:i.forEach((t=>{const i=t.firstChild;if(i){this.fixCellTooltip(i)}}))};this.handleClick=(t,i)=>i(t);this.renderTableBody=(t,i,s)=>{if(!(t===null||t===void 0?void 0:t.length))return;if(s&&i){return e("tbody",null,this.createRows())}else if(i&&!s){return null}else{return e("tbody",null,this.createRows())}};this.renderLoadingIndicator=(t,i)=>{if(!t)return null;return e(s,null,e("div",{class:"loading-overlay",ref:t=>this.loadingOverlay=t}),e("ic-loading-indicator",{theme:this.theme,monochrome:i===null||i===void 0?void 0:i.monochrome,class:{"loading-empty":t,loading:true},description:i.description||"Loading table data",label:i.label||"Loading...",labelDuration:i===null||i===void 0?void 0:i.labelDuration,max:i===null||i===void 0?void 0:i.max,min:i===null||i===void 0?void 0:i.min,progress:i===null||i===void 0?void 0:i.progress,ref:t=>this.loadingIndicator=t}))};this.renderAriaLiveLoading=()=>{var t,i;if(this.loading){return((t=this.loadingOptions)===null||t===void 0?void 0:t.label)||"Loading..."}else if(this.updating){return((i=this.updatingOptions)===null||i===void 0?void 0:i.description)||"Updating table data"}else{return""}};this.renderEmptyState=(t,i,s)=>{const o=r(this.el,"empty-state")?e("slot",{name:"empty-state"}):e("ic-empty-state",{aligned:"center",heading:"No Data",class:"loading-empty"});if(i&&!(t===null||t===void 0?void 0:t.length)&&s){return o}else if(!i&&!(t===null||t===void 0?void 0:t.length)){return o}else{return null}};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.debounceDelay=0;this.caption=undefined;this.columnHeaderTruncation=false;this.columns=undefined;this.data=undefined;this.disableAutoSort=false;this.density="default";this.embedded=false;this.globalRowHeight="auto";this.height=undefined;this.highlightSelectedRow=true;this.hideColumnHeaders=false;this.loading=false;this.loadingOptions=undefined;this.maxWidth=undefined;this.minWidth=undefined;this.minimumLoadingDisplayDuration=1e3;this.paginationBarOptions={alignment:"right",hideAllFromItemsPerPage:false,hideRangeLabel:false,itemLabel:"Item",itemsPerPageOptions:[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}],monochrome:false,pageLabel:"Page",rangeLabelType:"page",selectedItemsPerPage:10,setToFirstPageOnPaginationChange:false,showGoToPageControl:true,showItemsPerPageControl:true,type:"simple"};this.showPagination=false;this.sortable=false;this.sortOptions={sortOrders:["unsorted","ascending","descending"],defaultColumn:""};this.stickyColumnHeaders=false;this.stickyRowHeaders=false;this.tableLayout="fixed";this.theme="inherit";this.truncationPattern=undefined;this.updating=false;this.updatingOptions=undefined;this.variableRowHeight=undefined;this.width=undefined}headerTruncationChangeHandler(){if(this.columnHeaderTruncation){this.prevTableContainerWidth=0}else{const t=this.el.shadowRoot.querySelectorAll("th.column-header");t.forEach((t=>{const i=t.querySelector(this.IC_TOOLTIP_STRING);if(i){i.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING)}}))}}disconnectedCallback(){var t,i;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.headerResizeObserver)===null||i===void 0?void 0:i.disconnect()}componentWillLoad(){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({},this.loadingOptions);this.initialLoad=true;this.previousItemsPerPage=this.rowsPerPage}componentDidLoad(){const t=this.el.shadowRoot.querySelector("table");const i=this.el.shadowRoot.querySelector(".table-container");v(this.runHeaderResizeObserver);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=>{const i=this.getCellContainer(t);if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.dataTruncation(t)}}));this.debounceDataTruncation()}if(this.globalRowHeight!=="auto"){this.updateSetRowHeight()}window.addEventListener("resize",this.updateCellHeightsWithDescriptions)}componentDidUpdate(){if(this.truncationPattern===this.SHOW_HIDE_STRING||this.truncationPattern===this.TOOLTIP_STRING){this.truncateUpdatedData()}}componentDidRender(){this.fixCellTooltips();this.updateCellHeightsWithDescriptions();this.adjustWidthForActionElement()}truncateUpdatedData(){if(this.dataUpdated){if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.clientHeight)-this.DEFAULT_LINE_HEIGHT>=(i===null||i===void 0?void 0:i.scrollHeight)){this.resetShowHideTruncation(t);return}setTimeout((()=>{if((t===null||t===void 0?void 0:t.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){this.addShowHideTruncation(e,t)}}),150)}))}if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}this.dataUpdated=false}if(this.tableSorted){if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.createShowHideTruncation(t,i)}else{t.resetTruncation().then((()=>{i.removeAttribute("style")}))}}))}this.tableSorted=false}if(this.rowHeightSet){const t=parseInt(getComputedStyle(document.documentElement).fontSize);const i=this.globalRowHeight==="auto";this.getTypographyElements().forEach((e=>{var s;const o=this.getCellContainer(e);const n=this.getTooltip(e);if(i){o.style.height=null;if(this.truncationPattern===this.TOOLTIP_STRING){this.removeTooltip(o,e,n);e.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`)}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.resetShowHideTruncation(e)}return}const a=t*parseFloat(o.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(!o.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)&&!((s=o===null||o===void 0?void 0:o.style)===null||s===void 0?void 0:s.height)&&a>o.clientHeight&&!o.classList.contains(this.TEXT_WRAP_STRING)){o.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,o.getAttribute(this.DATA_ROW_HEIGHT_STRING))}if(this.truncationPattern){if(this.truncationPattern===this.SHOW_HIDE_STRING){const t=this.getTruncWrapper(e);const i=e.shadowRoot.querySelector("button");if(i&&(t===null||t===void 0?void 0:t.scrollHeight)<=o.clientHeight){this.resetShowHideTruncation(e);return}}this.truncate(e,o,n)}else{this.updateSetRowHeight(e)}}));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(this.IC_TYPOGRAPHY_STRING).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}if(this.truncationPatternUpdated){if(this.truncationPattern===this.TOOLTIP_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);if(t.scrollHeight>i.clientHeight){this.addTooltipTruncation(t,i,e)}}))}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.clientHeight)-this.DEFAULT_LINE_HEIGHT>(i===null||i===void 0?void 0:i.scrollHeight)){this.resetShowHideTruncation(t);return}if((t===null||t===void 0?void 0:t.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){this.addShowHideTruncation(e,t)}}))}}}createShowHideTruncation(t,i,e){t.checkMaxLines(t.scrollHeight);t.setAttribute("max-lines",`${Math.floor((i===null||i===void 0?void 0:i.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`);if(i.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)&&e){t.setAttribute("max-lines",`${Math.floor(((i===null||i===void 0?void 0:i.clientHeight)-e)/this.DEFAULT_LINE_HEIGHT)}`)}else{t.setAttribute("max-lines",`${Math.floor((i===null||i===void 0?void 0:i.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`)}t.setShowHideExpanded(false);i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,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)}handleTypographyTruncationExpandToggle({detail:t}){const{expanded:i,typographyEl:e}=t;const s=this.getCellContainer(e);if(s.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE)&&i){s.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,"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.TOOLTIP_STRING){this.resetShowHideTruncation();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.SHOW_HIDE_STRING){this.updateTruncationTooltip(true);this.getTypographyElements().forEach((t=>{const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.clientHeight)-this.DEFAULT_LINE_HEIGHT>(i===null||i===void 0?void 0:i.scrollHeight)){this.resetShowHideTruncation(t);return}setTimeout((()=>{if((t===null||t===void 0?void 0:t.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){this.addShowHideTruncation(e,t)}}),150)}))}this.truncationPatternUpdated=true}async dataHandler(){this.loadingOptions=Object.assign({},this.loadingOptions);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)&&!l(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.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,null)}else if(!e.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)){t.resetTruncation().then((()=>{if(!t.closest(this.TEXT_WRAP_CLASS)){e.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,e.getAttribute(this.DATA_ROW_HEIGHT_STRING))}}))}}else{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);t.resetTruncation().then((()=>{if(!t.closest(this.TEXT_WRAP_CLASS)){i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,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(){var t,i,e;if((t=this.loadingOptions)===null||t===void 0?void 0:t.overlay){(i=this.loadingOverlay)===null||i===void 0?void 0:i.classList.add("show")}(e=this.loadingIndicator)===null||e===void 0?void 0:e.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.truncationPattern===this.TOOLTIP_STRING){if(!i.getAttribute("style")||i.style.cssText.includes(`${this.LINE_CLAMP_CSS_VARIABLE}: 0;`)){this.addLineClampCSS(i,t)}if(!t.querySelector(this.IC_TOOLTIP_STRING))this.createTruncationTooltip(i,t)}}removeTooltip(t,i,e){const s=t.querySelector(this.CELL_TEXT_WRAPPER_STRING);s.prepend(i);if(e){e.remove()}}addLineClampCSS(t,i){var e,s;const o=(e=i.querySelector(this.CELL_DESCRIPTION_STRING))===null||e===void 0?void 0:e.clientHeight;if(i.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)&&(i===null||i===void 0?void 0:i.clientHeight)>o){let e;if(c(p.XS)){const t=i===null||i===void 0?void 0:i.querySelector(".icon");e=t?t.clientHeight:0}else{e=0}const o=(i===null||i===void 0?void 0:i.clientHeight)-((s=i.querySelector(this.CELL_DESCRIPTION_STRING))===null||s===void 0?void 0:s.clientHeight)-e;t.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(o||0)}`)}else{t.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(i===null||i===void 0?void 0:i.clientHeight)}`)}}createTruncationTooltip(t,i){const e=document.createElement(this.IC_TOOLTIP_STRING);e.setAttribute("target",t.id);e.setAttribute("label",t.textContent);e.classList.add("ic-tooltip-overflow");e.setExternalPopperProps({strategy:"fixed"});const s=i.querySelector(this.CELL_TEXT_WRAPPER_STRING);s.prepend(e);e.prepend(t)}render(){var t,i;const{caption:s,createColumnHeaders:n,createUpdatingIndicator:a,data:l,hideColumnHeaders:h,loading:d,loadingOptions:c,paginationBarOptions:u,scrollable:v,scrollOffset:p,showPagination:g,sortable:f,sortedColumn:m,sortedColumnOrder:b,stickyColumnHeaders:w,updateScrollOffset:y,updating:x,theme:O}=this;return e(o,{style:Object.assign({},this.setTableDimensions()),class:{[`ic-theme-${O}`]:O!=="inherit"}},e("div",{class:"table-container"},r(this.el,"title-bar")&&e("slot",{name:"title-bar"}),e("div",{class:{["table-row-container"]:true,scrollable:v},tabIndex:v?0:null,onScroll:y},e("table",{style:{["--table-layout"]:this.tableLayout}},e("caption",{class:"table-caption"},s),!h&&e("thead",{class:{["column-header-sticky"]:w,["column-header-overlay"]:w&&p!==0}},e("tr",null,n())),x&&!d&&(h?e("thead",null,a()):a()),this.renderTableBody(l,d,c.overlay)),this.renderEmptyState(l,d,c.overlay)),e("div",{"aria-live":"assertive",class:"sr-only"},this.renderAriaLiveLoading()),this.renderLoadingIndicator(d,c),(g||r(this.el,"pagination-bar"))&&e("div",{class:"pagination-container"},r(this.el,"pagination-bar")?e("slot",{name:"pagination-bar"}):e("ic-pagination-bar",{alignment:u.alignment,hideAllFromItemsPerPage:u.hideAllFromItemsPerPage,hideRangeLabel:u.hideRangeLabel,itemLabel:u.itemLabel,itemsPerPageOptions:u.itemsPerPageOptions,monochrome:u.monochrome,pageLabel:u.pageLabel,rangeLabelType:u.rangeLabelType,selectedItemsPerPage:u.selectedItemsPerPage,setToFirstPageOnPaginationChange:u.setToFirstPageOnPaginationChange,showGoToPageControl:u.showGoToPageControl,showItemsPerPageControl:u.showItemsPerPageControl,theme:O,totalItems:(t=l===null||l===void 0?void 0:l.length)!==null&&t!==void 0?t:0,type:u.type})),f&&e("div",{class:"screen-reader-sort-text","aria-live":"polite"},b!=="unsorted"&&m?`${((i=this.columns.find((t=>t.key===m)))===null||i===void 0?void 0:i.title)||m} sorted ${b}`:"table unsorted")))}get el(){return n(this)}static get watchers(){return{columnHeaderTruncation:["headerTruncationChangeHandler"],loading:["loadingHandler"],truncationPattern:["truncationPatternHandler"],data:["dataHandler"],density:["densityHandler"],globalRowHeight:["rowHeightChangeHandler"],variableRowHeight:["rowHeightChangeHandler"]}}};w.style=b;export{w as ic_data_table};
+//# sourceMappingURL=p-b6e385ba.entry.js.map