@ukic/canary-web-components 2.0.0-canary.31 → 2.0.0-canary.33

package/dist/core/{p-789ae7f5.entry.js → p-3b1c88ad.entry.js}

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

package/dist/core/p-3bbc3db1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,F as s,H as n,g as o}from"./p-8455d1bb.js";import{d as l,b as a,p as h,i as r,c as d,e as c,f as u,h as v,j as p}from"./p-8ab58daa.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)}.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-border-light)}.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-table-row-selected) !important}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-action-dark-bg-hover)}.sort-button:active{background-color:var(--ic-action-dark-bg-active)}.sort-button svg{color:var(--ic-architectural-black)}.sort-button-unsorted svg{color:var(--ic-color-tertiary-text)}.table-density-dense .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-architectural-40);border-right:var(--ic-border-light);border-bottom:var(--ic-border-light)}.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-border-light) !important}:host([embedded="true"]) tr:last-child .table-cell,:host([embedded="true"]) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row:nth-child(even){background-color:var(--ic-architectural-20)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-architectural-100) var(--ic-space-1px);overflow:hidden;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{color:var(--ic-color-secondary-text)}.cell-emphasis-high{font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-architectural-40);border-top:var(--ic-border-light)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-border-light)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-dialog) - 1)}.loading.show-background{background-color:var(--ic-architectural-white);border:var(--ic-border-light)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.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-architectural-black);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 screen and (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media screen and (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}';const w=class{constructor(n){t(this,n);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(l((()=>{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&&!a(t.getAttribute("max-lines"))){this.resetShowHideTruncation(t)}}};this.dataTruncation=t=>{const i=this.getTooltip(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.classList.contains("data-type-element"))||this.dataUpdated){return}if(this.truncationPattern===this.SHOW_HIDE_STRING&&t.shadowRoot.querySelector("button")){const i=t.shadowRoot.querySelector("button");if(i){const i=this.getTruncWrapper(t);if(this.getLines(i.scrollHeight)===+t.getAttribute("max-lines")){this.resetShowHideTruncation(t)}}}if(this.rowHeightSet&&this.truncationPattern===this.SHOW_HIDE_STRING){const i=this.getTruncWrapper(t);if(i&&e.clientHeight-this.DEFAULT_LINE_HEIGHT>i.scrollHeight){this.resetShowHideTruncation(t);return}if(t.scrollHeight>e.clientHeight){this.addShowHideTruncation(e,t);return}}if((t===null||t===void 0?void 0:t.scrollHeight)>0&&(e===null||e===void 0?void 0:e.clientHeight)>0&&(t===null||t===void 0?void 0:t.scrollHeight)===(e===null||e===void 0?void 0:e.clientHeight)){if(i){this.removeTooltip(e,t,i)}return}this.truncate(t,e,i)};this.removeTextWrap=()=>{this.getTypographyElements().forEach((t=>{const i=t.closest("td");if(i.classList.contains(this.TEXT_WRAP_STRING)){i.classList.remove(this.TEXT_WRAP_STRING)}}))};this.getCellContainer=t=>t.closest(".cell-container");this.deleteTextWrapDataKey=t=>Array.isArray(t)&&t.forEach((t=>t.textWrap&&delete t.textWrap));this.startLoadingTimer=()=>{this.hasLoadedForOneSecond=false;this.timerStarted=Date.now();setTimeout((()=>{this.hasLoadedForOneSecond=true;this.timerStarted=null}),this.minimumLoadingDisplayDuration)};this.isObject=t=>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{appearance:t,description:i,max:s,min:n,progress:o}=this.updatingOptions||{};return e("th",{colSpan:this.columns.length,class:"updating-state"},e("ic-loading-indicator",{appearance:t,description:i||"Updating table data",fullWidth:true,max:s,min:n,progress: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=()=>{if(this.truncationPattern){return{[`truncation-${this.truncationPattern}`]:true}}return{}};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,n,o,l,a,h,d,c)=>{var u,v,p,g,f,m,b,w,y,x,O,j,$,k,H;return e("div",{innerHTML:(t===null||t===void 0?void 0:t.dataType)==="element"&&!r(this.el,n)?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=o===null||o===void 0?void 0:o.rowAlignment)===null||v===void 0?void 0:v.vertical)||l||this.getCellAlignment(i,"vertical")}`]:!!((p=t===null||t===void 0?void 0:t.columnAlignment)===null||p===void 0?void 0:p.vertical)||!!((g=o===null||o===void 0?void 0:o.rowAlignment)===null||g===void 0?void 0:g.vertical)||!!l||!!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=o===null||o===void 0?void 0:o.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=o===null||o===void 0?void 0:o.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)||(o===null||o===void 0?void 0:o.textWrap)||!!this.getCellOptions(i,"textWrap"),["cell-icon"]:a||!!((y=t===null||t===void 0?void 0:t.icon)===null||y===void 0?void 0:y.icon)},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,o===null||o===void 0?void 0:o.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,n)?e("slot",{name:n}):e(s,null,r(this.el,`${n}-icon`)?e("slot",{name:`${n}-icon`}):(a||((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")||((j=t===null||t===void 0?void 0:t.icon)===null||j===void 0?void 0:j.icon)}),(t===null||t===void 0?void 0:t.dataType)!=="element"&&!r(this.el,n)&&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"),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=(k=d("description"))===null||k===void 0?void 0:k.data)!==null&&H!==void 0?H:d("description"))))))};this.createCells=(t,i)=>{var s;const n=Object.values(t);const o=Object.keys(t);const l=this.getRowOptions(o,n);let a;let h;const r=o.indexOf("header");if(r>-1){a=this.getObjectValue(n[r],"rowAlignment");h=this.getObjectValue(n[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 n.map(((t,s)=>{const n=this.columns[s];const r=`${n===null||n===void 0?void 0:n.key}-${i}`;const d=this.isObject(t)&&Object.keys(t).includes("icon");const u=i=>this.getObjectValue(t,i);if(o[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(o[s]!=="rowOptions"){return e("td",{class:{["table-cell"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),["with-overflow"]:(n===null||n===void 0?void 0:n.dataType)==="element"},style:Object.assign({},this.getColumnWidth(n.columnWidth))},this.isObject(t)&&Object.keys(t).includes("actionElement")?e("div",{class:"cell-grid-wrapper"},this.createCellContent(n,t,r,l,a,d,c,u,h),e("span",{class:"action-element",innerHTML:u("actionElement"),onClick:t.actionOnClick?()=>this.handleClick(t.actionOnClick):undefined})):this.createCellContent(n,t,r,l,a,d,c,u,h))}}))};this.createColumnHeaders=()=>(this.columns||[]).map((({cellAlignment:t,colspan:i,icon:s,key:n,title:o,columnWidth:l},a)=>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(l)),colSpan:i},e("div",{class:{"column-header-inner-container":true,"truncation-tooltip":this.columnHeaderTruncation,[`column-header-alignment-${t}`]:!!t}},r(this.el,`${n}-column-icon`)?e("slot",{name:`${n}-column-icon`}):s&&!s.hideOnHeader&&e("span",{class:"icon",innerHTML:s.icon}),this.columnHeaderTruncation?e("ic-tooltip",{label:o,target:`column-header-${a}`},e("ic-typography",{id:`column-header-${a}`,variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},o)):e("ic-typography",{variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},o),this.sortable&&e("ic-button",{variant:"icon",id:`sort-button-${n}`,"aria-label":this.getSortButtonLabel(n),onClick:()=>this.sortRows(n),innerHTML:this.SORT_ICONS[this.sortedColumn===n?this.sortedColumnOrder:"unsorted"],class:{["sort-button"]:true,["sort-button-unsorted"]:this.sortedColumn!==n||this.sortedColumnOrder==="unsorted"}})),this.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()}},o))));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?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 n=t.clientHeight+parseInt(s,10);if(this.globalRowHeight&&this.globalRowHeight!=="auto"){if(!e.textContent&&n+this.DEFAULT_LINE_HEIGHT>this.globalRowHeight){this.updateRowHeightForDescriptions(n,i)}else if(this.truncationPattern===this.TOOLTIP_STRING){if(n+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(n+this.DEFAULT_LINE_HEIGHT+t.clientHeight,i)}else{this.updateRowHeightForDescriptions(n+this.DEFAULT_LINE_HEIGHT,i)}}this.addLineClampCSS(e,i)}else if(this.truncationPattern===this.SHOW_HIDE_STRING&&n+this.DEFAULT_LINE_HEIGHT>this.globalRowHeight&&e.style.getPropertyValue("--truncation-max-lines")!=="initial"){this.updateRowHeightForDescriptions(n+this.DEFAULT_LINE_HEIGHT,i);if(n){this.createShowHideTruncation(e,i,n)}}}}))};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;const e=t.tagName==="IC-TOOLTIP"?t:(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.IC_TOOLTIP_STRING);if(e){e.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=>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",{appearance:i===null||i===void 0?void 0:i.appearance,class:{"loading-empty":t,loading:true,"show-background":i.showBackground||i.overlay},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 n=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 n}else if(!i&&!(t===null||t===void 0?void 0:t.length)){return n}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.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={itemsPerPageOptions:[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}],rangeLabelType:"page",type:"simple",showItemsPerPageControl:true,showGoToPageControl:true,alignment:"right",appearance:"default",itemLabel:"Item",pageLabel:"Page",hideRangeLabel:false,hideAllFromItemsPerPage:false,setToFirstPageOnPaginationChange:false};this.showPagination=false;this.sortable=false;this.sortOptions={sortOrders:["unsorted","ascending","descending"],defaultColumn:""};this.stickyColumnHeaders=false;this.stickyRowHeaders=false;this.tableLayout="fixed";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(){var t,i;this.rowsPerPage=Number(this.paginationBarOptions.itemsPerPageOptions[0].value);this.previousRowsPerPage=this.rowsPerPage;this.toRow=this.rowsPerPage;this.sortedColumn=this.sortOptions.defaultColumn;this.sortedColumnOrder=this.sortOptions.sortOrders[0];this.loadingOptions=Object.assign(Object.assign({},this.loadingOptions),{showBackground:((t=this.data)===null||t===void 0?void 0:t.length)>0||!!((i=this.loadingOptions)===null||i===void 0?void 0:i.overlay)});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 n=this.getCellContainer(e);const o=this.getTooltip(e);if(i){n.style.height=null;if(this.truncationPattern===this.TOOLTIP_STRING){this.removeTooltip(n,e,o);e.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`)}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.resetShowHideTruncation(e)}return}const l=t*parseFloat(n.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(!n.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)&&!((s=n===null||n===void 0?void 0:n.style)===null||s===void 0?void 0:s.height)&&l>n.clientHeight&&!n.classList.contains(this.TEXT_WRAP_STRING)){n.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,n.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)<=n.clientHeight){this.resetShowHideTruncation(e);return}}this.truncate(e,n,o)}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)}getTruncWrapper(t){return t.shadowRoot.querySelector(".trunc-wrapper")}handleTypographyTruncationExpandToggle({detail:t}){const{expanded:i,typographyEl:e}=t;const s=this.getCellContainer(e);if(s.style.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(t){var i;this.loadingOptions=Object.assign(Object.assign({},this.loadingOptions),{showBackground:(t===null||t===void 0?void 0:t.length)>0||!!((i=this.loadingOptions)===null||i===void 0?void 0:i.overlay)});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)&&!a(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)}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 n=(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)>n){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 n=(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(n||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;const{caption:i,createColumnHeaders:s,createUpdatingIndicator:o,data:l,hideColumnHeaders:a,loading:h,loadingOptions:d,paginationBarOptions:c,scrollable:u,scrollOffset:v,showPagination:p,sortable:g,sortedColumnOrder:f,sortedColumn:m,stickyColumnHeaders:b,updateScrollOffset:w,updating:y}=this;return e(n,{style:Object.assign({},this.setTableDimensions())},e("div",{class:"table-container"},r(this.el,"title-bar")&&e("slot",{name:"title-bar"}),e("div",{class:{["table-row-container"]:true,scrollable:u},tabIndex:u?0:null,onScroll:w},r(this.el,"title-bar")&&e("slot",{name:"title-bar"}),e("table",{style:{["--table-layout"]:this.tableLayout}},e("caption",{class:"table-caption"},i),!a&&e("thead",{class:{["column-header-sticky"]:b,["column-header-overlay"]:b&&v!==0}},e("tr",null,s())),y&&!h&&(a?e("thead",null,o()):o()),this.renderTableBody(l,h,d.overlay)),this.renderEmptyState(l,h,d.overlay)),e("div",{"aria-live":"assertive",class:"sr-only"},this.renderAriaLiveLoading()),this.renderLoadingIndicator(h,d),(p||r(this.el,"pagination-bar"))&&e("div",{class:"pagination-container"},r(this.el,"pagination-bar")?e("slot",{name:"pagination-bar"}):e("ic-pagination-bar",{totalItems:(t=l===null||l===void 0?void 0:l.length)!==null&&t!==void 0?t:0,type:c.type,rangeLabelType:c.rangeLabelType,showItemsPerPageControl:c.showItemsPerPageControl,showGoToPageControl:c.showGoToPageControl,itemsPerPageOptions:c.itemsPerPageOptions,alignment:c.alignment,appearance:c.appearance,itemLabel:c.itemLabel,pageLabel:c.pageLabel,hideRangeLabel:c.hideRangeLabel,hideAllFromItemsPerPage:c.hideAllFromItemsPerPage,setToFirstPageOnPaginationChange:c.setToFirstPageOnPaginationChange})),g&&e("div",{class:"screen-reader-sort-text","aria-live":"polite"},f!=="unsorted"&&m?`${m} sorted ${f}`:"table unsorted")))}get el(){return o(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-3bbc3db1.entry.js.map

package/dist/core/p-3bbc3db1.entry.js.map

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

package/dist/core/p-3e7b08c7.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as a,g as n}from"./p-8455d1bb.js";import{I as o}from"./p-fd186591.js";import{i as s,K as r,f as l,D as c,d as h,o as d,j as p,a as m,F as u,e as g}from"./p-da506987.js";const b='/*! 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;color:var(--ic-theme-text);width:100%;position:relative}:host .top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}:host(.fullwidth-searchbar) slot[name="search"]::slotted(form){width:100%}:host .title-link{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}:host .title-link,:host .title-link:visited,:host .title-link:active,:host .title-link ::slotted(a),:host .title-link:visited ::slotted(a),:host .title-link:active ::slotted(a){color:var(--ic-theme-text);text-decoration:none;outline:none}:host .title-link:hover:not(:focus){background-color:var(--ic-theme-hover)}:host .title-link:active:not(:focus){background-color:var(--ic-theme-active)}:host .title-link:hover{border-radius:var(--ic-border-radius)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}:host .title-link ic-typography{font-weight:600}:host .nav-panel-container{border-top:var(--ic-keyline-lighten);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}:host(.dark) .nav-panel-container{border-top:var(--ic-keyline-darken)}.top-panel-container{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}.navigation-tabs{margin-top:calc(-1 * var(--ic-space-1px))}.app-details-container{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}.app-icon-container{display:flex;padding-right:var(--ic-space-xs)}.icon-buttons-container{display:flex;margin-left:var(--ic-space-md)}.icon-buttons-container ::slotted(nav){display:flex}.title-wrap{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:host .app-status{border-radius:var(--ic-space-md);background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}:host(.dark) .app-status{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}:host .app-version{border-radius:var(--ic-space-md);background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}slot[name="app-icon"]::slotted(*){fill:var(--ic-theme-text);width:2em;height:2em}slot[name="toggle-icon"] svg{fill:var(--ic-theme-text)}.search-menu-container{justify-content:right;display:flex;align-items:center}.menu-button-container{margin-left:var(--ic-space-md)}.menu-button-container .navigation-landmark-button-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.search-actions-container{display:flex}.menu-buttons-slot{display:flex;flex-direction:column}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}.navigation-item-list{display:flex;list-style:none;height:2.75rem}.navigation-item-list::-webkit-scrollbar{display:none}:host ic-section-container{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){.app-details-container{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){:host .nav-panel-container{padding:0 var(--ic-space-md)}}:host(.mobile-mode) .app-status,:host(.mobile-mode) .app-version{display:none}:host(.mobile-mode) .title-link{margin-right:var(--ic-space-xs)}:host(.mobile-mode) .search-menu-container{max-width:10rem}:host(.mobile-mode) .search-bar-container{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){:host .title-link{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}.top-panel-container{min-height:2.5rem}.search-bar-container{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}.menu-button-container{margin-left:var(--ic-space-sm)}slot[name="app-icon"]::slotted(*){width:1.5em;height:1.5em}slot[name="toggle-icon"] svg{width:1.5em;height:1.5em}}@media (forced-colors: active){:host .top-navigation{border-bottom:var(--ic-hc-border)}.app-status,.app-version{border:var(--ic-hc-border)}slot[name="app-icon"]::slotted(*){fill:currentcolor}slot[name="toggle-icon"] svg{fill:currentcolor}}';const v=class{constructor(e){t(this,e);this.icNavigationMenuClosed=i(this,"icNavigationMenuClosed",7);this.icNavigationMenuOpened=i(this,"icNavigationMenuOpened",7);this.topNavResized=i(this,"topNavResized",7);this.hasAppIcon=false;this.hasIconButtons=false;this.hasNavigation=false;this.hasSearchSlotContent=false;this.resizeObserver=null;this.searchBar=null;this.checkSlots=()=>{this.hasAppIcon=s(this.el,"app-icon");this.hasNavigation=s(this.el,"navigation");this.hasIconButtons=s(this.el,"buttons");this.hasSearchSlotContent=s(this.el,"search")};this.initialiseSearchBar=()=>{if(this.hasSearchSlotContent){const t=r(this.el,"search");if((t===null||t===void 0?void 0:t.tagName)==="IC-SEARCH-BAR"){this.searchBar=t}else if((t===null||t===void 0?void 0:t.tagName)==="FORM"){this.searchBar=t.querySelector("ic-search-bar")}if(this.searchBar!==null){this.searchBar.hideLabel=true}}};this.menuButtonClick=()=>{this.showNavMenu(true)};this.searchButtonMouseDownHandler=()=>{this.searchButtonClick=true};this.searchButtonClickHandler=()=>{this.toggleSearchBar();this.searchButtonClick=false};this.resizeObserverCallback=t=>{if(t!==this.deviceSize){this.deviceSize=t;if(t>this.customMobileBreakpoint){this.showNavMenu(false);if(this.mobileSearchBarVisible){this.toggleSearchBar()}}this.topNavResized.emit({size:t});if(this.searchBar&&document.activeElement===this.searchBar){this.searchBar.setAttribute("hidden","true");this.searchBar.removeAttribute("hidden");setTimeout((()=>{this.searchBar.focus()}),100)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback(l())}));this.resizeObserver.observe(this.el)};this.deviceSize=c.XL;this.foregroundColor=h();this.hasFullWidthSearchBar=false;this.mobileSearchBarVisible=false;this.mobileSearchHiddenOnBlur=false;this.navMenuVisible=false;this.searchButtonClick=false;this.searchValue="";this.contentAligned="full-width";this.customMobileBreakpoint=c.L;this.href="/";this.inline=false;this.shortAppTitle="";this.status="";this.version="";this.appTitle=undefined}watchPropHandler(t,i){d(i,t,this.initialiseSearchBar)}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){this.checkSlots();this.deviceSize=l();this.initialiseSearchBar()}componentDidLoad(){p(this.runResizeObserver);!s(this.el,"app-title")&&m([{prop:this.appTitle,propName:"app-title"}],"Top Navigation")}componentWillRender(){this.checkSlots()}navBarMenuCloseHandler(){this.showNavMenu(false);this.el.shadowRoot.querySelector("#menu-button").focus()}searchInputBlurHandler({detail:t}){if(t!==null){if(this.mobileSearchBarVisible&&!this.searchButtonClick){this.toggleSearchBar()}this.searchValue=t.value}}searchValueChangeHandler({detail:t}){this.searchValue=t.value}themeChangeHandler({detail:t}){this.foregroundColor=t.mode}toggleSearchBar(){this.mobileSearchBarVisible=!this.mobileSearchBarVisible;if(this.searchBar!==null){this.mobileSearchButtonEl.setAttribute("aria-label",`${this.mobileSearchBarVisible?"Hide":"Show"} search`);this.hasFullWidthSearchBar=this.mobileSearchBarVisible;this.searchBar.fullWidth=this.mobileSearchBarVisible;if(this.mobileSearchBarVisible){setTimeout((()=>{this.searchBar.focus()}),100)}}}showNavMenu(t){this.navMenuVisible=t;(t?this.icNavigationMenuOpened:this.icNavigationMenuClosed).emit();document.body.style.height=t?"100%":"auto";document.body.style.overflow=t?"hidden":"auto"}render(){const{appTitle:t,contentAligned:i,customMobileBreakpoint:n,deviceSize:r,el:l,foregroundColor:h,hasAppIcon:d,hasFullWidthSearchBar:p,hasIconButtons:m,hasNavigation:b,hasSearchSlotContent:v,href:f,inline:x,menuButtonClick:w,mobileSearchBarVisible:k,navMenuVisible:y,searchButtonClickHandler:z,searchButtonMouseDownHandler:H,shortAppTitle:M,status:C,version:B}=this;const S=C!=="";const j=B!=="";const T=b||m||S||j;const N=r<=c.S?"default":"large";const I=t!==""&&g(t);const R=r<=n;const V=R?r<=c.S?"subtitle-small":"h4":"h3";const $=`${k?"Hide":"Show"} search`;const A=r<=c.S?"small":"default";const O=s(l,"short-app-title");const D=s(l,"app-title");const L=D?"div":"a";const F=L=="a"&&{href:f};return e(a,{class:{"fullwidth-searchbar":p,"mobile-mode":R,[o.Dark]:h===o.Dark}},e("div",{class:"top-navigation"},e("ic-section-container",{aligned:i,"full-height":true},e("header",{role:"banner"},e("div",{class:"top-panel-container"},e("div",{class:"app-details-container"},(I||D)&&e(L,Object.assign({class:"title-link"},F),d&&e("div",{class:"app-icon-container"},e("slot",{name:"app-icon"})),r<=c.S&&(!u(M)||O)?e("ic-typography",{variant:"subtitle-small","aria-label":(!D||!O)&&`${t} (${M})`},e("h1",null,O?e("slot",{name:"short-app-title"}):M)):e("ic-typography",{variant:V},e("h1",{class:"title-wrap"},D?e("slot",{name:"app-title"}):t))),S&&e("div",{class:"app-status"},e("ic-typography",{"aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},C)),j&&e("div",{class:"app-version"},e("ic-typography",{variant:"label",class:"app-version-text","aria-label":"app version"},B))),(v||T)&&e("div",{class:"search-menu-container"},e("div",{class:"search-actions-container"},!R&&e("slot",{name:"search"}),v&&R&&e("ic-button",{id:"search-toggle-button",ref:t=>this.mobileSearchButtonEl=t,onMouseDown:H,variant:"icon",size:N,"aria-label":$,appearance:h,onClick:z},e("slot",{name:"toggle-icon"},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#ffffff"},e("path",{d:"M0 0h24v24H0V0z",fill:"none"}),e("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"})))),m&&!R&&e("div",{class:"icon-buttons-container"},e("slot",{name:"buttons"})),T&&R&&e("div",{class:"menu-button-container"},e("span",{id:"navigation-landmark-button-text",class:"navigation-landmark-button-text","aria-hidden":"true"},"Main navigation button"),e("nav",{"aria-labelledby":"navigation-landmark-button-text","aria-hidden":`${y}`},e("ic-button",{id:"menu-button",appearance:h,variant:"secondary","aria-expanded":"false","aria-haspopup":"true","aria-label":`Open ${b?"navigation":"app"} menu`,size:A,onClick:w},"Menu",e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#ffffff",slot:"icon"},e("path",{d:"M0 0h24v24H0V0z",fill:"none"}),e("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})))))))),k&&e("div",{class:"search-bar-container"},e("slot",{name:"search"})),b&&!R&&e("div",{class:"navigation-tabs"},e("span",{id:"navigation-landmark-text",class:"navigation-landmark-text","aria-hidden":"true"},"Main pages"),e("nav",{"aria-labelledby":"navigation-landmark-text",class:"nav-panel-container"},e("ic-horizontal-scroll",{appearance:h},e("ul",{class:"navigation-item-list",tabindex:"-1"},e("slot",{name:"navigation"})))))))),y&&e("ic-navigation-menu",{version:B,status:C,class:{["inline"]:x}},m&&e("div",{class:"menu-buttons-slot",slot:"buttons"},e("slot",{name:"buttons"})),e("ul",{slot:"navigation"},e("slot",{name:"navigation"}))))}get el(){return n(this)}static get watchers(){return{appTitle:["watchPropHandler"]}}};v.style=b;export{v as ic_top_navigation};
+//# sourceMappingURL=p-3e7b08c7.entry.js.map