@ukic/canary-web-components 3.0.0-canary.6 → 3.0.0-canary.8

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

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

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

@@ -1 +0,0 @@
-{"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","DEFAULT_LINE_HEIGHT","densityUpdate","truncationPatternUpdated","isNewDebounceDelaySet","headerResizeObserver","IC_TOOLTIP_STRING","SHOW_TRUNC_TOOLTIP_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","appendChild","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","description","max","min","progress","monochrome","updatingOptions","h","colSpan","columns","class","theme","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","emphasis","name","Fragment","_k","onAllCells","_l","_m","variant","href","target","rel","createCells","row","rowIndex","rowValues","values","rowKeys","getRowOptions","headerIndex","indexOf","variableRowHeightVal","variableRowHeight","call","index","globalRowHeight","map","scope","stickyRowHeaders","createColumnHeaders","cellAlignment","colspan","title","updating","loading","hideOnHeader","label","id","sortable","getSortButtonLabel","onClick","sortRows","sortedColumn","sortedColumnOrder","onRowClick","selectedRow","createRows","data","showPagination","slice","fromRow","toRow","organisedData","slottedColumns","filter","col","prototype","hasOwnProperty","addDataToPosition","sort","getSortFunction","getNextSortOption","option","sortOrders","sortOptions","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","sortButton","previousSortedButton","nextSortOrderIndex","tableSorted","icSortChange","emit","columnName","sorted","from","updateTruncationTooltip","removeTooltipOnly","regenerateTooltip","updateScrollOffset","scrollOffset","scrollTop","setTableDimensions","tableHostDimensions","fixCellTooltips","slotElements","getSlotElements","slottedEl","tooltipEl","tagName","setExternalPopperProps","strategy","itemsPerPageOptions","rangeLabelType","showItemsPerPageControl","showGoToPageControl","itemLabel","pageLabel","hideRangeLabel","hideAllFromItemsPerPage","defaultColumn","headerTruncationChangeHandler","disconnectedCallback","disconnect","componentWillLoad","rowsPerPage","Number","paginationBarOptions","previousRowsPerPage","loadingOptions","showBackground","previousItemsPerPage","componentDidLoad","tableElement","tableContainer","checkResizeObserver","scrollable","showLoadingIndicator","componentDidUpdate","truncateUpdatedData","componentDidRender","createShowHideTruncation","resetTruncation","then","removeAttribute","hasAutoRowHeight","setProperty","allRows","newRows","checkMaxLines","setShowHideExpanded","addLineClampCSS","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","getPropertyValue","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","clickListener","loadingHandler","newValue","truncationPatternHandler","dataHandler","newData","densityHandler","rowHeightChangeHandler","oldValue","icRowHeightChange","resetRowHeights","loadingIndicator","rowOptionsIndex","textContent","cssText","createElement","render","caption","stickyColumnHeaders","Host","tabIndex","onScroll","tableLayout","aligned","heading","labelDuration","ref","totalItems"],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: 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  --ic-typography-color: var(--ic-data-table-text-default-emphasis);\n}\n\n.truncation-show-hide {\n  overflow: visible;\n  display: block;\n}\n\n.cell-icon.truncation-show-hide {\n  display: flex;\n}\n\n.cell-container:not(.data-type-element, .truncation-show-hide) {\n  overflow-x: hidden;\n}\n\nic-loading-indicator {\n  position: sticky;\n  top: 20px;\n}\n\n.table-row-container {\n  position: relative;\n  height: 100%;\n  overflow: auto;\n  transition: var(--ic-easing-transition-fast);\n  overflow-anchor: none;\n}\n\n:host([show-pagination=\"true\"]) .table-row-container {\n  height: calc(100% - 3.5625rem);\n}\n\ntable {\n  table-layout: 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-space-1px) solid var(--ic-data-table-border);\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-data-table-cell-background-selected) !important;\n}\n\n.table-row:hover {\n  background-color: var(--ic-data-table-cell-background-hover) !important;\n}\n\n.table-row-selected:hover {\n  background-color: var(\n    --ic-data-table-cell-background-selected-hover\n  ) !important;\n}\n\n.sort-button {\n  margin-left: auto;\n}\n\n.sort-button:hover {\n  background-color: var(--ic-data-table-icon-button-background-hover);\n}\n\n.sort-button:active {\n  background-color: var(--ic-data-table-icon-button-background-pressed);\n}\n\n.sort-button svg {\n  color: var(--ic-data-table-sort-toggle-icon);\n}\n\n.sort-button-unsorted svg {\n  color: var(--ic-data-table-sort-toggle-icon-default);\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-data-table-header-background);\n  border-right: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n  border-bottom: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n  color: var(--ic-data-table-header-text);\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-space-1px) solid var(--ic-data-table-header-keyline) !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 {\n  background-color: var(--ic-data-table-cell-background);\n}\n\n.table-row:nth-child(even) {\n  background-color: var(--ic-data-table-cell-background-stripe);\n}\n\n.table-cell {\n  padding: var(--ic-space-xs);\n  border-bottom: solid var(--ic-data-table-cell-keyline) 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 ic-typography {\n  --ic-typography-color: var(--ic-data-table-text-low-emphasis);\n}\n\n.cell-emphasis-high ic-typography {\n  --ic-typography-color: var(--ic-data-table-text-high-emphasis);\n\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n  background-color: var(--ic-data-table-pagination-bar-background-color);\n  border-top: var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline);\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-space-1px) solid var(--ic-data-table-header-keyline);\n}\n\n.updating-state-headers {\n  border-bottom: none;\n}\n\n.loading {\n  position: absolute;\n  left: calc(50% - 5.9741rem);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading.show-background {\n  background-color: var(--ic-data-table-overlay-background);\n  border: var(--ic-space-1px) solid var(--ic-data-table-overlay-border);\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 .icon > svg,\n.column-header ::slotted(svg) {\n  fill: var(--ic-data-table-icon);\n}\n\n.table-cell .icon > svg,\n.table-cell ::slotted(svg) {\n  fill: var(--ic-data-table-icon-default-emphasis);\n}\n\n.cell-emphasis-high .icon > svg,\n.cell-emphasis-high ::slotted(svg) {\n  fill: var(--ic-data-table-icon-high-emphasis);\n}\n\n.cell-emphasis-low .icon > svg,\n.cell-emphasis-low ::slotted(svg) {\n  fill: var(--ic-data-table-icon-low-emphasis);\n}\n\n.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg) {\n  margin-right: auto;\n}\n\n.column-header-alignment-center > ic-typography,\n.row-header-alignment-right > ic-typography,\n.cell-alignment-center > ic-typography {\n  flex: 1;\n}\n\n.icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n.truncation-tooltip ic-typography {\n  display: -webkit-box;\n  -webkit-line-clamp: var(--ic-line-clamp, 0);\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography {\n  white-space: normal;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n  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@media screen and (min-width: 577px) {\n  .column-header-inner-container {\n    display: flex;\n    align-items: center;\n  }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Element,\n  h,\n  Prop,\n  State,\n  Listen,\n  Watch,\n  Fragment,\n  Method,\n  Event,\n  EventEmitter,\n  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} from \"./ic-data-table.types\";\nimport { IcPaginationBarOptions, IcThemeMode } 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} from \"../../utils/helpers\";\n\n/**\n * @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.\n * @slot {COLUMN_KEY}-{ROW_INDEX}[-icon] - Each cell should have its own slot, named using the column tag and the row index, allowing for custom elements to be displayed. Include `-icon` at the end for that cell's icon slot.\n * @slot {COLUMN_KEY}-column-icon - The icon slot for a column header.\n * @slot title-bar - A custom ic-data-table-title-bar can be slotted above the column headers to display additional information about the table.\n * @slot pagination-bar - A custom ic-pagination-bar can be slotted below the data to provide enhanced control over how the data is interacted with when being fetched externally.\n */\n@Component({\n  tag: \"ic-data-table\",\n  styleUrl: \"ic-data-table.css\",\n  shadow: true,\n})\nexport class DataTable {\n  private DENSITY_HEIGHT_MULTIPLIER = {\n    dense: 0.8,\n    default: 1,\n    spacious: 1.2,\n  };\n\n  private DENSITY_PADDING_HEIGHT_DIFF = {\n    dense: 8,\n    default: 16,\n    spacious: 20,\n  };\n\n  private SORT_ICONS = {\n    unsorted: unsortedIcon,\n    ascending: ascendingIcon,\n    descending: descendingIcon,\n  };\n\n  private hasLoadedForOneSecond = true;\n  private loadingIndicator: HTMLIcLoadingIndicatorElement;\n  private timerStarted: number;\n  private resizeObserver: ResizeObserver = null;\n  private SHOW_HIDE_STRING = \"show-hide\";\n  private SHOW_HIDE_CSS_CLASS = `${this.SHOW_HIDE_STRING}-wrap`;\n  private TOOLTIP_STRING = \"tooltip\";\n  private TOOLTIP = `ic-${this.TOOLTIP_STRING}`;\n  private TEXT_WRAP_STRING = \"text-wrap\";\n  private TEXT_WRAP_CLASS = `.${this.TEXT_WRAP_STRING}`;\n  private dataUpdated = false;\n  private tableSorted: boolean;\n  private rowHeightSet = false;\n  private initialLoad = 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 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\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`, 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    description?: string;\n    label?: string;\n    labelDuration?: number;\n    max?: number;\n    min?: number;\n    progress?: number;\n    showBackground?: boolean;\n    monochrome?: 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    itemLabel: \"Item\",\n    pageLabel: \"Page\",\n    hideRangeLabel: false,\n    hideAllFromItemsPerPage: false,\n    monochrome: false,\n  };\n\n  /**\n   * If `true`, adds a pagination bar to the bottom of the table.\n   */\n  @Prop() showPagination?: boolean = false;\n\n  /**\n   * If `true`, allows table columns to be sorted using applied sort buttons.\n   */\n  @Prop() sortable?: boolean = false;\n\n  /**\n   * Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n   */\n  @Prop() sortOptions?: {\n    sortOrders: IcDataTableSortOrderOptions[];\n    defaultColumn?: string;\n  } = {\n    sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n    defaultColumn: \"\",\n  };\n\n  /**\n   * If `true`, column headers will remain at the top of the table when scrolling vertically.\n   */\n  @Prop() stickyColumnHeaders?: boolean = false;\n\n  /**\n   * If `true`, row headers will remain to the left when scrolling horizontally.\n   */\n  @Prop() stickyRowHeaders?: boolean = false;\n\n  /**\n   * Sets the layout of the table\n   */\n  @Prop() tableLayout?: \"fixed\" | \"auto\" = \"fixed\";\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\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    description?: string;\n    max?: number;\n    min?: number;\n    progress?: number;\n    monochrome?: boolean;\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 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,\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  }\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.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(\"ic-typography\");\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(\"style\", `--ic-line-clamp: 0`);\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?.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\n            this.truncate(typographyEl, cellContainer, tooltipEl);\n          } else {\n            this.updateSetRowHeight(typographyEl);\n          }\n        }\n      );\n\n      this.rowHeightSet = false;\n    }\n\n    // Only run truncation on the new rows\n    // when the number of items per page has increased\n    if (this.itemsPerPageChange) {\n      const allRows = this.el.shadowRoot.querySelectorAll(\".table-row\");\n\n      if (this.rowsPerPage > this.previousItemsPerPage) {\n        const newRows = Array.from(allRows).slice(this.previousItemsPerPage);\n\n        newRows.forEach((row) => {\n          row\n            .querySelectorAll(\"ic-typography\")\n            .forEach((typographyEl: HTMLIcTypographyElement) => {\n              const cellContainer = this.getCellContainer(typographyEl);\n              const tooltipEl = this.getTooltip(typographyEl);\n\n              this.truncate(typographyEl, cellContainer, tooltipEl);\n            });\n        });\n      }\n\n      this.previousItemsPerPage = this.rowsPerPage;\n      this.itemsPerPageChange = false;\n    }\n\n    if (!this.initialLoad && this.icPageChangeEvent) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      // set truncation to see more if opened and next/previous page is pressed\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n\n          if (\n            typographyEl?.scrollHeight > cellContainer.clientHeight &&\n            !showHideBtn\n          ) {\n            this.addShowHideTruncation(cellContainer, typographyEl);\n          }\n        });\n      }\n\n      this.icPageChangeEvent = false;\n    }\n\n    if (this.densityUpdate) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        const tooltipEl = this.getTooltip(typographyEl);\n\n        this.truncate(typographyEl, cellContainer, tooltipEl);\n      });\n\n      this.densityUpdate = false;\n    }\n\n    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  ) {\n    typographyEl.checkMaxLines(typographyEl.scrollHeight);\n    typographyEl.setAttribute(\n      \"max-lines\",\n      `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n    );\n    typographyEl.setShowHideExpanded(false);\n\n    cellContainer.style.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(\"style\", `--ic-line-clamp: 0`);\n\n        cellContainer.appendChild(typographyEl);\n        tooltip.remove();\n      }\n\n      if (\n        this.truncationPattern === this.SHOW_HIDE_STRING &&\n        !isEmptyString(typographyEl.getAttribute(\"max-lines\"))\n      ) {\n        this.resetShowHideTruncation(typographyEl);\n      }\n    }\n  };\n\n  private addTooltipTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement\n  ) {\n    this.addLineClampCSS(typographyEl, cellContainer);\n\n    if (!tooltip) {\n      this.createTruncationTooltip(typographyEl, cellContainer);\n    }\n  }\n\n  private addShowHideTruncation(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement\n  ) {\n    cellContainer.classList.add(this.SHOW_HIDE_CSS_CLASS);\n    this.createShowHideTruncation(typographyEl, cellContainer);\n  }\n\n  private dataTruncation = (typographyEl: HTMLIcTypographyElement) => {\n    // Tooltip truncation mentioned in AC. Will need revisiting\n    const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n    const cellContainer = this.getCellContainer(typographyEl);\n    if (\n      cellContainer?.classList.contains(\"data-type-element\") ||\n      this.dataUpdated\n    ) {\n      return;\n    }\n\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING &&\n      typographyEl.shadowRoot.querySelector(\"button\")\n    ) {\n      const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n      // If the see more/see less is present and the max lines is equal to the cell container\n      // remove the see more/see less button\n      if (showHideBtn) {\n        const truncWrapper = this.getTruncWrapper(typographyEl);\n\n        if (\n          this.getLines(truncWrapper.scrollHeight) ===\n          +typographyEl.getAttribute(\"max-lines\")\n        ) {\n          this.resetShowHideTruncation(typographyEl);\n        }\n      }\n    }\n\n    // Deals with setting and resetting row height and re-truncating data\n    if (this.rowHeightSet && this.truncationPattern === this.SHOW_HIDE_STRING) {\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      // cellContainer.clientHeight - 24 removes the extra line by see more/see less\n      if (\n        truncWrapper &&\n        cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n          truncWrapper.scrollHeight\n      ) {\n        this.resetShowHideTruncation(typographyEl);\n        return;\n      }\n\n      if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n        this.addShowHideTruncation(cellContainer, typographyEl);\n        return;\n      }\n    }\n\n    if (\n      typographyEl?.scrollHeight > 0 &&\n      cellContainer?.clientHeight > 0 &&\n      typographyEl?.scrollHeight === cellContainer?.clientHeight\n    ) {\n      if (tooltip) {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      return;\n    }\n\n    this.truncate(typographyEl, cellContainer, tooltip);\n  };\n\n  private getTruncWrapper(typographyEl: HTMLIcTypographyElement) {\n    return typographyEl.shadowRoot.querySelector(\".trunc-wrapper\");\n  }\n\n  // Set the height to initial if row height is set and the show / hide truncation\n  // is clicked\n  @Listen(\"typographyTruncationExpandToggle\")\n  handleTypographyTruncationExpandToggle({\n    detail,\n  }: CustomEvent<{\n    expanded: boolean;\n    typographyEl: HTMLIcTypographyElement;\n  }>): 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,\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 {\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    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 { description, max, min, progress, monochrome } =\n      this.updatingOptions || {};\n    return (\n      <th colSpan={this.columns.length} class=\"updating-state\">\n        <ic-loading-indicator\n          theme={this.theme}\n          monochrome={monochrome}\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        [`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        ...this.setTruncationClass(),\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              <ic-typography\n                variant=\"body\"\n                class={{\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                      theme={this.theme}\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            )}\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                ></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    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\"]: this.selectedRow === row,\n            }}\n          >\n            {this.createCells(row, index)}\n          </tr>\n        );\n      });\n  };\n\n  private getObjectValue = (cell: object, key: string) => {\n    return Object.values(cell)[Object.keys(cell).indexOf(key)];\n  };\n\n  private getSortButtonLabel = (key: string) => {\n    let label = \"\";\n    const getNextSortOption = (option: IcDataTableSortOrderOptions) => {\n      const sortOrders = this.sortOptions.sortOrders;\n      return sortOrders[(sortOrders.indexOf(option) + 1) % sortOrders.length];\n    };\n\n    if (this.sortedColumn === key) {\n      const sortOption = getNextSortOption(this.sortedColumnOrder);\n      label = sortOption !== \"unsorted\" ? `Sort ${sortOption}` : \"Remove sort\";\n    } else {\n      label = `Sort ${getNextSortOption(\"unsorted\")}`;\n    }\n\n    return label;\n  };\n\n  private getComparison = (targetRow: any, comparisonRow: any): number => {\n    const targetRowValue = targetRow[this.sortedColumn];\n    const comparisonRowValue = comparisonRow[this.sortedColumn];\n    return this.columns.find((col) => col.key === this.sortedColumn)\n      .dataType === \"date\"\n      ? new Date(targetRowValue).valueOf() -\n          new Date(comparisonRowValue).valueOf()\n      : String(\n          this.isObject(targetRowValue)\n            ? Object.values(targetRowValue)[0]\n            : targetRowValue\n        ).localeCompare(\n          String(\n            this.isObject(comparisonRowValue)\n              ? Object.values(comparisonRowValue)[0]\n              : comparisonRowValue\n          ),\n          undefined,\n          { numeric: true, sensitivity: \"base\" }\n        );\n  };\n\n  private getSortFunction = () => {\n    switch (this.sortedColumnOrder) {\n      case \"ascending\":\n        return (a: any, b: any) => this.getComparison(a, b);\n      case \"descending\":\n        return (a: any, b: any) => this.getComparison(b, a);\n      default:\n        return undefined;\n    }\n  };\n\n  private sortRows = (column: string) => {\n    const sortButton = this.el.shadowRoot.querySelector(\n      `#sort-button-${column}`\n    ) as HTMLIcButtonElement;\n\n    const sortOrders = this.sortOptions.sortOrders;\n\n    if (column !== this.sortedColumn) {\n      if (this.sortedColumn) {\n        const previousSortedButton = this.el.shadowRoot.querySelector(\n          `#sort-button-${this.sortedColumn}`\n        ) as HTMLIcButtonElement;\n        previousSortedButton.setAttribute(\n          \"aria-label\",\n          this.getSortButtonLabel(column)\n        ); // Passing through unsorted column returns correct label for newly unsorted column\n      }\n      this.sortedColumn = column;\n      this.sortedColumnOrder = \"unsorted\";\n    }\n\n    let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n    if (nextSortOrderIndex > sortOrders.length - 1) {\n      nextSortOrderIndex = 0;\n    }\n\n    this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n    sortButton.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n\n    this.tableSorted = true;\n\n    this.icSortChange.emit({\n      columnName: column,\n      sorted: this.sortedColumnOrder,\n    });\n  };\n\n  private getTypographyElements = (): HTMLIcTypographyElement[] => {\n    return Array.from(\n      this.el.shadowRoot.querySelectorAll(\n        \"ic-typography:not(.column-header-text)\"\n      )\n    );\n  };\n\n  private getTooltip = (\n    typographyEl: HTMLIcTypographyElement\n  ): HTMLIcTooltipElement => {\n    return typographyEl.closest(this.TOOLTIP);\n  };\n\n  private updateTruncationTooltip = (removeTooltipOnly = false) => {\n    this.getTypographyElements().forEach(\n      (typographyEl: HTMLIcTypographyElement) => {\n        const tooltip = this.getTooltip(typographyEl);\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n          this.removeTooltip(cellContainer, typographyEl, tooltip);\n          typographyEl.setAttribute(\"style\", `--ic-line-clamp: 0`);\n          return;\n        }\n\n        this.regenerateTooltip(\n          cellContainer,\n          typographyEl,\n          tooltip,\n          removeTooltipOnly\n        );\n      }\n    );\n  };\n\n  private updateScrollOffset = () => {\n    this.scrollOffset = this.el.shadowRoot.querySelector(\n      \".table-row-container\"\n    ).scrollTop;\n  };\n\n  private getRowOptions(rowKeys: string[], rowValues: any[]) {\n    const rowOptionsIndex = rowKeys.indexOf(\"rowOptions\");\n    return rowOptionsIndex > -1 && rowValues[rowOptionsIndex];\n  }\n\n  private regenerateTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement,\n    removeTooltipOnly?: boolean\n  ) {\n    // When sorting the table, instead of regenerating the tooltip,\n    // the tooltip details are updated\n\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(\"--ic-line-clamp: 0;\")\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    cellContainer.appendChild(typographyEl);\n    if (tooltip) {\n      tooltip.remove();\n    }\n  }\n\n  private addLineClampCSS(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    typographyEl.setAttribute(\n      \"style\",\n      `--ic-line-clamp: ${this.getLines(cellContainer?.clientHeight)}`\n    );\n  }\n\n  private createTruncationTooltip(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const tooltipEl = document.createElement(\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    cellContainer.appendChild(tooltipEl);\n    tooltipEl.appendChild(typographyEl);\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        const tooltipEl = (\n          slottedEl.tagName === \"IC-TOOLTIP\"\n            ? slottedEl\n            : slottedEl.shadowRoot?.querySelector(this.IC_TOOLTIP_STRING)\n        ) as HTMLIcTooltipElement;\n        if (tooltipEl) {\n          tooltipEl.setExternalPopperProps({\n            strategy: \"fixed\",\n          });\n        }\n      });\n    });\n  };\n\n  render() {\n    const {\n      caption,\n      createColumnHeaders,\n      createRows,\n      createUpdatingIndicator,\n      data,\n      hideColumnHeaders,\n      loading,\n      loadingOptions,\n      paginationBarOptions,\n      scrollable,\n      scrollOffset,\n      showPagination,\n      sortable,\n      sortedColumnOrder,\n      sortedColumn,\n      stickyColumnHeaders,\n      updateScrollOffset,\n      updating,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        style={{ ...this.setTableDimensions() }}\n        class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n      >\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            <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              {data?.length > 0 && !loading && <tbody>{createRows()}</tbody>}\n            </table>\n            {!data?.length &&\n              !loading &&\n              (isSlotUsed(this.el, \"empty-state\") ? (\n                <slot name=\"empty-state\" />\n              ) : (\n                <ic-empty-state\n                  aligned=\"center\"\n                  heading=\"No Data\"\n                  class=\"loading-empty\"\n                ></ic-empty-state>\n              ))}\n          </div>\n          {loading && (\n            <ic-loading-indicator\n              theme={theme}\n              monochrome={loadingOptions?.monochrome}\n              class={{\n                \"loading-empty\": loading,\n                loading: true,\n                \"show-background\": loadingOptions.showBackground,\n              }}\n              description={loadingOptions.description || \"Loading table data\"}\n              label={loadingOptions.label || \"Loading...\"}\n              labelDuration={loadingOptions?.labelDuration}\n              max={loadingOptions?.max}\n              min={loadingOptions?.min}\n              progress={loadingOptions?.progress}\n              ref={(el: HTMLIcLoadingIndicatorElement) =>\n                (this.loadingIndicator = el)\n              }\n            ></ic-loading-indicator>\n          )}\n          {(showPagination || isSlotUsed(this.el, \"pagination-bar\")) && (\n            <div class=\"pagination-container\">\n              {isSlotUsed(this.el, \"pagination-bar\") ? (\n                <slot name=\"pagination-bar\" />\n              ) : (\n                <ic-pagination-bar\n                  totalItems={data?.length ?? 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                  theme={theme}\n                  monochrome={paginationBarOptions.monochrome}\n                  itemLabel={paginationBarOptions.itemLabel}\n                  pageLabel={paginationBarOptions.pageLabel}\n                  hideRangeLabel={paginationBarOptions.hideRangeLabel}\n                  hideAllFromItemsPerPage={\n                    paginationBarOptions.hideAllFromItemsPerPage\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-aa876e5e.entry.js

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["icTreeViewCss","treeViewIds","TreeView","this","treeViewId","treeItemTag","hostMutationObserver","handleKeyDown","event","focussedChild","treeItems","indexOf","filter","el","document","activeElement","expanded","_a","key","getNextItemToSelect","setFocus","length","preventDefault","isParent","hasParentExpanded","updateAriaLabel","children","parentElement","tagName","currentItem","movingDown","numItems","nextItem","maxAttempts","attempts","disabled","linkTreeItems","forEach","treeItem","setAttribute","setTreeItems","getAllTreeItems","addSlotChangeListener","addEventListener","truncateTreeViewHeading","typographyEl","shadowRoot","querySelector","tooltip","closest","headingContainer","scrollHeight","clientHeight","classList","add","tooltipEl","createElement","id","textContent","appendChild","hostMutationCallback","mutationList","some","type","addedNodes","removedNodes","checkSlotInChildMutations","forceUpdate","isHeadingDefined","isPropDefined","heading","hasHeadingAreaContent","isSlotUsed","watchFocusInsetHandler","focusInset","watchSizeHandler","size","watchThemeHandler","theme","watchTruncateTreeItemsHandler","truncateTreeItem","undefined","truncateTreeItems","disconnectedCallback","removeEventListener","_b","disconnect","componentDidLoad","setTimeout","truncateHeading","MutationObserver","observe","childList","handleTreeItemSelected","selected","detail","element","collectTreeItems","Array","from","child","push","render","h","Host","class","onKeyDown","name","variant"],"sources":["src/components/ic-tree-view/ic-tree-view.css?tag=ic-tree-view&encapsulation=shadow","src/components/ic-tree-view/ic-tree-view.tsx"],"sourcesContent":["/**\n* @prop --tree-view-width: Width of the tree view\n*/\n\n:host {\n  display: block;\n  width: var(--tree-view-width, 100%);\n  background-color: var(--ic-tree-view-background);\n}\n\n:host .heading-area-container {\n  border-bottom: var(--ic-space-1px) solid var(--ic-tree-view-divider);\n  display: flex;\n  align-items: center;\n  min-height: calc(\n    var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px)\n  );\n  padding: 0 var(--ic-space-xs);\n\n  --ic-typography-color: var(--ic-tree-view-text);\n}\n\n:host(.ic-tree-view-small) .heading-area-container {\n  min-height: calc(var(--ic-space-xl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-large) .heading-area-container {\n  min-height: calc(var(--ic-space-xxl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate) .heading-area-container {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate.ic-tree-view-small) .heading-area-container {\n  height: calc(var(--ic-space-xl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate.ic-tree-view-large) .heading-area-container {\n  height: calc(var(--ic-space-xxl) - var(--ic-space-1px));\n}\n\n.icon-container {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin: 0 var(--ic-space-xs) 0 0;\n}\n\n:host(.ic-tree-view-small) .icon-container {\n  margin: 0 var(--ic-space-xxs) 0 0;\n}\n\n.ic-text-overflow {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tree-view-icon);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Host,\n  Watch,\n  State,\n  Listen,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { IcSizes, IcThemeMode } from \"../../utils/types\";\nimport {\n  isPropDefined,\n  isSlotUsed,\n  checkSlotInChildMutations,\n} from \"../../utils/helpers\";\n\nlet treeViewIds = 0;\n\n/**\n * @slot heading - Content is set as the tree view heading.\n * @slot icon - Content is placed to the left of the heading.\n */\n\n@Component({\n  tag: \"ic-tree-view\",\n  styleUrl: \"ic-tree-view.css\",\n  shadow: true,\n})\nexport class TreeView {\n  private treeViewId = `ic-tree-view-${treeViewIds++}`;\n  private treeItemTag = \"IC-TREE-ITEM\";\n  private hostMutationObserver: MutationObserver = null;\n\n  @Element() el: HTMLIcTreeViewElement;\n\n  @State() treeItems: HTMLIcTreeItemElement[];\n\n  /**\n   * If `true`, tree items will have inset focus.\n   */\n  @Prop() focusInset?: boolean = false;\n  @Watch(\"focusInset\")\n  watchFocusInsetHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.focusInset = this.focusInset;\n    });\n  }\n\n  /**\n   * The heading of the tree view.\n   */\n  @Prop() heading?: string = \"\";\n\n  /**\n   * The size of the tree view.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n  @Watch(\"size\")\n  watchSizeHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.size = this.size;\n    });\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.theme = this.theme;\n    });\n  }\n\n  /**\n   * If `true`, the tree view heading will be truncated instead of text wrapping.\n   */\n  @Prop() truncateHeading?: boolean = false;\n\n  /**\n   * If `true`, tree items will be truncated, unless they are individually overridden.\n   */\n  @Prop() truncateTreeItems?: boolean = false;\n  @Watch(\"truncateTreeItems\")\n  watchTruncateTreeItemsHandler() {\n    this.treeItems.forEach((treeItem) => {\n      if (treeItem.truncateTreeItem === undefined) {\n        treeItem.truncateTreeItem = this.truncateTreeItems;\n      }\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.el?.removeEventListener(\"slotchange\", this.setTreeItems);\n\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentDidLoad(): void {\n    this.setTreeItems();\n\n    this.watchSizeHandler();\n    this.watchFocusInsetHandler();\n    this.watchThemeHandler();\n    this.watchTruncateTreeItemsHandler();\n\n    setTimeout(() => {\n      this.truncateHeading && this.truncateTreeViewHeading();\n    }, 100);\n\n    this.addSlotChangeListener();\n\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"icTreeItemSelected\")\n  handleTreeItemSelected(event: CustomEvent): void {\n    this.treeItems.forEach((treeItem) => {\n      if (treeItem.selected && treeItem.id !== event.detail.id) {\n        treeItem.selected = false;\n      }\n    });\n  }\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    const focussedChild = this.treeItems.indexOf(\n      this.treeItems.filter((el) => el === document.activeElement)[0]\n    );\n    const expanded = this.treeItems[focussedChild]?.expanded;\n    switch (event.key) {\n      case \"ArrowDown\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, true)\n        ].setFocus();\n        if (focussedChild !== this.treeItems.length - 1) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowUp\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, false)\n        ].setFocus();\n        if (focussedChild !== 0) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        if (this.treeItems[focussedChild].isParent && !expanded) {\n          this.treeItems[focussedChild].expanded = true;\n          this.treeItems[focussedChild].hasParentExpanded = true;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (this.treeItems[focussedChild].isParent && expanded) {\n          (\n            this.treeItems[focussedChild].children[0] as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n      case \"ArrowLeft\":\n        if (this.treeItems[focussedChild].isParent && expanded) {\n          this.treeItems[focussedChild].expanded = false;\n          this.treeItems[focussedChild].hasParentExpanded = false;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (\n          this.treeItems[focussedChild].parentElement.tagName ===\n          this.treeItemTag\n        ) {\n          (\n            this.treeItems[focussedChild].parentElement as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n    }\n  };\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numItems = this.treeItems.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n    if (nextItem < 0) {\n      nextItem = 0;\n    } else if (nextItem > numItems) {\n      nextItem = numItems;\n    }\n\n    const maxAttempts = numItems + 1;\n    let attempts = 0;\n\n    while (attempts < maxAttempts) {\n      if (nextItem < 0 || nextItem > numItems) {\n        return currentItem;\n      }\n\n      if (\n        !this.treeItems[nextItem].disabled &&\n        (this.treeItems[nextItem].parentElement.tagName !== this.treeItemTag ||\n          (this.treeItems[nextItem].parentElement as HTMLIcTreeItemElement)\n            .expanded)\n      ) {\n        return nextItem;\n      }\n\n      if (nextItem === numItems && this.treeItems[nextItem].disabled) {\n        return currentItem;\n      }\n\n      nextItem = movingDown ? nextItem + 1 : nextItem - 1;\n      attempts++;\n    }\n\n    return currentItem;\n  };\n\n  private linkTreeItems = () => {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.setAttribute(\"context-id\", this.treeViewId);\n    });\n  };\n\n  private setTreeItems = () => {\n    this.treeItems = this.getAllTreeItems(this.el as HTMLElement);\n\n    this.linkTreeItems();\n  };\n\n  private getAllTreeItems(element: HTMLElement): HTMLIcTreeItemElement[] {\n    const treeItems: HTMLIcTreeItemElement[] = [];\n\n    const collectTreeItems = (el: HTMLElement) => {\n      Array.from(el.children).forEach((child) => {\n        if (child.tagName === this.treeItemTag) {\n          treeItems.push(child as HTMLIcTreeItemElement);\n        }\n\n        collectTreeItems(child as HTMLElement);\n      });\n    };\n\n    collectTreeItems(element);\n    return treeItems;\n  }\n\n  private addSlotChangeListener = () => {\n    this.el.addEventListener(\"slotchange\", this.setTreeItems);\n  };\n\n  private truncateTreeViewHeading = () => {\n    const typographyEl: HTMLIcTypographyElement =\n      this.el.shadowRoot.querySelector(\".tree-view-header\");\n    const tooltip = typographyEl?.closest(\"ic-tooltip\");\n    const headingContainer: HTMLElement = this.el.shadowRoot.querySelector(\n      \".heading-area-container\"\n    );\n\n    if (typographyEl?.scrollHeight > headingContainer?.clientHeight) {\n      typographyEl.classList.add(\"ic-text-overflow\");\n\n      if (!tooltip) {\n        const tooltipEl = document.createElement(\"ic-tooltip\");\n        tooltipEl.setAttribute(\"target\", this.el.id);\n        tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n        tooltipEl.classList.add(\"ic-tooltip-overflow\");\n        tooltipEl.setAttribute(\"placement\", \"right\");\n        headingContainer.appendChild(tooltipEl);\n        tooltipEl.appendChild(typographyEl);\n      }\n    }\n  };\n\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    if (\n      mutationList.some(({ type, addedNodes, removedNodes }) =>\n        type === \"childList\"\n          ? checkSlotInChildMutations(addedNodes, removedNodes, \"icon\")\n          : false\n      )\n    ) {\n      forceUpdate(this);\n    }\n  };\n\n  private isHeadingDefined = () =>\n    isPropDefined(this.heading) && this.heading !== null;\n\n  private hasHeadingAreaContent = (): boolean => {\n    return (\n      isSlotUsed(this.el, \"heading\") ||\n      this.isHeadingDefined() ||\n      isSlotUsed(this.el, \"icon\")\n    );\n  };\n\n  render() {\n    const { heading, size, theme } = this;\n\n    return (\n      <Host\n        context-id={this.treeViewId}\n        class={{\n          [`ic-tree-view-${size}`]: size !== \"medium\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-tree-view-truncate\": this.truncateHeading,\n        }}\n        onKeyDown={this.handleKeyDown}\n        aria-label={this.isHeadingDefined() ? heading : null}\n      >\n        {this.hasHeadingAreaContent() && (\n          <div class=\"heading-area-container\">\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon-container\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography variant=\"subtitle-large\" class=\"tree-view-header\">\n              {isSlotUsed(this.el, \"heading\") ? (\n                <slot name=\"heading\" />\n              ) : (\n                heading\n              )}\n            </ic-typography>\n          </div>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6GAAA,MAAMA,EAAgB,84CCkBtB,IAAIC,EAAc,E,MAYLC,EAAQ,M,yBACXC,KAAAC,WAAa,gBAAgBH,MAC7BE,KAAAE,YAAc,eACdF,KAAAG,qBAAyC,KAiGzCH,KAAAI,cAAiBC,I,MACvB,MAAMC,EAAgBN,KAAKO,UAAUC,QACnCR,KAAKO,UAAUE,QAAQC,GAAOA,IAAOC,SAASC,gBAAe,IAE/D,MAAMC,GAAWC,EAAAd,KAAKO,UAAUD,MAAc,MAAAQ,SAAA,SAAAA,EAAED,SAChD,OAAQR,EAAMU,KACZ,IAAK,YACHf,KAAKO,UACHP,KAAKgB,oBAAoBV,EAAe,OACxCW,WACF,GAAIX,IAAkBN,KAAKO,UAAUW,OAAS,EAAG,CAC/Cb,EAAMc,gB,CAER,MACF,IAAK,UACHnB,KAAKO,UACHP,KAAKgB,oBAAoBV,EAAe,QACxCW,WACF,GAAIX,IAAkB,EAAG,CACvBD,EAAMc,gB,CAER,MACF,IAAK,aACH,GAAInB,KAAKO,UAAUD,GAAec,WAAaP,EAAU,CACvDb,KAAKO,UAAUD,GAAeO,SAAW,KACzCb,KAAKO,UAAUD,GAAee,kBAAoB,KAClDrB,KAAKO,UAAUD,GAAegB,iB,MACzB,GAAItB,KAAKO,UAAUD,GAAec,UAAYP,EAAU,CAE3Db,KAAKO,UAAUD,GAAeiB,SAAS,GACvCN,U,CAEJZ,EAAMc,iBACN,MACF,IAAK,YACH,GAAInB,KAAKO,UAAUD,GAAec,UAAYP,EAAU,CACtDb,KAAKO,UAAUD,GAAeO,SAAW,MACzCb,KAAKO,UAAUD,GAAee,kBAAoB,MAClDrB,KAAKO,UAAUD,GAAegB,iB,MACzB,GACLtB,KAAKO,UAAUD,GAAekB,cAAcC,UAC5CzB,KAAKE,YACL,CAEEF,KAAKO,UAAUD,GAAekB,cAC9BP,U,CAEJZ,EAAMc,iBACN,M,EAIEnB,KAAAgB,oBAAsB,CAC5BU,EACAC,KAEA,MAAMC,EAAW5B,KAAKO,UAAUW,OAAS,EAEzC,GAAIQ,EAAc,EAAG,CACnBA,EAAc,C,CAGhB,IAAIG,EAAWF,EAAaD,EAAc,EAAIA,EAAc,EAC5D,GAAIG,EAAW,EAAG,CAChBA,EAAW,C,MACN,GAAIA,EAAWD,EAAU,CAC9BC,EAAWD,C,CAGb,MAAME,EAAcF,EAAW,EAC/B,IAAIG,EAAW,EAEf,MAAOA,EAAWD,EAAa,CAC7B,GAAID,EAAW,GAAKA,EAAWD,EAAU,CACvC,OAAOF,C,CAGT,IACG1B,KAAKO,UAAUsB,GAAUG,WACzBhC,KAAKO,UAAUsB,GAAUL,cAAcC,UAAYzB,KAAKE,aACtDF,KAAKO,UAAUsB,GAAUL,cACvBX,UACL,CACA,OAAOgB,C,CAGT,GAAIA,IAAaD,GAAY5B,KAAKO,UAAUsB,GAAUG,SAAU,CAC9D,OAAON,C,CAGTG,EAAWF,EAAaE,EAAW,EAAIA,EAAW,EAClDE,G,CAGF,OAAOL,CAAW,EAGZ1B,KAAAiC,cAAgB,KACtBjC,KAAKO,UAAU2B,SAASC,IACtBA,EAASC,aAAa,aAAcpC,KAAKC,WAAW,GACpD,EAGID,KAAAqC,aAAe,KACrBrC,KAAKO,UAAYP,KAAKsC,gBAAgBtC,KAAKU,IAE3CV,KAAKiC,eAAe,EAoBdjC,KAAAuC,sBAAwB,KAC9BvC,KAAKU,GAAG8B,iBAAiB,aAAcxC,KAAKqC,aAAa,EAGnDrC,KAAAyC,wBAA0B,KAChC,MAAMC,EACJ1C,KAAKU,GAAGiC,WAAWC,cAAc,qBACnC,MAAMC,EAAUH,IAAY,MAAZA,SAAY,SAAZA,EAAcI,QAAQ,cACtC,MAAMC,EAAgC/C,KAAKU,GAAGiC,WAAWC,cACvD,2BAGF,IAAIF,IAAY,MAAZA,SAAY,SAAZA,EAAcM,eAAeD,IAAgB,MAAhBA,SAAgB,SAAhBA,EAAkBE,cAAc,CAC/DP,EAAaQ,UAAUC,IAAI,oBAE3B,IAAKN,EAAS,CACZ,MAAMO,EAAYzC,SAAS0C,cAAc,cACzCD,EAAUhB,aAAa,SAAUpC,KAAKU,GAAG4C,IACzCF,EAAUhB,aAAa,QAASM,EAAaa,aAC7CH,EAAUF,UAAUC,IAAI,uBACxBC,EAAUhB,aAAa,YAAa,SACpCW,EAAiBS,YAAYJ,GAC7BA,EAAUI,YAAYd,E,IAKpB1C,KAAAyD,qBAAwBC,IAC9B,GACEA,EAAaC,MAAK,EAAGC,OAAMC,aAAYC,kBACrCF,IAAS,YACLG,EAA0BF,EAAYC,EAAc,QACpD,QAEN,CACAE,EAAYhE,K,GAIRA,KAAAiE,iBAAmB,IACzBC,EAAclE,KAAKmE,UAAYnE,KAAKmE,UAAY,KAE1CnE,KAAAoE,sBAAwB,IAE5BC,EAAWrE,KAAKU,GAAI,YACpBV,KAAKiE,oBACLI,EAAWrE,KAAKU,GAAI,Q,yCApQO,M,aAWJ,G,UAKF,S,WAWK,U,qBAWM,M,uBAKE,K,CAzCtC,sBAAA4D,GACEtE,KAAKO,UAAU2B,SAASC,IACtBA,EAASoC,WAAavE,KAAKuE,UAAU,G,CAczC,gBAAAC,GACExE,KAAKO,UAAU2B,SAASC,IACtBA,EAASsC,KAAOzE,KAAKyE,IAAI,G,CAS7B,iBAAAC,GACE1E,KAAKO,UAAU2B,SAASC,IACtBA,EAASwC,MAAQ3E,KAAK2E,KAAK,G,CAc/B,6BAAAC,GACE5E,KAAKO,UAAU2B,SAASC,IACtB,GAAIA,EAAS0C,mBAAqBC,UAAW,CAC3C3C,EAAS0C,iBAAmB7E,KAAK+E,iB,KAKvC,oBAAAC,G,SACElE,EAAAd,KAAKU,MAAE,MAAAI,SAAA,SAAAA,EAAEmE,oBAAoB,aAAcjF,KAAKqC,eAEhD6C,EAAAlF,KAAKG,wBAAoB,MAAA+E,SAAA,SAAAA,EAAEC,Y,CAG7B,gBAAAC,GACEpF,KAAKqC,eAELrC,KAAKwE,mBACLxE,KAAKsE,yBACLtE,KAAK0E,oBACL1E,KAAK4E,gCAELS,YAAW,KACTrF,KAAKsF,iBAAmBtF,KAAKyC,yBAAyB,GACrD,KAEHzC,KAAKuC,wBAELvC,KAAKG,qBAAuB,IAAIoF,iBAAiBvF,KAAKyD,sBACtDzD,KAAKG,qBAAqBqF,QAAQxF,KAAKU,GAAI,CACzC+E,UAAW,M,CAKf,sBAAAC,CAAuBrF,GACrBL,KAAKO,UAAU2B,SAASC,IACtB,GAAIA,EAASwD,UAAYxD,EAASmB,KAAOjD,EAAMuF,OAAOtC,GAAI,CACxDnB,EAASwD,SAAW,K,KAkHlB,eAAArD,CAAgBuD,GACtB,MAAMtF,EAAqC,GAE3C,MAAMuF,EAAoBpF,IACxBqF,MAAMC,KAAKtF,EAAGa,UAAUW,SAAS+D,IAC/B,GAAIA,EAAMxE,UAAYzB,KAAKE,YAAa,CACtCK,EAAU2F,KAAKD,E,CAGjBH,EAAiBG,EAAqB,GACtC,EAGJH,EAAiBD,GACjB,OAAOtF,C,CAqDT,MAAA4F,GACE,MAAMhC,QAAEA,EAAOM,KAAEA,EAAIE,MAAEA,GAAU3E,KAEjC,OACEoG,EAACC,EAAI,cACSrG,KAAKC,WACjBqG,MAAO,CACL,CAAC,gBAAgB7B,KAASA,IAAS,SACnC,CAAC,YAAYE,KAAUA,IAAU,UACjC,wBAAyB3E,KAAKsF,iBAEhCiB,UAAWvG,KAAKI,cAAa,aACjBJ,KAAKiE,mBAAqBE,EAAU,MAE/CnE,KAAKoE,yBACJgC,EAAA,OAAKE,MAAM,0BACRjC,EAAWrE,KAAKU,GAAI,SACnB0F,EAAA,OAAKE,MAAM,kBACTF,EAAA,QAAMI,KAAK,UAGfJ,EAAA,iBAAeK,QAAQ,iBAAiBH,MAAM,oBAC3CjC,EAAWrE,KAAKU,GAAI,WACnB0F,EAAA,QAAMI,KAAK,YAAY,IAO/BJ,EAAA,a"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["icToggleButtonGroupCss","TOGGLE_GROUP","ToggleButtonGroup","constructor","hostRef","this","keyListener","ev","lastKeyPressed","key","shift","shiftKey","setSlottedAria","el","btn","shadowRoot","querySelector","aria","getAttribute","accessibleLabel","setAttribute","handleHostFocus","loading","disabled","target","relEl","relatedTarget","toggleButtons","Array","from","querySelectorAll","every","checked","selectType","tagName","focus","toggledButton","filter","handleKeyDown","event","toggleButtonOptions","getAllToggleButtons","focussedChild","indexOf","document","activeElement","selectMethod","proxySelectHandler","getNextItemToSelect","currentItem","movingDown","numToggles","length","nextItem","fullWidth","iconPlacement","undefined","monochrome","size","theme","variant","watchDisabledHandler","forEach","removeDisabledFalse","watchMonochromeHandler","watchThemeHandler","selectHandler","tabTarget","allToggles","clickedToggle","id","icChange","emit","detail","selectedOption","toggledOptions","map","opt","toggleButton","componentWillLoad","addEventListener","componentDidLoad","i","toString","tabIndex","classList","add","disconnectedCallback","removeEventListener","toggle","customEv","CustomEvent","render","h","Host","role","tabindex","class","onFocus"],"sources":["../web-components/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css?tag=ic-toggle-button-group&encapsulation=shadow","../web-components/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/* PARENT HOST */\n\n:root {\n  display: block;\n}\n\n:host {\n  display: flex;\n  flex-direction: row;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: -moz-min-content;\n  min-width: min-content;\n  border: var(--ic-border-width) solid var(--ic-toggle-button-unselected-border);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-toggle-button-group-full-width) {\n  width: 100%;\n  max-width: 100%;\n}\n\n:host(.ic-toggle-button-group-loading) {\n  min-width: -moz-max-content;\n  min-width: max-content;\n}\n\n:host(:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n}\n\n/* CHILDREN SLOTTED */\n\n::slotted(ic-toggle-button) {\n  flex-grow: 1;\n  width: -moz-min-content;\n  width: min-content;\n\n  --toggle-button-border: none !important;\n  --toggle-button-border-hover: none !important;\n  --toggle-button-border-active: none !important;\n}\n\n::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border);\n}\n\n/* DISABLED */\n:host(.ic-toggle-button-group-disabled) {\n  border: var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);\n  pointer-events: none;\n}\n\n:host(.ic-toggle-button-group-disabled)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);\n}\n\n:host(.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { removeDisabledFalse } from \"../../utils/helpers\";\nconst TOGGLE_GROUP = \"IC-TOGGLE-BUTTON-GROUP\";\nexport class ToggleButtonGroup {\n    constructor() {\n        this.keyListener = (ev) => {\n            this.lastKeyPressed = {\n                key: ev.key,\n                shift: ev.shiftKey,\n            };\n        };\n        this.setSlottedAria = (el) => {\n            const btn = el.shadowRoot\n                .querySelector(\"ic-button\")\n                .shadowRoot.querySelector(\"button\");\n            let aria = btn.getAttribute(\"aria-label\");\n            aria += \", \";\n            aria += this.accessibleLabel;\n            btn.setAttribute(\"aria-label\", aria);\n        };\n        this.handleHostFocus = (ev) => {\n            if (this.loading || this.disabled) {\n                return null;\n            }\n            const el = ev.target;\n            const relEl = ev.relatedTarget;\n            const toggleButtons = Array.from(el.querySelectorAll(\"ic-toggle-button\"));\n            if (((toggleButtons.every((el) => !el.checked) ||\n                this.selectType !== \"single\") &&\n                this.lastKeyPressed.shift === false) ||\n                (toggleButtons.every((el) => !el.checked) &&\n                    this.lastKeyPressed.shift === true &&\n                    relEl.tagName == TOGGLE_GROUP)) {\n                toggleButtons[0].focus();\n            }\n            else if (this.lastKeyPressed.shift === false ||\n                (this.lastKeyPressed.shift === true && relEl.tagName == TOGGLE_GROUP)) {\n                // if checked is true and selectMethod is \"single\", focus that toggle\n                const toggledButton = toggleButtons.filter((el) => el.checked);\n                toggledButton[0].focus();\n            }\n        };\n        this.handleKeyDown = (event) => {\n            const toggleButtonOptions = this.getAllToggleButtons();\n            const focussedChild = toggleButtonOptions.indexOf(toggleButtonOptions.filter((el) => el === document.activeElement)[0]);\n            switch (event.key) {\n                case \"ArrowDown\":\n                case \"ArrowRight\":\n                    this.selectMethod === \"auto\"\n                        ? this.proxySelectHandler(toggleButtonOptions[this.getNextItemToSelect(focussedChild, true)])\n                        : toggleButtonOptions[this.getNextItemToSelect(focussedChild, true)].focus();\n                    break;\n                case \"ArrowUp\":\n                case \"ArrowLeft\":\n                    this.selectMethod === \"auto\"\n                        ? this.proxySelectHandler(toggleButtonOptions[this.getNextItemToSelect(focussedChild, false)])\n                        : toggleButtonOptions[this.getNextItemToSelect(focussedChild, false)].focus();\n                    break;\n                case \"Tab\":\n                    break;\n            }\n        };\n        this.getNextItemToSelect = (currentItem, movingDown) => {\n            const toggleButtonOptions = this.getAllToggleButtons();\n            const numToggles = toggleButtonOptions.length - 1;\n            if (currentItem < 1) {\n                currentItem = 0;\n            }\n            let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n            if (nextItem < 0) {\n                nextItem = numToggles;\n            }\n            else if (nextItem > numToggles) {\n                nextItem = 0;\n            }\n            if (toggleButtonOptions[nextItem].disabled) {\n                nextItem = this.getNextItemToSelect(nextItem, movingDown);\n            }\n            return nextItem;\n        };\n        this.lastKeyPressed = {\n            key: null,\n            shift: false,\n        };\n        this.accessibleLabel = \"Toggle button group\";\n        this.disabled = false;\n        this.fullWidth = false;\n        this.iconPlacement = undefined;\n        this.loading = false;\n        this.monochrome = false;\n        this.selectMethod = \"manual\";\n        this.selectType = \"single\";\n        this.size = \"medium\";\n        this.theme = \"inherit\";\n        this.variant = \"default\";\n    }\n    watchDisabledHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.disabled = this.disabled;\n        });\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    watchMonochromeHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.monochrome = this.monochrome;\n        });\n    }\n    watchThemeHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.theme = this.theme;\n        });\n    }\n    selectHandler(ev, tabTarget) {\n        const allToggles = this.getAllToggleButtons();\n        let clickedToggle = ev.target;\n        // tabTarget used in proxySelectHandler\n        tabTarget && tabTarget.focus();\n        if (this.selectType === \"single\") {\n            if (!clickedToggle) {\n                clickedToggle = tabTarget;\n            }\n            allToggles.forEach((el) => {\n                if (el.id !== clickedToggle.id && el.checked) {\n                    el.checked = false;\n                }\n            });\n            this.icChange.emit({\n                checked: ev.detail.checked,\n                selectedOption: clickedToggle,\n            });\n        }\n        else {\n            const toggledOptions = this.getAllToggleButtons().filter((el) => el.checked && !el.disabled);\n            this.icChange.emit({\n                checked: toggledOptions.map((opt) => opt.checked),\n                toggledOptions: toggledOptions.map((opt) => ({\n                    toggleButton: opt,\n                })),\n                selectedOption: clickedToggle,\n            });\n        }\n    }\n    componentWillLoad() {\n        this.selectType === \"multi\" && (this.selectMethod = \"manual\");\n        this.selectMethod === \"auto\" && this.selectType === \"single\";\n        document.addEventListener(\"keydown\", this.keyListener);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        this.getAllToggleButtons().forEach((el, i) => {\n            this.setSlottedAria(el);\n            el.size = this.size;\n            el.loading = this.loading;\n            el.iconPlacement = this.iconPlacement;\n            el.disabled ? null : (el.disabled = this.disabled);\n            el.theme = this.theme;\n            el.monochrome = this.monochrome;\n            el.variant = this.variant;\n            el.fullWidth = this.fullWidth;\n            el.id = i.toString();\n            el.tabIndex = -1;\n            el.addEventListener(\"keydown\", (ev) => {\n                this.handleKeyDown(ev);\n            });\n            el.classList.add(\"expand-toggle-group-child\");\n        });\n    }\n    disconnectedCallback() {\n        document === null || document === void 0 ? void 0 : document.removeEventListener(\"keydown\", this.keyListener);\n    }\n    // trigger selectHandler when unable to add 'target'\n    proxySelectHandler(toggle) {\n        toggle.checked = true;\n        const customEv = new CustomEvent(\"icToggleChecked\", {\n            detail: {\n                checked: toggle.checked,\n            },\n        });\n        this.selectHandler(customEv, toggle);\n    }\n    getAllToggleButtons() {\n        return Array.from(this.el.querySelectorAll(\"ic-toggle-button\"));\n    }\n    render() {\n        return (h(Host, { role: \"group\", \"aria-label\": this.accessibleLabel, \"aria-disabled\": this.disabled ? \"true\" : \"false\", tabindex: 0, class: {\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n                [\"ic-toggle-button-group-full-width\"]: this.fullWidth,\n                [\"ic-toggle-button-group-loading\"]: this.loading,\n                [\"ic-toggle-button-group-disabled\"]: this.disabled,\n                [`ic-toggle-button-group-monochrome`]: this.monochrome,\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            }, onFocus: this.handleHostFocus }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-toggle-button-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accessibleLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The accessible label of the toggle button group component to provide context for screen reader users.\"\n                },\n                \"attribute\": \"accessible-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Toggle button group\\\"\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will be set to the disabled state.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will fill the width of the container.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"iconPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"resolved\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The placement of the icons in relation to the toggle button labels.\"\n                },\n                \"attribute\": \"icon-placement\",\n                \"reflect\": false\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will be in loading state.\"\n                },\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will display as black in the light theme, and white in dark theme.\"\n                },\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"selectMethod\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcSelectMethodTypes\",\n                    \"resolved\": \"\\\"auto\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcSelectMethodTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSelectMethodTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.\"\n                },\n                \"attribute\": \"select-method\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"manual\\\"\"\n            },\n            \"selectType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSelectTypes\",\n                    \"resolved\": \"\\\"multi\\\" | \\\"single\\\"\",\n                    \"references\": {\n                        \"IcSelectTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSelectTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.\"\n                },\n                \"attribute\": \"select-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"single\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"resolved\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the toggle button.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"lastKeyPressed\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a toggle button is selected.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcChangeEventDetail\",\n                    \"resolved\": \"IcChangeEventDetail\",\n                    \"references\": {\n                        \"IcChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-toggle-button-group.types\",\n                            \"id\": \"src/components/ic-toggle-button-group/ic-toggle-button-group.types.ts::IcChangeEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"monochrome\",\n                \"methodName\": \"watchMonochromeHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icToggleChecked\",\n                \"method\": \"selectHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-toggle-button-group.js.map\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as t,H as s}from"./p-8455d1bb.js";import{G as i,H as e,W as a,b as c,g as h}from"./p-4bcd86cf.js";const n=class{constructor(t){o(this,t);this.brandChange=r(this,"brandChange",7);this.darkModeChangeHandler=()=>{if(this.theme==="system"){this.themeClass=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"ic-theme-dark":"ic-theme-light"}else{this.themeClass=`ic-theme-${this.theme}`}};this.checkBrandColorContrast=()=>{if(i()<e&&i()>a){console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`)}};this.setBrandColor=()=>{const o=c(this.brandColor);if(o){const{r,g:t,b:s,a:i}=o;const{style:e}=document.documentElement;e.setProperty("--ic-brand-color-primary-r",`${r}`);e.setProperty("--ic-brand-color-primary-g",`${t}`);e.setProperty("--ic-brand-color-primary-b",`${s}`);e.setProperty("--ic-brand-color-primary-a",`${i}`);this.checkBrandColorContrast();this.brandChange.emit({mode:h(),color:o})}};this.themeClass="";this.brandColor=null;this.theme="light"}watchBrandColorPropHandler(){this.setBrandColor()}watchThemePropHandler(){this.darkModeChangeHandler()}componentWillLoad(){this.darkModeChangeHandler();this.setBrandColor();window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",this.darkModeChangeHandler)}render(){const{themeClass:o}=this;return t(s,{class:o},t("slot",null))}static get watchers(){return{brandColor:["watchBrandColorPropHandler"],theme:["watchThemePropHandler"]}}};export{n as ic_theme};
-//# sourceMappingURL=p-b1c68968.entry.js.map