@ukic/canary-web-components 2.0.0-canary.28 → 2.0.0-canary.29

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

@@ -0,0 +1 @@
+{"version":3,"names":["icDataTableCss","DataTable","this","DENSITY_HEIGHT_MULTIPLIER","dense","default","spacious","DENSITY_PADDING_HEIGHT_DIFF","SORT_ICONS","unsorted","unsortedIcon","ascending","ascendingIcon","descending","descendingIcon","hasLoadedForOneSecond","resizeObserver","SHOW_HIDE_STRING","SHOW_HIDE_CSS_CLASS","TOOLTIP_STRING","TOOLTIP","TEXT_WRAP_STRING","TEXT_WRAP_CLASS","dataUpdated","rowHeightSet","initialLoad","icPageChangeEvent","itemsPerPageChange","DATA_ROW_HEIGHT_STRING","ROW_HEIGHT_CSS_VARIABLE","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","notDefaultDensity","density","getCellContent","cell","dataType","undefined","toLocaleDateString","getCellAlignment","alignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","appearance","description","max","min","progress","updatingOptions","h","colSpan","columns","class","fullWidth","type","size","setRowHeight","pxToRem","setTruncationClass","getColumnWidth","columnWidth","columnWidthStyling","assign","minWidth","maxWidth","getRowHeight","currentRowHeight","columnProps","rowTextWrap","createCells","row","rowIndex","rowValues","values","rowKeys","rowOptions","getRowOptions","rowAlignment","rowEmphasis","headerIndex","indexOf","variableRowHeightVal","_a","variableRowHeight","call","index","globalRowHeight","map","cellSlotName","hasIcon","cellValue","scope","stickyRowHeaders","innerHTML","isSlotUsed","columnAlignment","vertical","_b","_c","_d","_e","horizontal","_f","_g","_h","_j","icon","name","Fragment","_k","onAllCells","_l","_m","variant","emphasis","href","createColumnHeaders","cellAlignment","colspan","title","updating","loading","hideOnHeader","label","target","id","sortable","getSortButtonLabel","onClick","sortRows","sortedColumn","sortedColumnOrder","onRowClick","selectedRow","createRows","data","showPagination","slice","fromRow","toRow","organisedData","slottedColumns","filter","col","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","width","fixCellTooltips","elements","element","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\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-border-light);\n}\n\n.column-header-inner-container {\n  padding: var(--ic-space-xs);\n  box-sizing: border-box;\n}\n\n.column-header-inner-container ic-tooltip {\n  pointer-events: none;\n}\n\n.column-header-inner-container ic-tooltip.show-trunc-tooltip {\n  pointer-events: auto;\n}\n\n.column-header-inner-container ic-tooltip .column-header-text {\n  --ic-line-clamp: 1;\n}\n\n.column-header-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.column-header-overlay {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  box-shadow: 0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%);\n}\n\n.row-header-sticky {\n  position: sticky;\n  left: 0;\n}\n\n.column-header,\n.table-row {\n  box-sizing: border-box;\n}\n\n.table-row-selected {\n  background-color: var(--ic-table-row-selected) !important;\n}\n\n.sort-button {\n  margin-left: auto;\n}\n\n.sort-button:hover {\n  background-color: var(--ic-action-dark-bg-hover);\n}\n\n.sort-button:active {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\n.sort-button svg {\n  color: var(--ic-architectural-black);\n}\n\n.sort-button-unsorted svg {\n  color: var(--ic-color-tertiary-text);\n}\n\n.table-density-dense .column-header-inner-container,\ntd.table-density-dense {\n  padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n  font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious {\n  padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n  font-size: 1.125rem;\n}\n\n.column-header-text {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.dummy-column-header-text {\n  white-space: nowrap;\n  overflow: hidden;\n  height: 0;\n  width: fit-content;\n}\n\n.row-header,\n.column-header {\n  text-align: left;\n  padding: var(--ic-space-xs);\n  background-color: var(--ic-architectural-40);\n  border-right: var(--ic-border-light);\n  border-bottom: var(--ic-border-light);\n}\n\n.column-header {\n  padding: 0;\n  width: var(--column-width);\n  min-width: var(--column-min-width, 4rem);\n  max-width: var(--column-max-width);\n}\n\n.column-header:last-child {\n  border-right: none;\n}\n\n.scrollable .column-header:last-child {\n  border-right: var(--ic-border-light) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n  border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n  text-align: left !important;\n  justify-content: start !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n  text-align: right !important;\n  justify-content: end !important;\n}\n\n.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography {\n  padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.cell-alignment-right.truncation-show-hide ic-typography {\n  --ellipsis-padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n  text-align: center !important;\n  justify-content: center !important;\n}\n\n.table-row:nth-child(even) {\n  background-color: var(--ic-architectural-20);\n}\n\n.table-cell {\n  padding: var(--ic-space-xs);\n  border-bottom: solid var(--ic-architectural-100) var(--ic-space-1px);\n  overflow: hidden;\n  box-sizing: border-box;\n  max-width: var(--column-max-width);\n  min-width: var(--column-min-width);\n}\n\n.table-cell.with-overflow {\n  overflow: visible;\n}\n\n.data-type-string,\n.data-type-address {\n  text-align: left;\n  vertical-align: top;\n}\n\n.data-type-number,\n.data-type-date {\n  text-align: right;\n  justify-content: end;\n  vertical-align: top;\n}\n\n.cell-alignment-top {\n  vertical-align: top;\n  align-items: flex-start;\n}\n\n.cell-alignment-middle {\n  vertical-align: middle;\n  align-items: center;\n}\n\n.cell-alignment-bottom {\n  vertical-align: bottom;\n  align-items: flex-end;\n}\n\n.cell-emphasis-low {\n  color: var(--ic-color-secondary-text);\n}\n\n.cell-emphasis-high {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n  background-color: var(--ic-architectural-40);\n  border-top: var(--ic-border-light);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n  position: absolute;\n  left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n}\n\n.loading-empty {\n  padding: var(--ic-space-xl) var(--ic-space-xxl);\n  margin-top: var(--ic-space-xl);\n}\n\n.updating-state {\n  padding: 0;\n  border-bottom: var(--ic-border-light);\n}\n\n.updating-state-headers {\n  border-bottom: none;\n}\n\n.loading {\n  position: absolute;\n  left: calc(50% - 5.9741rem);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading.show-background {\n  background-color: var(--ic-architectural-white);\n  border: var(--ic-border-light);\n}\n\n.loading.show {\n  opacity: 1;\n}\n\n.icon,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-right: var(--ic-space-xxs);\n}\n\n.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg) {\n  margin-right: auto;\n}\n\n.column-header-alignment-center > ic-typography,\n.row-header-alignment-right > ic-typography,\n.cell-alignment-center > ic-typography {\n  flex: 1;\n}\n\n.icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n.truncation-tooltip ic-typography {\n  display: -webkit-box;\n  -webkit-line-clamp: var(--ic-line-clamp, 0);\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography {\n  white-space: normal;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n  width: 100%;\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 { IcThemeForegroundNoDefault } from \"@ukic/web-components/dist/types/utils/types\";\nimport { IcPaginationBarOptions } from \"../../utils/types\";\n// Unable to import helper functions via @ukic/web-components\nimport {\n  isEmptyString,\n  isSlotUsed,\n  pxToRem,\n  addDataToPosition,\n  dynamicDebounce,\n  getSlotElements,\n  checkResizeObserver,\n} 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    appearance?: IcThemeForegroundNoDefault;\n    description?: string;\n    label?: string;\n    labelDuration?: number;\n    max?: number;\n    min?: number;\n    progress?: number;\n    showBackground?: boolean;\n  };\n\n  /**\n   * Sets the maximum width of the data table. Can be set in `px`, `rem`, or `%`.\n   */\n  @Prop() maxWidth?: string;\n\n  /**\n   * Sets the minimum width of the data table. Can be set in `px`, `rem`, or `%`.\n   */\n  @Prop() minWidth?: string;\n\n  /**\n   * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.\n   */\n  @Prop() minimumLoadingDisplayDuration?: number = 1000;\n\n  /**\n   * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.\n   */\n  @Prop() paginationBarOptions?: IcPaginationBarOptions = {\n    itemsPerPageOptions: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    rangeLabelType: \"page\",\n    type: \"simple\",\n    showItemsPerPageControl: true,\n    showGoToPageControl: true,\n    alignment: \"right\",\n    appearance: \"default\",\n    itemLabel: \"Item\",\n    pageLabel: \"Page\",\n    hideRangeLabel: false,\n    hideAllFromItemsPerPage: false,\n  };\n\n  /**\n   * If `true`, adds a pagination bar to the bottom of the table.\n   */\n  @Prop() showPagination?: boolean = false;\n\n  /**\n   * If `true`, allows table columns to be sorted using applied sort buttons.\n   */\n  @Prop() sortable?: boolean = false;\n\n  /**\n   * Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n   */\n  @Prop() sortOptions?: {\n    sortOrders: IcDataTableSortOrderOptions[];\n    defaultColumn?: string;\n  } = {\n    sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n    defaultColumn: \"\",\n  };\n\n  /**\n   * If `true`, column headers will remain at the top of the table when scrolling vertically.\n   */\n  @Prop() stickyColumnHeaders?: boolean = false;\n\n  /**\n   * If `true`, row headers will remain to the left when scrolling horizontally.\n   */\n  @Prop() stickyRowHeaders?: boolean = false;\n  /**\n   * Sets the layout of the table\n   */\n  @Prop() tableLayout?: \"fixed\" | \"auto\" = \"fixed\";\n\n  /**\n   * Sets the method used to truncate long text in cells where textWrap is `false`. The `tooltip` truncation pattern allows the overflowing text to be seen in a tooltip. The `show-hide` truncation pattern allows the overflowing text to be shown and hidden using the ic-typography \"See more\"/\"See less\" buttons.\n   */\n  @Prop() truncationPattern?: IcDataTableTruncationTypes;\n\n  /**\n   * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.\n   */\n  @Prop() updating?: boolean = false;\n\n  /**\n   * Sets the props for the linear loading indicator used in the updating state.\n   */\n  @Prop() updatingOptions?: {\n    appearance?: IcThemeForegroundNoDefault;\n    description?: string;\n    max?: number;\n    min?: number;\n    progress?: number;\n  };\n\n  /**\n   * Allows for custom setting of row heights on individual rows based on an individual value from the `data` prop and the row index.\n   * If the function returns `null`, that row's height will be set to the `globalRowHeight` property.\n   */\n  @Prop({ mutable: true }) variableRowHeight?: (params: {\n    [key: string]: any;\n    index: number;\n  }) => IcDataTableRowHeights | null;\n\n  /**\n   * Sets the table width. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n   */\n  @Prop() width?: string;\n\n  /**\n   * Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.\n   */\n  @Event() icRowHeightChange: EventEmitter<void>;\n\n  /**\n   * Emitted when 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  }\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) => typeof value === \"object\";\n\n  private notDefaultDensity = () => this.density !== \"default\";\n\n  private getCellContent = (\n    cell: any,\n    dataType: IcDataTableColumnDataTypes\n  ): any => {\n    switch (dataType) {\n      case \"element\":\n        return undefined;\n      case \"date\":\n        return (\n          cell instanceof Date ? cell : new Date(cell)\n        ).toLocaleDateString();\n      default:\n        return cell;\n    }\n  };\n\n  private getCellAlignment = (\n    cell: any,\n    alignment: \"horizontal\" | \"vertical\"\n  ) => {\n    if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n      return this.getObjectValue(\n        this.getObjectValue(cell, \"cellAlignment\"),\n        alignment\n      );\n    }\n  };\n\n  private getCellOptions = (cell: any, key: string) => {\n    if (!(this.isObject(cell) && Object.keys(cell).includes(key))) return;\n\n    return this.getObjectValue(cell, key);\n  };\n\n  private createUpdatingIndicator = () => {\n    const { appearance, description, max, min, progress } =\n      this.updatingOptions || {};\n    return (\n      <th colSpan={this.columns.length} class=\"updating-state\">\n        <ic-loading-indicator\n          appearance={appearance}\n          description={description || \"Updating table data\"}\n          fullWidth={true}\n          max={max}\n          min={min}\n          progress={progress}\n          type=\"linear\"\n          size=\"small\"\n        ></ic-loading-indicator>\n      </th>\n    );\n  };\n\n  private setRowHeight = (height: number) => {\n    return pxToRem(\n      `${\n        height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n        this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n      }px`\n    );\n  };\n\n  private setTruncationClass = () => {\n    if (this.truncationPattern) {\n      return { [`truncation-${this.truncationPattern}`]: true };\n    }\n\n    return {};\n  };\n\n  private getColumnWidth = (\n    columnWidth?: string | IcDataTableColumnWidthTypes\n  ) => {\n    // TODO: Setting max width on columns\n    let columnWidthStyling = {};\n\n    if (columnWidth) {\n      if (typeof columnWidth === \"string\") {\n        columnWidthStyling = {\n          ...columnWidthStyling,\n          [\"--column-width\"]: columnWidth,\n        };\n      }\n\n      if (typeof columnWidth === \"object\" && !!Object.keys(columnWidth)) {\n        if (columnWidth?.minWidth) {\n          columnWidthStyling = {\n            ...columnWidthStyling,\n            [\"--column-min-width\"]: columnWidth?.minWidth,\n          };\n        }\n\n        if (columnWidth?.maxWidth) {\n          columnWidthStyling = {\n            ...columnWidthStyling,\n            [\"--column-max-width\"]: columnWidth?.maxWidth,\n          };\n        }\n      }\n    }\n\n    return columnWidthStyling;\n  };\n\n  private getRowHeight = (\n    currentRowHeight: number,\n    columnProps: IcDataTableColumnObject,\n    rowTextWrap: boolean,\n    cell: any\n  ) => {\n    if (\n      (this.truncationPattern || currentRowHeight) &&\n      !columnProps?.textWrap &&\n      !rowTextWrap &&\n      !this.getCellOptions(cell, \"textWrap\") &&\n      columnProps?.dataType !== \"element\"\n    ) {\n      return {\n        [this.ROW_HEIGHT_CSS_VARIABLE]: this.setRowHeight(currentRowHeight),\n      };\n    }\n\n    return {};\n  };\n\n  private 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            <div\n              innerHTML={\n                columnProps?.dataType === \"element\" &&\n                !isSlotUsed(this.el, cellSlotName)\n                  ? (cell as string)\n                  : null\n              }\n              class={{\n                \"cell-container\": columnProps?.dataType !== \"element\",\n                [`cell-alignment-${\n                  columnProps?.columnAlignment?.vertical ||\n                  rowOptions?.rowAlignment?.vertical ||\n                  rowAlignment ||\n                  this.getCellAlignment(cell, \"vertical\")\n                }`]:\n                  !!columnProps?.columnAlignment?.vertical ||\n                  !!rowOptions?.rowAlignment?.vertical ||\n                  !!rowAlignment ||\n                  !!this.getCellAlignment(cell, \"vertical\"),\n                [`cell-alignment-${\n                  columnProps?.columnAlignment?.horizontal ||\n                  rowOptions?.rowAlignment?.horizontal ||\n                  this.getCellAlignment(cell, \"horizontal\")\n                }`]:\n                  !!columnProps?.columnAlignment?.horizontal ||\n                  !!rowOptions?.rowAlignment?.horizontal ||\n                  !!this.getCellAlignment(cell, \"horizontal\"),\n                [`data-type-${columnProps?.dataType}`]: true,\n                [this.TEXT_WRAP_STRING]:\n                  columnProps?.textWrap ||\n                  rowOptions?.textWrap ||\n                  !!this.getCellOptions(cell, \"textWrap\"),\n                [\"cell-icon\"]: hasIcon || !!columnProps?.icon?.icon,\n                ...this.setTruncationClass(),\n              }}\n              style={{\n                ...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                          [`cell-emphasis-${\n                            (this.isObject(cell) && cellValue(\"emphasis\")) ||\n                            columnProps?.emphasis ||\n                            rowEmphasis\n                          }`]:\n                            (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n                            !!columnProps?.emphasis ||\n                            !!rowEmphasis,\n                          [`text-${this.density}`]: this.notDefaultDensity(),\n                        }}\n                      >\n                        {this.isObject(cell) &&\n                        columnProps?.dataType !== \"date\" ? (\n                          Object.keys(cell).includes(\"href\") ? (\n                            <ic-link href={cellValue(\"href\")}>\n                              {cellValue(\"data\")}\n                            </ic-link>\n                          ) : (\n                            cellValue(\"data\")\n                          )\n                        ) : (\n                          this.getCellContent(cell, columnProps?.dataType)\n                        )}\n                      </ic-typography>\n                    )}\n                </Fragment>\n              )}\n            </div>\n          </td>\n        );\n      }\n    });\n  };\n\n  private createColumnHeaders = () => {\n    return this.columns.map(\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\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((col) => !!col);\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    } = this;\n\n    return (\n      <Host style={{ ...this.setTableDimensions() }}>\n        <div class=\"table-container\">\n          {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n          <div\n            class={{\n              [\"table-row-container\"]: true,\n              scrollable,\n            }}\n            tabIndex={scrollable ? 0 : null}\n            onScroll={updateScrollOffset}\n          >\n            {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n            <table\n              style={{\n                [\"--table-layout\"]: this.tableLayout,\n              }}\n            >\n              <caption class=\"table-caption\">{caption}</caption>\n              {!hideColumnHeaders && (\n                <thead\n                  class={{\n                    [\"column-header-sticky\"]: stickyColumnHeaders,\n                    [\"column-header-overlay\"]:\n                      stickyColumnHeaders && scrollOffset !== 0,\n                  }}\n                >\n                  <tr>{createColumnHeaders()}</tr>\n                </thead>\n              )}\n              {updating &&\n                !loading &&\n                (hideColumnHeaders ? (\n                  <thead>{createUpdatingIndicator()}</thead>\n                ) : (\n                  createUpdatingIndicator()\n                ))}\n              {data?.length > 0 && !loading && <tbody>{createRows()}</tbody>}\n            </table>\n            {!data?.length &&\n              !loading &&\n              (isSlotUsed(this.el, \"empty-state\") ? (\n                <slot name=\"empty-state\" />\n              ) : (\n                <ic-empty-state\n                  aligned=\"center\"\n                  heading=\"No Data\"\n                  class=\"loading-empty\"\n                ></ic-empty-state>\n              ))}\n          </div>\n          {loading && (\n            <ic-loading-indicator\n              appearance={loadingOptions?.appearance}\n              class={{\n                \"loading-empty\": loading,\n                loading: true,\n                \"show-background\": loadingOptions.showBackground,\n              }}\n              description={loadingOptions.description || \"Loading table data\"}\n              label={loadingOptions.label || \"Loading...\"}\n              labelDuration={loadingOptions?.labelDuration}\n              max={loadingOptions?.max}\n              min={loadingOptions?.min}\n              progress={loadingOptions?.progress}\n              ref={(el: HTMLIcLoadingIndicatorElement) =>\n                (this.loadingIndicator = el)\n              }\n            ></ic-loading-indicator>\n          )}\n          {(showPagination || isSlotUsed(this.el, \"pagination-bar\")) && (\n            <div class=\"pagination-container\">\n              {isSlotUsed(this.el, \"pagination-bar\") ? (\n                <slot name=\"pagination-bar\" />\n              ) : (\n                <ic-pagination-bar\n                  totalItems={data.length}\n                  type={paginationBarOptions.type}\n                  rangeLabelType={paginationBarOptions.rangeLabelType}\n                  showItemsPerPageControl={\n                    paginationBarOptions.showItemsPerPageControl\n                  }\n                  showGoToPageControl={paginationBarOptions.showGoToPageControl}\n                  itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\n                  alignment={paginationBarOptions.alignment}\n                  appearance={paginationBarOptions.appearance}\n                  itemLabel={paginationBarOptions.itemLabel}\n                  pageLabel={paginationBarOptions.pageLabel}\n                  hideRangeLabel={paginationBarOptions.hideRangeLabel}\n                  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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"}