@ukic/canary-web-components 3.0.0-canary.32 → 3.0.0-canary.33

package/dist/core/p-2c86ce4b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icDataTableCss","IcDataTableStyle0","DataTable","constructor","hostRef","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","columnsUpdated","rowHeightSet","initialLoad","icPageChangeEvent","itemsPerPageChange","DATA_ROW_HEIGHT_STRING","ROW_HEIGHT_CSS_VARIABLE","LINE_CLAMP_CSS_VARIABLE","DEFAULT_LINE_HEIGHT","densityUpdate","truncationPatternUpdated","isNewDebounceDelaySet","headerResizeObserver","IC_TOOLTIP_STRING","SHOW_TRUNC_TOOLTIP_STRING","CELL_DESCRIPTION_STRING","CELL_CONTAINER_WITH_DESCRIPTION_STRING","CELL_TEXT_WRAPPER_STRING","IC_TYPOGRAPHY_STRING","rowIdCounter","createRowId","fromRow","scrollable","scrollOffset","selectedRows","selectedIcRowIds","debounceDelay","columnHeaderTruncation","disableAutoSort","density","embedded","globalRowHeight","hideColumnHeaders","loading","minimumLoadingDisplayDuration","paginationBarOptions","alignment","hideAllFromItemsPerPage","hideCurrentPage","hideFirstAndLastPageButton","hideRangeLabel","itemLabel","itemsPerPageOptions","label","value","monochrome","pageLabel","rangeLabelType","selectedItemsPerPage","selectItemsPerPageOnEnter","setToFirstPageOnPaginationChange","showGoToPageControl","showItemsPerPageControl","type","rowSelection","showPagination","sortable","sortOptions","sortOrders","defaultColumn","stickyColumnHeaders","stickyRowHeaders","tableLayout","theme","updating","runHeaderResizeObserver","ResizeObserver","headerResizeCallback","observe","el","tableContainerWidth","_b","_a","shadowRoot","querySelector","clientWidth","prevTableContainerWidth","_c","querySelectorAll","forEach","header","tooltip","typographyEls","length","classList","remove","add","handleResize","updateCellHeightsWithDescriptions","fixCellOverflow","getRowHeight","cellContainer","parseInt","getComputedStyle","document","documentElement","fontSize","parseFloat","getAttribute","truncateUpdatedData","truncationPattern","getTypographyElements","typographyEl","getCellContainer","truncWrapper","getTruncWrapper","clientHeight","scrollHeight","resetSingleShowHideTruncation","setTimeout","addShowHideTruncationIfNeeded","updateTruncationTooltip","truncateTableSorted","contains","createShowHideTruncation","resetTruncation","then","removeAttribute","tableSorted","truncateRowHeightSet","tooltipEl","getTooltip","style","height","setProperty","removeTooltip","setAttribute","getShowHideButton","truncate","updateSetRowHeight","truncateItemsPerPageChange","allRows","rowsPerPage","previousItemsPerPage","newRows","Array","from","slice","row","truncatePageChange","typographyScrollHeightExceedsContainerHeight","addShowHideTruncation","truncateDensityUpdate","cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight","truncatePatternUpdated","addTooltipTruncation","removeRowHeightVariable","element","removeProperty","getLines","Math","floor","closest","prepend","isEmptyString","dataTruncation","Number","removeTextWrap","tableCell","deleteTextWrapDataKey","array","isArray","val","textWrap","checkMaxLines","setShowHideExpanded","resetAllShowHideTruncation","startLoadingTimer","timerStarted","Date","now","isObject","undefined","notDefaultDensity","getCellContent","cell","dataType","toLocaleDateString","getCellAlignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","description","max","min","progress","updatingOptions","visibleColumnCount","columns","filter","col","hidden","h","colSpan","data","class","fullWidth","size","setRowHeight","pxToRem","setTruncationClass","getColumnWidth","columnWidth","columnWidthStyling","assign","minWidth","maxWidth","getCalculatedRowHeight","columnProps","rowTextWrap","currentRowHeight","getSlottedActionElement","actionElement","slotName","adjustWidthForActionElement","elements","actionElementSpan","firstChild","slottedActionElement","width","getBoundingClientRect","gridWrapper","gridTemplateColumns","createCellContent","cellSlotName","hasIcon","cellValue","rowOptions","icon","columnAlignment","horizontal","rowAlignment","_d","_e","emphasis","isSlotUsed","name","Fragment","_f","onAllCells","_g","innerHTML","sanitizeHTMLIconString","_h","variant","href","target","rel","_j","_l","_k","createCells","rowIndex","variableRowHeightVal","variableRowHeight","call","index","map","column","scope","CellContent","vertical","createColumnHeaders","cellAlignment","colspan","title","excludeColumnFromSort","hideOnHeader","id","getSortButtonLabel","onClick","sortRows","sortedColumn","sortedColumnOrder","onRowClick","notCurrentlySelected","icRowId","selectedRowId","selectedRow","icSelectedRowChange","emit","selectAllRows","organisedData","icSelectAllRows","createRows","toRow","paginationOffset","slottedColumns","prototype","hasOwnProperty","addDataToPosition","sort","find","getSortFunction","isRowSelected","cellIndex","checked","disabled","hideLabel","onIcCheck","values","indexOf","getNextSortOption","option","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","valueOf","String","localeCompare","numeric","sensitivity","a","b","nextSortOrderIndex","icSortChange","columnName","sorted","removeTooltipOnly","regenerateTooltip","updateScrollOffset","tableRowContainer","scrollTop","updateRowHeightForDescriptions","rowHeight","toString","getDescriptionHeight","descriptionMarginTop","window","getPropertyValue","isXSDevice","deviceSizeMatches","IC_DEVICE_SIZES","XS","typography","descriptionHeight","descriptionHeightPlusLineHeight","textContent","cellIcon","addLineClampCSS","setTableDimensions","tableHostDimensions","fixCellTooltip","tooltipChildElement","tagName","children","setExternalPopperProps","strategy","getSlotElements","menu","popover","fixCellTooltips","slotElements","slottedEl","renderTableBody","overlay","renderLoadingIndicator","isLoading","loadingOptions","ref","loadingOverlay","labelDuration","loadingIndicator","renderAriaLiveLoading","renderEmptyState","emptyStateEl","aligned","heading","headerTruncationChangeHandler","columnsChangeHandler","disconnectedCallback","disconnect","removeEventListener","componentWillLoad","previousRowsPerPage","componentDidLoad","tableElement","tableContainer","checkResizeObserver","showLoadingIndicator","dynamicDebounce","addEventListener","icColumnsLoaded","icDataLoaded","componentDidUpdate","componentDidRender","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","loadingHandler","truncationPatternHandler","dataHandler","densityHandler","rowHeightChangeHandler","newValue","oldValue","icRowHeightChange","resetRowHeights","cssText","descriptionCellHeight","cellContainerHeight","totalHeight","iconHeight","createElement","render","caption","rowsSelected","allRowsSelected","headerCheckboxLabelState","Host","tabIndex","onScroll","indeterminate","nativeIndeterminateBehaviour","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  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(.ic-data-table-show-pagination) .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(.ic-data-table-embedded) .table-row-container {\n  border: var(--ic-table-embedded-border);\n}\n\n.column-header-inner-container {\n  padding: var(--ic-table-cell-padding);\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-image: linear-gradient(\n    var(--ic-data-table-cell-background-selected) 0 0\n  );\n  background-color: var(--ic-data-table-cell-background) !important;\n}\n\n.table-row:hover {\n  background-image: linear-gradient(\n    var(--ic-data-table-cell-background-hover) 0 0\n  );\n  background-color: var(--ic-data-table-cell-background) !important;\n}\n\n.table-row-selected:hover {\n  background-image: linear-gradient(\n    var(--ic-data-table-cell-background-selected-hover) 0 0\n  );\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-table-cell-padding-dense) !important;\n}\n\n.text-dense {\n  font-size: var(--ic-table-font-size-dense);\n}\n\n.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious {\n  padding: var(--ic-table-cell-padding-spacious) !important;\n}\n\n.text-spacious {\n  font-size: var(--ic-table-font-size-spacious);\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-table-cell-padding);\n  background-color: var(--ic-data-table-header-background);\n  border-right: var(--ic-table-heading-border);\n  border-bottom: var(--ic-table-heading-border);\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-table-heading-border) !important;\n}\n\n:host(.ic-data-table-embedded) tr:last-child .table-cell,\n:host(.ic-data-table-embedded) 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-table-cell-padding);\n  border-bottom: var(--ic-table-cell-border);\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}\n\n.data-type-number,\n.data-type-date {\n  text-align: right;\n  justify-content: end;\n}\n\n.cell-vertical-align-top {\n  vertical-align: top;\n  align-items: flex-start;\n}\n\n.cell-vertical-align-middle {\n  vertical-align: middle;\n  align-items: center;\n}\n\n.cell-vertical-align-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-table-heading-border);\n}\n\n.updating-state-headers {\n  border-bottom: none;\n}\n\n.loading {\n  position: absolute;\n  left: calc(50% - 5.9741rem);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n  z-index: calc(var(--ic-z-index-popover) - 1);\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.cell-description-icon > 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.column-header-alignment-center > .cell-text-wrapper,\n.row-header-alignment-right > ic-typography,\n.row-header-alignment-right > .cell-text-wrapper,\n.cell-alignment-center > ic-typography,\n.cell-alignment-center > .cell-text-wrapper {\n  flex: 1;\n}\n\n.checkbox-cell {\n  --column-width: var(--ic-space-xxl);\n\n  align-content: center;\n  border-right: none;\n}\n\n.table-density-dense.checkbox-cell {\n  --column-width: 2.5rem;\n}\n\n.checkbox-wrapper {\n  display: flex;\n  justify-content: center;\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  line-clamp: var(--ic-line-clamp, 0);\n  -webkit-line-clamp: var(--ic-line-clamp, 0);\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography {\n  white-space: normal;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n  width: 100%;\n}\n\n.action-element {\n  display: flex;\n  justify-content: right;\n}\n\n.cell-grid-wrapper {\n  display: grid;\n  grid-template-columns: auto auto;\n}\n\n.loading-overlay {\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--ic-data-table-loading-indicator-overlay-background);\n  z-index: calc(var(--ic-z-index-popover) - 2);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading-overlay.show {\n  visibility: visible;\n  opacity: 0.6;\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .loading-overlay {\n    transition: none;\n  }\n}\n\n.cell-text-wrapper {\n  overflow: hidden;\n}\n\n.cell-text-wrapper > ic-typography {\n  margin-left: 2px;\n}\n\n.cell-text-no-wrap {\n  word-wrap: initial;\n}\n\n.cell-container-with-description {\n  display: flex;\n  flex-direction: row;\n}\n\n.cell-description {\n  display: flex;\n  flex-direction: row;\n  margin-top: var(--ic-space-xxs);\n  word-break: break-all;\n}\n\n.cell-description-text {\n  color: var(--ic-data-table-cell-data-description);\n}\n\n.cell-description-icon {\n  padding-right: var(--ic-space-xs);\n}\n\n.cell-description-icon > svg {\n  height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  display: flex;\n}\n\n@media (min-width: 577px) {\n  .column-header-inner-container {\n    display: flex;\n    align-items: center;\n  }\n}\n\n@media (max-width: 577px) {\n  .cell-icon {\n    flex-wrap: wrap;\n  }\n\n  .cell-description-icon {\n    padding-right: 0;\n  }\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .icon,\n  ::slotted(svg),\n  .cell-description-icon > svg {\n    fill: currentcolor;\n  }\n\n  .sort-button svg {\n    color: currentcolor;\n  }\n\n  .table-row-selected {\n    background-color: Highlight !important;\n  }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Element,\n  h,\n  Prop,\n  State,\n  Listen,\n  Watch,\n  Fragment,\n  Method,\n  Event,\n  EventEmitter,\n  Host,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n  IcDataTableDataType,\n  IcDataTableColumnDataTypes,\n  IcDataTableColumnObject,\n  IcDataTableColumnWidthTypes,\n  IcDataTableDensityOptions,\n  IcDataTableRowHeights,\n  IcDataTableSortOrderOptions,\n  IcDataTableTruncationTypes,\n  IcDensityUpdateEventDetail,\n  IcSortEventDetail,\n  IcLoadingOptions,\n  IcDataTableRowOptions,\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  deviceSizeMatches,\n} from \"../../utils/helpers\";\nimport { sanitizeHTMLIconString } from \"../../../../web-components/src/utils/common-helpers\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\n\n/**\n * @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.\n * @slot {COLUMN_KEY}-{ROW_INDEX}[-icon] - Each cell should have its own slot, named using the column tag and the row index, allowing for custom elements to be displayed. Include `-icon` at the end for that cell's icon slot.\n * @slot {COLUMN_KEY}-column-icon - The icon slot for a column header.\n * @slot title-bar - A custom ic-data-table-title-bar can be slotted above the column headers to display additional information about the table.\n * @slot pagination-bar - A custom ic-pagination-bar can be slotted below the data to provide enhanced control over how the data is interacted with when being fetched externally.\n */\n@Component({\n  tag: \"ic-data-table\",\n  styleUrl: \"ic-data-table.css\",\n  shadow: true,\n})\nexport class DataTable {\n  private DENSITY_HEIGHT_MULTIPLIER = {\n    dense: 0.8,\n    default: 1,\n    spacious: 1.2,\n  };\n\n  private DENSITY_PADDING_HEIGHT_DIFF = {\n    dense: 8,\n    default: 16,\n    spacious: 20,\n  };\n\n  private SORT_ICONS = {\n    unsorted: unsortedIcon,\n    ascending: ascendingIcon,\n    descending: descendingIcon,\n  };\n\n  private hasLoadedForOneSecond = true;\n  private loadingIndicator?: HTMLIcLoadingIndicatorElement;\n  private loadingOverlay?: HTMLDivElement;\n  private timerStarted: number;\n  private resizeObserver: ResizeObserver | null = 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 columnsUpdated = false;\n  private tableSorted: boolean;\n  private rowHeightSet = false;\n  private initialLoad = false;\n  private icPageChangeEvent = false;\n  private itemsPerPageChange = false;\n  private DATA_ROW_HEIGHT_STRING = \"data-row-height\";\n  private ROW_HEIGHT_CSS_VARIABLE = \"--row-height\";\n  private LINE_CLAMP_CSS_VARIABLE = \"--ic-line-clamp\";\n  private previousItemsPerPage: number;\n  private DEFAULT_LINE_HEIGHT = 24;\n  private densityUpdate = false;\n  private previousPaginationPage: number;\n  private truncationPatternUpdated: boolean = false;\n  private isNewDebounceDelaySet = false;\n  private headerResizeObserver: ResizeObserver | null = null;\n  private prevTableContainerWidth: number;\n  private IC_TOOLTIP_STRING = \"ic-tooltip\";\n  private SHOW_TRUNC_TOOLTIP_STRING = \"show-trunc-tooltip\";\n  private CELL_DESCRIPTION_STRING = \".cell-description\";\n  private CELL_CONTAINER_WITH_DESCRIPTION_STRING =\n    \"cell-container-with-description\";\n  private CELL_TEXT_WRAPPER_STRING = \".cell-text-wrapper\";\n  private IC_TYPOGRAPHY_STRING = \"ic-typography\";\n  private organisedData?: IcDataTableDataType[];\n  private rowIdCounter = 0;\n\n  private createRowId = () => {\n    return `row-${this.rowIdCounter++}`;\n  };\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() selectedRows: IcDataTableDataType[] = [];\n\n  @State() selectedIcRowIds: string[] = [];\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      this.el.shadowRoot\n        ?.querySelectorAll(\"th.column-header\")\n        ?.forEach((header) => {\n          header\n            .querySelector(this.IC_TOOLTIP_STRING)\n            ?.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n        });\n    }\n  }\n\n  /**\n   * The column headers for the table.\n   */\n  @Prop() columns!: IcDataTableColumnObject[];\n  @Watch(\"columns\")\n  columnsChangeHandler(): void {\n    this.columnsUpdated = true;\n  }\n\n  /**\n   * The row content for the table.\n   */\n  @Prop() data?: IcDataTableDataType[];\n\n  /**\n   * If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source.\n   */\n  @Prop() disableAutoSort?: boolean = false;\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    monochrome?: boolean;\n    overlay?: boolean;\n  };\n\n  /**\n   * Sets the maximum width of the data table. Can be set in `px`, `rem`, or `%`.\n   */\n  @Prop() maxWidth?: string;\n\n  /**\n   * Sets the minimum width of the data table. Can be set in `px`, `rem`, or `%`.\n   */\n  @Prop() minWidth?: string;\n\n  /**\n   * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.\n   */\n  @Prop() minimumLoadingDisplayDuration: number = 1000;\n\n  /**\n   * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.\n   */\n  @Prop() paginationBarOptions: IcPaginationBarOptions = {\n    alignment: \"right\",\n    hideAllFromItemsPerPage: false,\n    hideCurrentPage: false,\n    hideFirstAndLastPageButton: false,\n    hideRangeLabel: false,\n    itemLabel: \"Item\",\n    itemsPerPageOptions: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    monochrome: false,\n    pageLabel: \"Page\",\n    rangeLabelType: \"page\",\n    selectedItemsPerPage: 10,\n    selectItemsPerPageOnEnter: true,\n    setToFirstPageOnPaginationChange: false,\n    showGoToPageControl: true,\n    showItemsPerPageControl: true,\n    type: \"simple\",\n  };\n\n  /**\n   * If `true`, a checkbox column will be displayed to the left of the table which allows multiple rows to be selected.\n   */\n  @Prop() rowSelection: boolean = false;\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 all rows are selected or deselected in the data table via the \"select all\" checkbox.\n   */\n  @Event() icSelectAllRows: EventEmitter<IcDataTableDataType[]>;\n\n  /**\n   * Emitted when the selected row changes in the data table.\n   */\n  @Event() icSelectedRowChange: EventEmitter<{\n    row: IcDataTableDataType | null;\n    selectedRows: IcDataTableDataType[];\n    icRowId: string | null;\n    selectedIcRowIds: string[];\n  }>;\n\n  /**\n   * Emitted when the columns have finished loading after being updated or initially rendered.\n   */\n  @Event() icColumnsLoaded: EventEmitter<void>;\n\n  /**\n   * Emitted when the data has finished loading after being updated or initially rendered.\n   */\n  @Event() icDataLoaded: 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    window.removeEventListener(\"resize\", this.handleResize);\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    };\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 =\n      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 &&\n      tableContainer &&\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 (\n            cellContainer &&\n            !cellContainer.classList.contains(this.TEXT_WRAP_STRING)\n          ) {\n            this.dataTruncation(typographyEl, cellContainer);\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, cellContainer);\n\n                  if (!this.isNewDebounceDelaySet) {\n                    this.debounceDelay = 200;\n                    this.isNewDebounceDelaySet = true;\n                  }\n                },\n                () => this.debounceDelay\n              ) as ResizeObserverCallback\n            );\n\n            this.resizeObserver.observe(typographyEl);\n          }\n        }\n      );\n    }\n\n    if (this.globalRowHeight !== \"auto\") {\n      this.updateSetRowHeight();\n    }\n    window.addEventListener(\"resize\", this.handleResize);\n\n    this.icColumnsLoaded.emit();\n    if (this.data && !this.loading && !this.updating) this.icDataLoaded.emit();\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      if (this.dataUpdated) {\n        this.truncateUpdatedData();\n      }\n      if (this.tableSorted) {\n        this.truncateTableSorted();\n      }\n      if (this.rowHeightSet) {\n        this.truncateRowHeightSet();\n      }\n      if (this.itemsPerPageChange) {\n        this.truncateItemsPerPageChange();\n      }\n      if (!this.initialLoad && this.icPageChangeEvent) {\n        this.truncatePageChange();\n      }\n      if (this.densityUpdate) {\n        this.truncateDensityUpdate();\n      }\n      if (this.truncationPatternUpdated) {\n        this.truncatePatternUpdated();\n      }\n    }\n\n    if (this.columnsUpdated) {\n      this.icColumnsLoaded.emit();\n      this.columnsUpdated = false;\n    }\n\n    if (this.dataUpdated && !this.loading && !this.updating) {\n      this.icDataLoaded.emit();\n      this.dataUpdated = false;\n    }\n  }\n\n  componentDidRender(): void {\n    this.fixCellTooltips();\n    this.fixCellOverflow();\n    this.updateCellHeightsWithDescriptions();\n    this.adjustWidthForActionElement();\n  }\n\n  private runHeaderResizeObserver = () => {\n    this.headerResizeObserver = new ResizeObserver(() => {\n      this.headerResizeCallback();\n    });\n    this.headerResizeObserver.observe(this.el);\n  };\n\n  private headerResizeCallback = () => {\n    if (!this.hideColumnHeaders && this.columnHeaderTruncation) {\n      const tableContainerWidth =\n        this.el.shadowRoot?.querySelector(\".table-container\")?.clientWidth;\n      if (\n        tableContainerWidth &&\n        tableContainerWidth !== this.prevTableContainerWidth\n      ) {\n        this.el.shadowRoot\n          ?.querySelectorAll(\"th.column-header\")\n          .forEach((header) => {\n            const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n            const typographyEls = header.querySelectorAll(\n              this.IC_TYPOGRAPHY_STRING\n            );\n            if (tooltip && typographyEls && typographyEls.length === 2) {\n              tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n              if (typographyEls[1].clientWidth > typographyEls[0].clientWidth) {\n                tooltip.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING);\n              }\n            }\n          });\n        this.prevTableContainerWidth = tableContainerWidth;\n      }\n    }\n  };\n\n  private handleResize = () => {\n    this.updateCellHeightsWithDescriptions();\n    this.fixCellOverflow();\n  };\n\n  private getRowHeight = (cellContainer: HTMLElement) =>\n    parseInt(getComputedStyle(document.documentElement).fontSize) *\n    parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING) || \"\");\n\n  private truncateUpdatedData = () => {\n    if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        if (cellContainer) {\n          const truncWrapper = this.getTruncWrapper(typographyEl);\n          if (\n            truncWrapper &&\n            cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >=\n              truncWrapper.scrollHeight\n          ) {\n            this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n            return;\n          }\n          setTimeout(() => {\n            // slight delay due to data rendering\n            this.addShowHideTruncationIfNeeded(typographyEl, cellContainer);\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  private truncateTableSorted = () => {\n    if (this.truncationPattern === this.TOOLTIP_STRING) {\n      this.updateTruncationTooltip();\n    }\n\n    if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (cellContainer) {\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  private truncateRowHeightSet = () => {\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\n    this.getTypographyElements().forEach((typographyEl) => {\n      const cellContainer = this.getCellContainer(typographyEl);\n      const tooltipEl = this.getTooltip(typographyEl);\n\n      if (cellContainer) {\n        if (this.globalRowHeight === \"auto\") {\n          cellContainer.style.height = \"\";\n          cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n          cellContainer.removeAttribute(this.DATA_ROW_HEIGHT_STRING);\n\n          if (this.truncationPattern === this.TOOLTIP_STRING) {\n            this.removeTooltip(cellContainer, typographyEl, tooltipEl);\n            typographyEl.setAttribute(\n              \"style\",\n              `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n            );\n          } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n            this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n          }\n\n          return;\n        }\n\n        // If the set row height is bigger than the cell container even\n        // with textWrap, set the row height\n        if (\n          !cellContainer.classList.contains(\n            this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n          ) &&\n          !cellContainer.style.height &&\n          this.getRowHeight(cellContainer) > 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\n            if (\n              this.getShowHideButton(typographyEl) &&\n              truncWrapper &&\n              truncWrapper.scrollHeight <= cellContainer.clientHeight\n            ) {\n              this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n              return;\n            }\n          }\n          this.truncate(typographyEl, cellContainer, tooltipEl);\n        } else {\n          this.updateSetRowHeight(typographyEl);\n        }\n      }\n    });\n\n    this.rowHeightSet = false;\n  };\n\n  private truncateItemsPerPageChange = () => {\n    // Only run truncation on the new rows\n    // when the number of items per page has increased\n    const allRows = this.el.shadowRoot?.querySelectorAll(\".table-row\");\n\n    if (allRows && this.rowsPerPage > this.previousItemsPerPage) {\n      const newRows = Array.from(allRows).slice(this.previousItemsPerPage);\n\n      newRows.forEach((row) => {\n        row.querySelectorAll(\"ic-typography\").forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltipEl = this.getTooltip(typographyEl);\n\n          if (cellContainer)\n            this.truncate(typographyEl, cellContainer, tooltipEl);\n        });\n      });\n    }\n\n    this.previousItemsPerPage = this.rowsPerPage;\n    this.itemsPerPageChange = false;\n  };\n\n  private truncatePageChange = () => {\n    if (this.truncationPattern === this.TOOLTIP_STRING) {\n      this.updateTruncationTooltip();\n    }\n\n    if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n      // set truncation to see more if opened and next/previous page is pressed\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (\n          cellContainer &&\n          this.typographyScrollHeightExceedsContainerHeight(\n            typographyEl,\n            cellContainer\n          ) &&\n          !this.getShowHideButton(typographyEl)\n        ) {\n          this.addShowHideTruncation(cellContainer, typographyEl);\n        }\n      });\n    }\n\n    this.icPageChangeEvent = false;\n  };\n\n  private truncateDensityUpdate = () => {\n    this.getTypographyElements().forEach((typographyEl) => {\n      const cellContainer = this.getCellContainer(typographyEl);\n      const tooltipEl = this.getTooltip(typographyEl);\n\n      if (cellContainer) this.truncate(typographyEl, cellContainer, tooltipEl);\n    });\n\n    this.densityUpdate = false;\n  };\n\n  private typographyScrollHeightExceedsContainerHeight = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) => cellContainer && typographyEl.scrollHeight > cellContainer.clientHeight;\n\n  private cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) => {\n    const truncWrapper = this.getTruncWrapper(typographyEl);\n    return (\n      truncWrapper &&\n      cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n        truncWrapper.scrollHeight\n    );\n  };\n\n  private truncatePatternUpdated = () => {\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 (\n          cellContainer &&\n          this.typographyScrollHeightExceedsContainerHeight(\n            typographyEl,\n            cellContainer\n          )\n        ) {\n          this.addTooltipTruncation(typographyEl, cellContainer, tooltipEl);\n        }\n      });\n    } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (cellContainer) {\n          if (\n            this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight(\n              typographyEl,\n              cellContainer\n            )\n          ) {\n            this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n            return;\n          }\n          this.addShowHideTruncationIfNeeded(typographyEl, cellContainer);\n        }\n      });\n    }\n  };\n\n  private updateSetRowHeight = (typographyEl?: HTMLIcTypographyElement) => {\n    const removeRowHeightVariable = (element: HTMLIcTypographyElement) => {\n      const cellContainer = this.getCellContainer(element);\n\n      if (\n        cellContainer &&\n        element.scrollHeight > this.getRowHeight(cellContainer)\n      ) {\n        cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n      }\n    };\n\n    if (typographyEl) {\n      removeRowHeightVariable(typographyEl);\n    } else {\n      this.getTypographyElements().forEach((typographyEl) => {\n        removeRowHeightVariable(typographyEl);\n      });\n    }\n  };\n\n  private createShowHideTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    descriptionHeight = 0\n  ) {\n    typographyEl.checkMaxLines(typographyEl.scrollHeight);\n    typographyEl.setAttribute(\n      \"max-lines\",\n      `${this.getLines(cellContainer.clientHeight - descriptionHeight)}`\n    );\n    typographyEl.setShowHideExpanded(false);\n\n    cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\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 | null\n  ) => {\n    if (\n      this.typographyScrollHeightExceedsContainerHeight(\n        typographyEl,\n        cellContainer\n      )\n    ) {\n      //24 is the height of a single line\n      if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n        if (this.truncationPattern === this.TOOLTIP_STRING) {\n          this.addTooltipTruncation(typographyEl, cellContainer, tooltip);\n        }\n        if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n          this.addShowHideTruncation(cellContainer, typographyEl);\n        }\n      }\n    } else {\n      if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {\n        typographyEl.setAttribute(\n          \"style\",\n          `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n        );\n\n        cellContainer\n          .querySelector(this.CELL_TEXT_WRAPPER_STRING)\n          ?.prepend(typographyEl);\n        tooltip.remove();\n      }\n\n      if (\n        this.truncationPattern === this.SHOW_HIDE_STRING &&\n        !isEmptyString(typographyEl?.getAttribute(\"max-lines\"))\n      ) {\n        this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n      }\n    }\n  };\n\n  private addTooltipTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement | null\n  ) {\n    this.addLineClampCSS(typographyEl, cellContainer);\n\n    if (!tooltip) {\n      this.createTruncationTooltip(typographyEl, cellContainer);\n    }\n  }\n\n  private addShowHideTruncationIfNeeded = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ): boolean => {\n    if (\n      this.typographyScrollHeightExceedsContainerHeight(\n        typographyEl,\n        cellContainer\n      )\n    ) {\n      this.addShowHideTruncation(cellContainer, typographyEl);\n      return true;\n    }\n    return false;\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 = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) => {\n    // Tooltip truncation mentioned in AC. Will need revisiting\n    const tooltip = this.getTooltip(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      this.getShowHideButton(typographyEl)\n    ) {\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      const truncWrapper = this.getTruncWrapper(typographyEl);\n      if (\n        truncWrapper &&\n        this.getLines(truncWrapper.scrollHeight) ===\n          Number(typographyEl.getAttribute(\"max-lines\"))\n      ) {\n        this.resetSingleShowHideTruncation(typographyEl, cellContainer);\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      // cellContainer.clientHeight - 24 removes the extra line by see more/see less\n      if (\n        this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight(\n          typographyEl,\n          cellContainer\n        )\n      ) {\n        this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n        return;\n      }\n\n      if (this.addShowHideTruncationIfNeeded(typographyEl, cellContainer)) {\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    typographyEl.shadowRoot?.querySelector(\".trunc-wrapper\");\n\n  private getShowHideButton = (typographyEl: HTMLIcTypographyElement) =>\n    typographyEl.shadowRoot?.querySelector(\"button\");\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 (tableRowsContainer) {\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      this.selectedRows = [];\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  @Watch(\"loading\")\n  loadingHandler(): void {\n    if (this.loading) {\n      this.startLoadingTimer();\n      setTimeout(() => {\n        this.showLoadingIndicator();\n      }, 500);\n    }\n  }\n\n  @Watch(\"truncationPattern\")\n  truncationPatternHandler(): void {\n    if (this.truncationPattern === this.TOOLTIP_STRING) {\n      this.resetAllShowHideTruncation();\n      this.updateTruncationTooltip(true);\n\n      // Not using debounceDataTruncation here due to resizeObserver not being triggered\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        const tooltip = this.getTooltip(typographyEl);\n\n        if (cellContainer) this.truncate(typographyEl, cellContainer, tooltip);\n      });\n    } else if (this.truncationPattern === 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((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (cellContainer) {\n          if (\n            this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight(\n              typographyEl,\n              cellContainer\n            )\n          ) {\n            this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n            return;\n          }\n          setTimeout(() => {\n            // slight delay due to data rendering\n            this.addShowHideTruncationIfNeeded(typographyEl, cellContainer);\n          }, 150);\n        }\n      });\n    }\n\n    this.truncationPatternUpdated = true;\n  }\n\n  @Watch(\"data\")\n  async dataHandler(): Promise<void> {\n    this.loadingOptions = {\n      ...this.loadingOptions,\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((typographyEl) => {\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  private getCellContainer = (\n    typographyEl: HTMLIcTypographyElement\n  ): HTMLElement | null => typographyEl.closest(\".cell-container\");\n\n  private deleteTextWrapDataKey = (\n    array?: IcDataTableColumnObject[] | IcDataTableDataType[]\n  ) =>\n    Array.isArray(array) &&\n    array.forEach((val) => val.textWrap && delete val.textWrap);\n\n  private resetSingleShowHideTruncation = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) => {\n    const truncWrapper = this.getTruncWrapper(typographyEl);\n\n    if (!(cellContainer && truncWrapper)) return;\n\n    if (\n      truncWrapper.scrollHeight > cellContainer.clientHeight &&\n      !isEmptyString(typographyEl.getAttribute(\"max-lines\")) &&\n      Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT) !==\n        Number(typographyEl.getAttribute(\"max-lines\"))\n    ) {\n      typographyEl.checkMaxLines(truncWrapper.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    } else if (\n      !cellContainer.classList.contains(\n        this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n      )\n    ) {\n      typographyEl.resetTruncation().then(() => {\n        if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n          cellContainer.style.setProperty(\n            this.ROW_HEIGHT_CSS_VARIABLE,\n            cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n          );\n        }\n      });\n    }\n  };\n\n  private resetAllShowHideTruncation = () => {\n    this.getTypographyElements().forEach((typographyEl) => {\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      typographyEl.resetTruncation().then(() => {\n        if (cellContainer && !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  @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 = undefined;\n  }\n\n  private showLoadingIndicator() {\n    if (this.loadingOptions?.overlay) {\n      this.loadingOverlay?.classList.add(\"show\");\n    }\n    this.loadingIndicator?.classList.add(\"show\");\n  }\n\n  private startLoadingTimer = (): void => {\n    this.hasLoadedForOneSecond = false;\n    this.timerStarted = Date.now();\n    setTimeout(() => {\n      this.hasLoadedForOneSecond = true;\n      this.timerStarted = 0;\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    const visibleColumnCount = this.columns.filter(\n      (col) => col.hidden !== true\n    ).length;\n    return (\n      <th\n        colSpan={visibleColumnCount + (this.rowSelection && this.data ? 1 : 0)}\n        class=\"updating-state\"\n      >\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    pxToRem(\n      `${\n        height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n        this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n      }px`\n    );\n\n  private setTruncationClass = () =>\n    this.truncationPattern\n      ? { [`truncation-${this.truncationPattern}`]: true }\n      : {};\n\n  private getColumnWidth = (\n    columnWidth?: string | IcDataTableColumnWidthTypes\n  ) => {\n    // TODO: Setting max width on columns\n    let columnWidthStyling = {};\n\n    if (typeof columnWidth === \"string\") {\n      columnWidthStyling = {\n        ...columnWidthStyling,\n        [\"--column-width\"]: columnWidth,\n      };\n    } else if (columnWidth && Object.keys(columnWidth).length > 0) {\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    return columnWidthStyling;\n  };\n\n  private getCalculatedRowHeight = (\n    columnProps: IcDataTableColumnObject,\n    cell: any,\n    rowTextWrap?: boolean,\n    currentRowHeight?: number\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 getSlottedActionElement = (\n    actionElement: HTMLElement\n  ): Element | null => {\n    const slotName = actionElement.getAttribute(\"name\");\n    return this.el.querySelector(`[slot=\"${slotName}\"]`);\n  };\n\n  private adjustWidthForActionElement = () => {\n    const elements = this.el.shadowRoot?.querySelectorAll(\".action-element\");\n    elements?.forEach((actionElementSpan) => {\n      const actionElement = actionElementSpan.firstChild as HTMLElement;\n      const slottedActionElement = this.getSlottedActionElement(actionElement);\n      const width = slottedActionElement?.getBoundingClientRect().width ?? 0;\n      const gridWrapper =\n        actionElementSpan.closest<HTMLElement>(\".cell-grid-wrapper\");\n      if (gridWrapper) {\n        gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;\n      }\n    });\n  };\n\n  private createCellContent = (\n    columnProps: IcDataTableColumnObject,\n    cell: any,\n    cellSlotName: string,\n    hasIcon: boolean,\n    cellValue: (key: string) => any,\n    rowOptions?: IcDataTableRowOptions,\n    currentRowHeight?: number\n  ): HTMLElement => (\n    <div\n      class={{\n        \"cell-container\": columnProps?.dataType !== \"element\",\n        \"cell-icon\": hasIcon || !!columnProps?.icon?.icon,\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-emphasis-${\n          (this.isObject(cell) && cellValue(\"emphasis\")) ||\n          columnProps?.emphasis ||\n          rowOptions?.emphasis\n        }`]:\n          (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n          !!columnProps?.emphasis ||\n          !!rowOptions?.emphasis,\n        ...this.setTruncationClass(),\n        [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:\n          this.isObject(cell) && Object.keys(cell).includes(\"description\"),\n      }}\n      style={{\n        ...this.getCalculatedRowHeight(\n          columnProps,\n          cell,\n          rowOptions?.textWrap,\n          currentRowHeight\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={\n                  sanitizeHTMLIconString(cellValue(\"icon\")) ||\n                  sanitizeHTMLIconString(columnProps?.icon?.icon as string)\n                }\n              ></span>\n            )\n          )}\n          {columnProps?.dataType !== \"element\" &&\n            !isSlotUsed(this.el, cellSlotName) && (\n              <div\n                class={{\n                  \"cell-text-wrapper\": true,\n                  \"cell-text-no-wrap\": !this.truncationPattern,\n                }}\n              >\n                <ic-typography\n                  variant=\"body\"\n                  class={{\n                    [`cell-emphasis-${\n                      (this.isObject(cell) && cellValue(\"emphasis\")) ||\n                      columnProps?.emphasis ||\n                      rowOptions?.emphasis\n                    }`]:\n                      (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n                      !!columnProps?.emphasis ||\n                      !!rowOptions?.emphasis,\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                {this.isObject(cell) &&\n                  Object.keys(cell).includes(\"description\") && (\n                    <div\n                      class={{\n                        [\"cell-description\"]: true,\n                        [`data-type-${columnProps?.dataType}`]: true,\n                      }}\n                    >\n                      {cellValue(\"description\")?.icon && (\n                        <span\n                          class=\"cell-description-icon\"\n                          innerHTML={sanitizeHTMLIconString(\n                            cellValue(\"description\").icon\n                          )}\n                        ></span>\n                      )}\n                      <ic-typography\n                        variant=\"caption\"\n                        class=\"cell-description-text\"\n                      >\n                        {cellValue(\"description\")?.data ??\n                          cellValue(\"description\")}\n                      </ic-typography>\n                    </div>\n                  )}\n              </div>\n            )}\n        </Fragment>\n      )}\n    </div>\n  );\n\n  private createCells = (row: IcDataTableDataType, rowIndex: number) => {\n    const variableRowHeightVal = this.variableRowHeight?.({\n      ...row,\n      index: rowIndex,\n    });\n\n    const currentRowHeight = variableRowHeightVal\n      ? variableRowHeightVal !== \"auto\" && variableRowHeightVal\n      : this.globalRowHeight !== \"auto\" && this.globalRowHeight;\n\n    const { rowOptions } = row;\n\n    return this.columns.map((column) => {\n      const { columnAlignment, columnWidth, dataType, hidden, key } = column;\n\n      if (hidden) return;\n\n      const cell = this.getObjectValue(row, key);\n      const cellSlotName = `${key}-${rowIndex}`;\n\n      const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n      if (key === \"header\" && rowOptions?.header) {\n        return (\n          <th\n            scope=\"row\"\n            class={{\n              \"row-header\": true,\n              \"row-header-sticky\": this.stickyRowHeaders,\n              [`row-header-alignment-${rowOptions.rowAlignment?.horizontal}`]:\n                !!rowOptions.rowAlignment?.horizontal,\n            }}\n          >\n            {rowOptions.header}\n          </th>\n        );\n      }\n\n      const CellContent = this.createCellContent(\n        column,\n        cell,\n        cellSlotName,\n        this.isObject(cell) && Object.keys(cell).includes(\"icon\"),\n        cellValue,\n        rowOptions,\n        currentRowHeight || undefined\n      );\n\n      return (\n        <td\n          class={{\n            \"table-cell\": true,\n            \"with-overflow\": dataType === \"element\",\n            [`table-density-${this.density}`]: this.notDefaultDensity(),\n            [`cell-vertical-align-${\n              columnAlignment?.vertical ||\n              rowOptions?.rowAlignment?.vertical ||\n              this.getCellAlignment(cell, \"vertical\")\n            }`]:\n              !!columnAlignment?.vertical ||\n              !!rowOptions?.rowAlignment?.vertical ||\n              !!this.getCellAlignment(cell, \"vertical\"),\n          }}\n          style={{ ...this.getColumnWidth(columnWidth) }}\n        >\n          {isSlotUsed(this.el, `${cellSlotName}-action-element`) ? (\n            <div class=\"cell-grid-wrapper\">\n              {CellContent}\n              <span class=\"action-element\">\n                <slot name={`${cellSlotName}-action-element`} />\n              </span>\n            </div>\n          ) : (\n            CellContent\n          )}\n        </td>\n      );\n    });\n  };\n\n  private createColumnHeaders = () =>\n    (this.columns || []).map(\n      (\n        {\n          cellAlignment,\n          colspan,\n          icon,\n          key,\n          title,\n          columnWidth,\n          excludeColumnFromSort,\n          hidden,\n        },\n        index\n      ) =>\n        hidden !== true && (\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\n                    class=\"icon\"\n                    innerHTML={sanitizeHTMLIconString(icon.icon)}\n                  ></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 && !excludeColumnFromSort && (\n                <ic-button\n                  variant=\"icon-tertiary\"\n                  id={`sort-button-${key}`}\n                  aria-label={this.getSortButtonLabel(key)}\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: IcDataTableDataType) => {\n    const notCurrentlySelected = !this.selectedIcRowIds.includes(row.icRowId);\n\n    this.selectedIcRowIds = notCurrentlySelected\n      ? [...this.selectedIcRowIds, row.icRowId]\n      : this.selectedIcRowIds.filter(\n          (selectedRowId) => selectedRowId !== row.icRowId\n        );\n\n    this.selectedRows = notCurrentlySelected\n      ? [...this.selectedRows, row]\n      : this.selectedRows.filter(\n          (selectedRow) => selectedRow.icRowId !== row.icRowId\n        );\n\n    this.icSelectedRowChange.emit({\n      row: notCurrentlySelected ? row : null,\n      selectedRows: this.selectedRows,\n      icRowId: notCurrentlySelected ? row.icRowId : null,\n      selectedIcRowIds: this.selectedIcRowIds,\n    });\n  };\n\n  private selectAllRows = () => {\n    this.selectedRows =\n      this.organisedData &&\n      this.selectedIcRowIds.length !== this.organisedData.length\n        ? [...this.organisedData]\n        : [];\n\n    this.selectedIcRowIds = this.selectedRows.map((row) => row.icRowId);\n\n    this.icSelectAllRows.emit(this.selectedRows);\n  };\n\n  private createRows = () => {\n    const data = this.showPagination\n      ? this.data?.slice(this.fromRow, this.toRow)\n      : this.data?.slice();\n\n    const paginationOffset = this.showPagination ? this.fromRow : 0;\n\n    this.data?.forEach((row) => {\n      if (!(\"icRowId\" in row)) {\n        row.icRowId = this.createRowId();\n      }\n    });\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    this.organisedData = data?.map((row, rowIndex) => {\n      const slottedColumns = this.columns\n        .map(\n          ({ key }, index) =>\n            isSlotUsed(this.el, `${key}-${rowIndex + paginationOffset}`) && {\n              key,\n              index,\n            }\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        ) as { key: string; index: number }[];\n      return slottedColumns.length > 0\n        ? addDataToPosition(row, slottedColumns, \"\")\n        : row;\n    });\n\n    return this.organisedData\n      ?.sort(\n        this.sortable &&\n          !this.disableAutoSort &&\n          this.sortedColumn &&\n          !this.columns.find((col) => col.key === this.sortedColumn)\n            ?.disableAutoSort\n          ? this.getSortFunction()\n          : undefined\n      )\n      .map((row, index) => {\n        const isRowSelected =\n          this.rowSelection && this.selectedIcRowIds.includes(row.icRowId);\n        const cellIndex = index + paginationOffset;\n\n        return (\n          <tr\n            class={{\n              \"table-row\": true,\n              \"table-row-selected\": isRowSelected,\n            }}\n          >\n            {this.rowSelection && (\n              <td\n                class={{\n                  \"table-cell\": true,\n                  \"checkbox-cell\": true,\n                  [`table-density-${this.density}`]: this.notDefaultDensity(),\n                }}\n              >\n                <div class=\"checkbox-wrapper\">\n                  <ic-checkbox\n                    class=\"ic-data-table-checkbox\"\n                    checked={isRowSelected}\n                    disabled={this.updating || this.loading}\n                    hideLabel\n                    label={`${\n                      isRowSelected ? \"Deselect\" : \"Select\"\n                    } row ${cellIndex}`}\n                    onIcCheck={() => this.onRowClick(row)}\n                    size={this.density === \"dense\" ? \"small\" : \"medium\"}\n                    value={cellIndex}\n                  ></ic-checkbox>\n                </div>\n              </td>\n            )}\n            {this.createCells(row, cellIndex)}\n          </tr>\n        );\n      });\n  };\n\n  private getObjectValue = (cell: IcDataTableDataType, key: string) =>\n    Object.values(cell)[Object.keys(cell).indexOf(key)];\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 sortOrders = this.sortOptions.sortOrders;\n\n    if (column !== this.sortedColumn) {\n      if (this.sortedColumn) {\n        this.el.shadowRoot\n          ?.querySelector(`#sort-button-${this.sortedColumn}`)\n          ?.setAttribute(\"aria-label\", this.getSortButtonLabel(column)); // 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    this.el.shadowRoot\n      ?.querySelector(`#sort-button-${column}`)\n      ?.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  /** Gets all `ic-typography`elements within the data table, excluding column headers and cell descriptions */\n  private getTypographyElements = (): HTMLIcTypographyElement[] =>\n    Array.from(\n      this.el.shadowRoot?.querySelectorAll(\n        \"ic-typography:not(.column-header-text,.cell-description-text)\"\n      ) || []\n    );\n\n  private getTooltip = (typographyEl: HTMLIcTypographyElement) =>\n    typographyEl.closest<HTMLIcTooltipElement>(this.TOOLTIP);\n\n  private updateTruncationTooltip = (removeTooltipOnly = false) => {\n    this.getTypographyElements().forEach((typographyEl) => {\n      const tooltip = this.getTooltip(typographyEl);\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      if (cellContainer) {\n        if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n          this.removeTooltip(cellContainer, typographyEl, tooltip);\n          typographyEl.setAttribute(\n            \"style\",\n            `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n          );\n          return;\n        }\n\n        this.regenerateTooltip(\n          cellContainer,\n          typographyEl,\n          tooltip,\n          removeTooltipOnly\n        );\n      }\n    });\n  };\n\n  private updateScrollOffset = () => {\n    const tableRowContainer = this.el.shadowRoot?.querySelector(\n      \".table-row-container\"\n    );\n    if (tableRowContainer) this.scrollOffset = tableRowContainer.scrollTop;\n  };\n\n  private updateRowHeightForDescriptions = (\n    rowHeight: number,\n    cellContainer: Element\n  ) => {\n    cellContainer.setAttribute(\n      this.DATA_ROW_HEIGHT_STRING,\n      rowHeight.toString()\n    );\n    cellContainer.setAttribute(\n      \"style\",\n      `${this.ROW_HEIGHT_CSS_VARIABLE}: ${rowHeight}px`\n    );\n  };\n\n  private getDescriptionHeight = (description: Element) => {\n    const descriptionMarginTop = window\n      .getComputedStyle(description)\n      .getPropertyValue(\"margin-top\");\n    return description.clientHeight + parseInt(descriptionMarginTop, 10);\n  };\n\n  /** Method to update the row heights on cells with descriptions and tooltip truncation */\n  private updateCellHeightsWithDescriptions = () => {\n    const isXSDevice = deviceSizeMatches(IC_DEVICE_SIZES.XS);\n    this.el.shadowRoot\n      ?.querySelectorAll(this.CELL_DESCRIPTION_STRING)\n      ?.forEach((description) => {\n        const cellContainer = description.closest<HTMLElement>(\n          `.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`\n        );\n        const typography =\n          cellContainer?.querySelector<HTMLIcTypographyElement>(\n            this.IC_TYPOGRAPHY_STRING\n          );\n\n        if (\n          typography &&\n          cellContainer &&\n          this.globalRowHeight &&\n          this.globalRowHeight !== \"auto\"\n        ) {\n          const descriptionHeight = this.getDescriptionHeight(description);\n          const descriptionHeightPlusLineHeight =\n            descriptionHeight + this.DEFAULT_LINE_HEIGHT;\n          if (\n            !typography.textContent &&\n            descriptionHeightPlusLineHeight > this.globalRowHeight\n          ) {\n            this.updateRowHeightForDescriptions(\n              descriptionHeight,\n              cellContainer\n            );\n          } else if (this.truncationPattern === this.TOOLTIP_STRING) {\n            if (descriptionHeightPlusLineHeight > this.globalRowHeight) {\n              const cellIcon = cellContainer.querySelector(\".icon\");\n              let rowHeight = descriptionHeightPlusLineHeight;\n              if (cellIcon && isXSDevice) {\n                // recalculate descriptionHeight as when a word break occurs this value changes\n                // Additional spacing given for 300-400% zoom\n                rowHeight += cellIcon.clientHeight;\n              }\n              this.updateRowHeightForDescriptions(rowHeight, cellContainer);\n            }\n            this.addLineClampCSS(typography, cellContainer);\n            // Additional case for show/hide truncation for when a description is present, but the text\n            // isn't overflowing the cell to trigger the show more button to appear.\n          } else if (\n            this.truncationPattern === this.SHOW_HIDE_STRING &&\n            descriptionHeightPlusLineHeight > this.globalRowHeight &&\n            typography.style.getPropertyValue(\"--truncation-max-lines\") !==\n              \"initial\"\n          ) {\n            this.updateRowHeightForDescriptions(\n              descriptionHeightPlusLineHeight,\n              cellContainer\n            );\n            this.createShowHideTruncation(\n              typography,\n              cellContainer,\n              descriptionHeight\n            );\n          }\n        }\n      });\n  };\n\n  private regenerateTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement | null,\n    removeTooltipOnly?: boolean\n  ) {\n    // When sorting the table, instead of regenerating the tooltip,\n    // the tooltip details are updated\n\n    if (tooltip) {\n      if (this.tableSorted) {\n        tooltip.setAttribute(\"target\", typographyEl.id);\n        tooltip.setAttribute(\"label\", typographyEl.textContent!);\n      } else {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      if (removeTooltipOnly) {\n        return;\n      }\n    }\n\n    // This add line clamp to data only when\n    // the data object has been updated\n    if (!typographyEl.getAttribute(\"style\") && this.dataUpdated) {\n      this.addLineClampCSS(typographyEl, cellContainer);\n    }\n\n    if (\n      typographyEl?.scrollHeight > cellContainer?.clientHeight &&\n      this.truncationPattern === this.TOOLTIP_STRING\n    ) {\n      if (\n        !typographyEl.getAttribute(\"style\") ||\n        typographyEl.style.cssText.includes(\n          `${this.LINE_CLAMP_CSS_VARIABLE}: 0;`\n        )\n      ) {\n        this.addLineClampCSS(typographyEl, cellContainer);\n      }\n      if (!cellContainer.querySelector(this.IC_TOOLTIP_STRING))\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 | null\n  ) {\n    cellContainer\n      .querySelector(this.CELL_TEXT_WRAPPER_STRING)\n      ?.prepend(typographyEl);\n    tooltip?.remove();\n  }\n\n  private addLineClampCSS(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const descriptionCellHeight = cellContainer.querySelector(\n      this.CELL_DESCRIPTION_STRING\n    )?.clientHeight;\n    const cellContainerHeight = cellContainer.clientHeight;\n\n    let totalHeight = cellContainerHeight;\n    if (\n      cellContainer.classList.contains(\n        this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n      ) &&\n      descriptionCellHeight &&\n      cellContainerHeight > descriptionCellHeight\n    ) {\n      const iconHeight =\n        (deviceSizeMatches(IC_DEVICE_SIZES.XS) &&\n          cellContainer?.querySelector(\".icon\")?.clientHeight) ||\n        0;\n      totalHeight = totalHeight - descriptionCellHeight - iconHeight;\n    }\n\n    typographyEl.setAttribute(\n      \"style\",\n      `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(totalHeight || 0)}`\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\n      .querySelector(this.CELL_TEXT_WRAPPER_STRING)\n      ?.prepend(tooltipEl);\n    tooltipEl.prepend(typographyEl);\n  }\n\n  private fixCellTooltip = (element: Element) => {\n    let tooltip: HTMLIcTooltipElement | null = null;\n    const tooltipChildElement =\n      element.shadowRoot?.querySelector<HTMLIcTooltipElement>(\n        this.IC_TOOLTIP_STRING\n      );\n\n    if (element.tagName === \"IC-TOOLTIP\") {\n      tooltip = element as HTMLIcTooltipElement;\n    } else if (tooltipChildElement) {\n      tooltip = tooltipChildElement;\n    } else if (element.children?.length > 0) {\n      Array.from(element.children).forEach((el) => {\n        this.fixCellTooltip(el);\n      });\n    } else {\n      return;\n    }\n\n    tooltip?.setExternalPopperProps({\n      strategy: \"fixed\",\n    });\n  };\n\n  private fixCellOverflow = () => {\n    this.el.shadowRoot\n      ?.querySelectorAll(\".data-type-element\")\n      ?.forEach((element) => {\n        let children: any = Array.from(element.children);\n        if (children.length === 1 && children[0].tagName === \"SLOT\") {\n          children = getSlotElements(element);\n        }\n        children?.forEach((el: any) => {\n          if (el.tagName === \"IC-SELECT\") {\n            const menu = el.shadowRoot?.querySelector(\"ic-menu\");\n            menu?.setExternalPopperProps({\n              strategy: \"fixed\",\n            });\n            (el as HTMLIcSelectElement).style.setProperty(\n              \"--input-width\",\n              `${element.clientWidth}px`\n            );\n          } else {\n            const popover = el.querySelector(\"ic-popover-menu\");\n            popover?.setExternalPopperProps({\n              strategy: \"fixed\",\n            });\n          }\n        });\n      });\n  };\n\n  private fixCellTooltips = () => {\n    this.el.shadowRoot\n      ?.querySelectorAll(\".data-type-element\")\n      ?.forEach((element) => {\n        const slotElements = getSlotElements(element);\n        slotElements?.forEach((slottedEl) => {\n          this.fixCellTooltip(slottedEl as Element);\n        });\n      });\n\n    this.el.shadowRoot\n      ?.querySelectorAll(\".action-element\")\n      ?.forEach((actionElementSpan) => {\n        const actionElement = actionElementSpan.firstChild as HTMLElement;\n        const slottedActionElement =\n          this.getSlottedActionElement(actionElement);\n        if (slottedActionElement) {\n          this.fixCellTooltip(slottedActionElement as HTMLElement);\n        }\n      });\n  };\n\n  private renderTableBody = (\n    loading: boolean,\n    data?: IcDataTableDataType[],\n    overlay?: boolean\n  ) => {\n    if (!data?.length) return;\n\n    if (overlay && loading) {\n      return <tbody>{this.createRows()}</tbody>;\n    } else if (loading && !overlay) {\n      return null;\n    } else {\n      return <tbody>{this.createRows()}</tbody>;\n    }\n  };\n\n  private renderLoadingIndicator = (\n    isLoading: boolean,\n    loadingOptions?: IcLoadingOptions\n  ) => {\n    if (!isLoading) return null;\n\n    return (\n      <Fragment>\n        <div\n          class=\"loading-overlay\"\n          ref={(el) => (this.loadingOverlay = el)}\n        ></div>\n        <ic-loading-indicator\n          theme={this.theme}\n          monochrome={loadingOptions?.monochrome}\n          class={{\n            \"loading-empty\": isLoading,\n            loading: true,\n          }}\n          description={loadingOptions?.description || \"Loading table data\"}\n          label={loadingOptions?.label || \"Loading...\"}\n          labelDuration={loadingOptions?.labelDuration}\n          max={loadingOptions?.max}\n          min={loadingOptions?.min}\n          progress={loadingOptions?.progress}\n          ref={(el: HTMLIcLoadingIndicatorElement) =>\n            (this.loadingIndicator = el)\n          }\n        ></ic-loading-indicator>\n      </Fragment>\n    );\n  };\n\n  private renderAriaLiveLoading = () => {\n    if (this.loading) {\n      return this.loadingOptions?.label || \"Loading...\";\n    } else if (this.updating) {\n      return this.updatingOptions?.description || \"Updating table data\";\n    } else {\n      return \"\";\n    }\n  };\n\n  private renderEmptyState = (\n    loading: boolean,\n    data?: IcDataTableDataType[],\n    overlay?: boolean\n  ) => {\n    const emptyStateEl = isSlotUsed(this.el, \"empty-state\") ? (\n      <slot name=\"empty-state\" />\n    ) : (\n      <ic-empty-state\n        aligned=\"center\"\n        heading=\"No Data\"\n        class=\"loading-empty\"\n      ></ic-empty-state>\n    );\n\n    if (loading && !data?.length && overlay) {\n      return emptyStateEl;\n    } else if (!loading && !data?.length) {\n      return emptyStateEl;\n    } else {\n      return null;\n    }\n  };\n\n  render() {\n    const {\n      caption,\n      columns,\n      createColumnHeaders,\n      createUpdatingIndicator,\n      data,\n      density,\n      embedded,\n      hideColumnHeaders,\n      rowSelection,\n      loading,\n      loadingOptions,\n      paginationBarOptions,\n      rowsPerPage,\n      scrollable,\n      scrollOffset,\n      selectAllRows,\n      selectedRows,\n      showPagination,\n      sortable,\n      sortedColumn,\n      sortedColumnOrder,\n      stickyColumnHeaders,\n      updateScrollOffset,\n      updating,\n      tableLayout,\n      theme,\n    } = this;\n\n    const rowsSelected = selectedRows.length > 0;\n    const allRowsSelected =\n      selectedRows.length === (showPagination ? rowsPerPage : data?.length);\n\n    const headerCheckboxLabelState = rowsSelected\n      ? allRowsSelected\n        ? \"deselect all\"\n        : \"select all remaining\"\n      : \"select all\";\n\n    return (\n      <Host\n        style={{ ...this.setTableDimensions() }}\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [`ic-data-table-show-pagination`]: !!showPagination,\n          [`ic-data-table-embedded`]: !!embedded,\n        }}\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 : undefined}\n            onScroll={updateScrollOffset}\n          >\n            <table\n              style={{\n                \"--table-layout\": 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>\n                    {rowSelection && data && (\n                      <th\n                        class={{\n                          \"column-header\": true,\n                          \"checkbox-cell\": true,\n                          \"updating-state-headers\": updating && !loading,\n                          [`table-density-${density}`]:\n                            this.notDefaultDensity(),\n                        }}\n                      >\n                        <div class=\"checkbox-wrapper\">\n                          <ic-checkbox\n                            class=\"ic-data-table-checkbox\"\n                            checked={rowsSelected && allRowsSelected}\n                            disabled={updating || loading}\n                            hideLabel\n                            indeterminate={rowsSelected && !allRowsSelected}\n                            label={`${caption} ${headerCheckboxLabelState} rows`}\n                            nativeIndeterminateBehaviour\n                            onIcCheck={() => selectAllRows()}\n                            size={density === \"dense\" ? \"small\" : \"medium\"}\n                            value={caption}\n                          ></ic-checkbox>\n                        </div>\n                      </th>\n                    )}\n                    {createColumnHeaders()}\n                  </tr>\n                </thead>\n              )}\n              {updating &&\n                !loading &&\n                (hideColumnHeaders ? (\n                  <thead>{createUpdatingIndicator()}</thead>\n                ) : (\n                  createUpdatingIndicator()\n                ))}\n              {this.renderTableBody(loading, data, loadingOptions?.overlay)}\n            </table>\n            {this.renderEmptyState(loading, data, loadingOptions?.overlay)}\n          </div>\n          <div aria-live=\"assertive\" class=\"sr-only\">\n            {this.renderAriaLiveLoading()}\n          </div>\n          {this.renderLoadingIndicator(loading, loadingOptions)}\n          {(showPagination || isSlotUsed(this.el, \"pagination-bar\")) && (\n            <div class=\"pagination-container\">\n              {isSlotUsed(this.el, \"pagination-bar\") ? (\n                <slot name=\"pagination-bar\" />\n              ) : (\n                <ic-pagination-bar\n                  alignment={paginationBarOptions.alignment}\n                  hideAllFromItemsPerPage={\n                    paginationBarOptions.hideAllFromItemsPerPage\n                  }\n                  hideCurrentPage={paginationBarOptions.hideCurrentPage}\n                  hideFirstAndLastPageButton={\n                    paginationBarOptions.hideFirstAndLastPageButton\n                  }\n                  hideRangeLabel={paginationBarOptions.hideRangeLabel}\n                  itemLabel={paginationBarOptions.itemLabel}\n                  itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\n                  monochrome={paginationBarOptions.monochrome}\n                  pageLabel={paginationBarOptions.pageLabel}\n                  rangeLabelType={paginationBarOptions.rangeLabelType}\n                  selectedItemsPerPage={\n                    paginationBarOptions.selectedItemsPerPage\n                  }\n                  selectItemsPerPageOnEnter={\n                    paginationBarOptions.selectItemsPerPageOnEnter\n                  }\n                  setToFirstPageOnPaginationChange={\n                    paginationBarOptions.setToFirstPageOnPaginationChange\n                  }\n                  showGoToPageControl={paginationBarOptions.showGoToPageControl}\n                  showItemsPerPageControl={\n                    paginationBarOptions.showItemsPerPageControl\n                  }\n                  theme={theme}\n                  totalItems={data?.length ?? 0}\n                  type={paginationBarOptions.type}\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                ? `${\n                    columns.find((col) => col.key === sortedColumn)?.title ||\n                    sortedColumn\n                  } sorted ${sortedColumnOrder}`\n                : \"table unsorted\"}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-5b32aaf3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as s,g as a,f as o}from"./p-8e4e97b4.js";import{r as n,o as r,O as l,P as c,B as h,A as d,Q as u,R as p,y as b,t as f,z as m,F as v,k as g,i as x,S as y,v as w,T as k,l as z,G as L,E as C,U as H,M as $}from"./p-e4ef4263.js";const T=`<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2.08748 0L0.912476 1.175L4.72914 5L0.912476 8.825L2.08748 10L7.08748 5L2.08748 0Z" fill="currentColor"/>\n</svg>\n`;const M=`<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.1709 8.825L7.34589 5L11.1709 1.175L9.99589 0L4.99589 5L9.99589 10L11.1709 8.825ZM0.829224 0H2.49589V10H0.829224V0Z" fill="currentColour"/>\n</svg>`;const O='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{box-sizing:border-box;width:100%;display:flex;justify-content:center}nav{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}ic-button{cursor:pointer}ic-button.next-previous{--icon-width:var(--ic-space-xs);--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs));padding:0 var(--ic-space-xxs) 0 var(--ic-space-xxxs)}ic-button.first-last{--icon-width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}ic-button.first-last::part(button),ic-button.next-previous::part(button){color:var(--ic-pagination-chevron)}:host(.ic-pagination-monochrome) ic-button.first-last::part(button),:host(.ic-pagination-monochrome) ic-button.next-previous::part(button){color:var(--ic-pagination-chevron-monochrome)}ic-button.ic-button-disabled.first-last::part(button),ic-button.ic-button-disabled.next-previous::part(button),:host(.ic-pagination-monochrome) ic-button.ic-button-disabled.first-last::part(button),:host(.ic-pagination-monochrome) ic-button.ic-button-disabled.next-previous::part(button){color:var(--ic-pagination-chevron-disabled)}.disabled{color:var(--ic-color-text-disabled-mid);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hide-current-page{display:none}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}';const B=O;const I=class{constructor(s){t(this,s);this.icPageChange=e(this,"icPageChange",7);this.endEllipsis=false;this.endItems=[];this.midItems=[];this.startEllipsis=false;this.startItems=[];this.adjacentPageCount=1;this.boundaryPageCount=1;this.defaultPage=1;this.disabled=false;this.hideCurrentPage=false;this.hideFirstAndLastPageButton=false;this.label="Page";this.monochrome=false;this.theme="inherit";this.type="simple";this.currentPage=this.defaultPage;this.handleClickFirst=()=>{this.currentPage=1;this.icPageChange.emit({value:this.currentPage})};this.handleClickPrevious=()=>{this.currentPage--;this.icPageChange.emit({value:this.currentPage})};this.handleClickNext=()=>{this.currentPage++;this.icPageChange.emit({value:this.currentPage})};this.handleClickLast=()=>{this.currentPage=this.pages;this.icPageChange.emit({value:this.currentPage})};this.firstButton=()=>i("ic-button",{id:"first-page-button","aria-label":"Go to first page",theme:this.theme,onClick:this.handleClickFirst,class:"page-button first-last",disabled:this.currentPage===1||this.disabled,variant:"icon-tertiary",monochrome:this.theme=="light"||this.theme=="dark",innerHTML:M});this.previousButton=()=>i("ic-button",{id:"previous-page-button","aria-label":"Go to previous page",theme:this.theme,onClick:this.handleClickPrevious,class:"page-button next-previous flip",disabled:this.currentPage===1||this.disabled,variant:"icon-tertiary",monochrome:this.theme=="light"||this.theme=="dark",innerHTML:T});this.nextButton=()=>i("ic-button",{id:"next-page-button","aria-label":"Go to next page",theme:this.theme,onClick:this.handleClickNext,class:"page-button next-previous",disabled:this.currentPage===this.pages||this.disabled,variant:"icon-tertiary",monochrome:this.theme=="light"||this.theme=="dark",innerHTML:T});this.lastButton=()=>i("ic-button",{id:"last-page-button","aria-label":"Go to last page",theme:this.theme,onClick:this.handleClickLast,class:"page-button first-last flip",disabled:this.currentPage===this.pages||this.disabled,variant:"icon-tertiary",monochrome:this.theme=="light"||this.theme=="dark",innerHTML:M});this.renderStartEllipsis=()=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,type:"ellipsis",id:"start-ellipsis",disabled:this.disabled});this.renderEndEllipsis=()=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,type:"ellipsis",id:"end-ellipsis",disabled:this.disabled});this.renderStartItems=()=>this.startItems.map((t=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,selected:t===this.currentPage,id:`pagination-item-${t}`,type:"page",page:t,disabled:this.disabled})));this.renderEndItems=()=>this.endItems.map((t=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,selected:t===this.currentPage,id:`pagination-item-${t}`,type:"page",page:t,disabled:this.disabled})));this.renderMiddleItems=()=>this.midItems.map((t=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,selected:t===this.currentPage,id:`pagination-item-${t}`,type:"page",page:t,disabled:this.disabled})))}watchAdjacentPageCountHandler(){if(this.adjacentPageCount>2){this.adjacentPageCount=2}}watchBoundaryPageCountHandler(){if(this.boundaryPageCount>2){this.boundaryPageCount=2}}watchDisabledHandler(){n(this.disabled,this.el)}watchNumberPagesHandler(){this.watchPageChangeHandler()}watchTypeHandler(){this.watchPageChangeHandler()}watchPageChangeHandler(){if(this.type==="simple"){return}this.startEllipsis=false;this.endEllipsis=false;this.startItems=[];this.endItems=[];this.midItems=[];const t=[];let e=0;const i=[];let s=this.pages;const a=[];let o;let n;let r=false;let l=false;if(this.pages<=this.boundaryPageCount*2+this.adjacentPageCount*2+3){this.startEllipsis=false;this.endEllipsis=false;for(let e=1;e<=this.pages;e++){t.push(e)}this.startItems=t;return}e=this.boundaryPageCount===0?1:this.boundaryPageCount;s=this.boundaryPageCount===0?this.pages:this.pages-this.boundaryPageCount+1;if(this.currentPage<=this.adjacentPageCount+this.boundaryPageCount+2){r=false;l=true;let t=2*this.adjacentPageCount+1;if(this.boundaryPageCount===0){t--}o=e+1;n=o+t}else{r=true;if(this.currentPage>this.pages-(this.adjacentPageCount+this.boundaryPageCount+2)){let t=2*this.adjacentPageCount+1;if(this.boundaryPageCount===0){t--}n=this.boundaryPageCount===0?this.pages-1:this.pages-this.boundaryPageCount;o=n-t}else{l=true;o=this.currentPage-this.adjacentPageCount;n=this.currentPage+this.adjacentPageCount}}if(this.boundaryPageCount>0||this.boundaryPageCount===0&&r===false){for(let i=1;i<=e;i++){t.push(i)}}if(this.boundaryPageCount>0||this.boundaryPageCount===0&&l===false){for(let t=s;t<=this.pages;t++){i.push(t)}}for(let t=o;t<=n;t++){a.push(t)}this.startEllipsis=r;this.endEllipsis=l;this.startItems=t;this.endItems=i;this.midItems=a}componentWillLoad(){this.watchPageChangeHandler();this.watchBoundaryPageCountHandler();this.watchAdjacentPageCountHandler();n(this.disabled,this.el)}componentDidLoad(){r([{prop:this.pages,propName:"pages"}],"Pagination")}paginationItemClickHandler(t){const e=t.detail.page;this.currentPage=e;this.icPageChange.emit({value:this.currentPage})}async setCurrentPage(t){if(typeof t==="number"&&t>0&&t<=this.pages){this.currentPage=t}else{console.error("Current page must be a number greater than zero but less than or equal to the total number of pages")}}render(){const{type:t,currentPage:e,hideCurrentPage:a,disabled:o,hideFirstAndLastPageButton:n,label:r,theme:l,monochrome:c}=this;return i(s,{key:"9f9c0ceb1629ebff96c677d7b4ad9995bbe480cd",class:{[`ic-theme-${l}`]:l!=="inherit",["ic-pagination-monochrome"]:!!c}},t==="simple"&&i("nav",{key:"4d24ed30438c6755a1717454ee83e2a1b58d93c5",class:{["disabled"]:!!o},role:"navigation","aria-label":"Pagination Navigation"},n?null:this.firstButton(),this.previousButton(),i("ic-pagination-item",{key:"784f99d1fa32d4f48c6de793707825333e45651a",theme:this.theme,monochrome:this.monochrome,type:"simple-current",page:e,label:r,class:{["hide-current-page"]:!!a},disabled:o}),this.nextButton(),n?null:this.lastButton()),t==="complex"&&i("nav",{key:"ce6061fcee8e202cb895e2919525b64c6a1c1114",class:{["disabled"]:!!o},role:"navigation","aria-label":"Pagination Navigation"},n?null:this.firstButton(),this.previousButton(),this.renderStartItems(),this.startEllipsis&&this.renderStartEllipsis(),this.renderMiddleItems(),this.endEllipsis&&this.renderEndEllipsis(),this.renderEndItems(),this.nextButton(),n?null:this.lastButton()),t==="complex"&&i("span",{key:"4980f1fd9ebd31a5b8835876479e12a8a0f5d54d",class:"sr-only","aria-live":"polite"},"Page ",this.currentPage))}get el(){return a(this)}static get watchers(){return{adjacentPageCount:["watchAdjacentPageCountHandler"],boundaryPageCount:["watchBoundaryPageCountHandler"],disabled:["watchDisabledHandler"],pages:["watchNumberPagesHandler"],type:["watchTypeHandler"],currentPage:["watchPageChangeHandler"]}}};I.style=B;const P='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}a{text-align:center}.item-container{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}button{background:none;border:none;outline:inherit;position:relative}.ellipsis{pointer-events:none;--ic-typography-color:var(--ic-pagination-ellipsis)}.monochrome .ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome)}.item-container:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.page{--ic-typography-color:var(--ic-pagination-page-number)}.monochrome .page{--ic-typography-color:var(--ic-pagination-page-number-monochrome)}.simple-current{min-width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}.item-container.page:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-pagination-hover)}.item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed)}.monochrome .item-container.page:hover:not(.selected):not(:focus){background-color:var(--ic-pagination-hover-monochrome)}.monochrome .item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed-monochrome)}.selected{pointer-events:none;outline:none}.selected::after{content:"";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-pagination-selected-banner)}.monochrome .selected::after{background-color:var(--ic-pagination-selected-banner-monochrome)}.page-selected{--ic-typography-color:var(--ic-pagination-text)}.item-container.page.light:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}.item-container.page.light:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-pressed)}ic-typography.light,ic-typography.page-selected.light{--ic-typography-color:var(--ic-architectural-white)}.selected.light::after{content:"";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-monochrome)}.item-container.page.dark:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}.item-container.page.dark:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-pressed)}ic-typography.dark{--ic-typography-color:var(--ic-color-text-primary)}.selected.dark::after{content:"";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-monochrome-dark)}.disabled{--ic-typography-color:var(--ic-pagination-text-disabled);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.disabled.page ic-typography{--ic-typography-color:var(--ic-pagination-page-number-disabled)}.disabled.ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-disabled)}.monochrome .disabled.page{--ic-typography-color:var(--ic-pagination-page-number-monochrome-disabled)}.monochrome .disabled.ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome-disabled)}@media (forced-colors: active){.selected::after{background-color:Highlight}.selected.light::after{background-color:Highlight}.selected.dark::after{background-color:Highlight}.disabled{--ic-typography-color:GrayText}}';const j=P;const D=class{constructor(i){t(this,i);this.paginationItemClick=e(this,"paginationItemClick",7);this.disabled=false;this.label="Page";this.monochrome=false;this.selected=false;this.theme="inherit";this.handleClick=()=>{this.paginationItemClick.emit({page:this.page||null})}}watchDisabledHandler(){n(this.disabled,this.el)}watchLabelHandler(){this.capitalizedLabel=l(this.label)}componentWillLoad(){this.watchLabelHandler();n(this.disabled,this.el)}render(){const{page:t,selected:e,type:s,disabled:a,label:o,capitalizedLabel:n,monochrome:r}=this;return i("a",{key:"c067a0e35e2a92dff8d7f24d135a06a686d74a7d",class:{["monochrome"]:!!r}},s==="ellipsis"?i("div",{class:{["item-container"]:true,["ellipsis"]:true,["disabled"]:!!a}},i("ic-typography",{variant:"label"},"...")):s==="page"?i("button",{disabled:a,onClick:this.handleClick,tabindex:e?"-1":"0",role:"button","aria-current":e&&"page","aria-label":e?`${o}: ${t}`:`Go to ${o} ${t}`,class:{["selected"]:!a&&e,["disabled"]:!!a,["item-container"]:true,["page"]:s==="page"}},i("ic-typography",{variant:"label",class:{["page-selected"]:e,["disabled"]:!!a}},t)):i("ic-typography",{"aria-live":"polite",class:{[`simple-current`]:true,["disabled"]:!!a},variant:"label"},n," ",t))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],label:["watchLabelHandler"]}}};D.style=j;const q=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor" />\n</svg>\n`;const S=`<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.6666 4.27334L11.7266 3.33334L7.99998 7.06001L4.27331 3.33334L3.33331 4.27334L7.05998 8.00001L3.33331 11.7267L4.27331 12.6667L7.99998 8.94001L11.7266 12.6667L12.6666 11.7267L8.93998 8.00001L12.6666 4.27334Z" fill="currentColor" />\n</svg>\n`;const F='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xs);--menu-max-height:100px;--border-color:var(--ic-select-field-border);--border-color-hover:var(--ic-select-field-border-hover);--border-color-pressed:var(--ic-select-field-border-pressed);--border-color-disabled:var(--ic-select-field-border-disabled);--border-color-error:var(--ic-select-field-border-error);--border-color-error-hover:var(--ic-select-field-border-error-hover);--border-color-error-pressed:var(--ic-select-field-border-error-pressed);--border-color-success:var(--ic-select-field-border-success);--border-color-success-hover:var(--ic-select-field-border-success-hover);--border-color-success-pressed:var(--ic-select-field-border-success-pressed);--border-color-warning:var(--ic-select-field-border-warning);--border-color-warning-hover:var(--ic-select-field-border-warning-hover);--border-color-warning-pressed:var(--ic-select-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-select-field-label);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-select-state-text);--ic-input-validation-error:var(--ic-select-state-icon-error);--ic-input-validation-warning-icon-color:var(--ic-select-state-icon-warning);--ic-input-validation-success-icon-color:var(--ic-select-state-icon-success);--menu-item-text-color:var(--ic-select-list-option-text);--menu-bg-color:var(--ic-select-list-option-background);--menu-border-color:var(--ic-select-dropdown-list-border)}:host(.ic-select-disabled){--ic-input-label-text-color:var(--ic-select-field-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle-disabled\n  )}:host(.ic-select-full-width){width:100%}ic-input-component-container.menu-open{--border-color:var(--ic-select-field-border-pressed)}ic-input-validation .status-icon,ic-input-validation .statustext{visibility:visible}ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{visibility:hidden;transition:visibility 0s}ic-input-label{margin-bottom:var(--ic-space-xs)}select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-select-field-background);color:var(--ic-select-content-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:var(--ic-select-mobile-dropdown-icon);caret-color:var(--ic-select-input-field-text-cursor)}select option,.select-option-selected{color:var(--ic-select-list-option-text)}select:disabled{color:var(--ic-select-content-text-disabled);background-image:var(--ic-select-mobile-dropdown-icon-disabled)}select:focus{border:0;outline:0}select:not([disabled]){cursor:pointer}.select-container{width:100%;display:flex;align-items:center;position:relative}.select-input{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none;background-color:var(--ic-select-field-background);color:var(--ic-select-content-text)}.select-input:focus{outline:none}.select-input[disabled]{pointer-events:none}:host(.ic-select-searchable) .select-input{cursor:auto}.select-input.with-clear-button{padding-right:0}.value-text{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}.value-text.with-clear-button{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}.searchable-select-container{align-items:center;display:flex;width:100%;position:relative}.expand-icon{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-select-expand-icon-color)}.expand-icon>svg{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-select-disabled) .expand-icon,:host(.ic-select-disabled) .expand-icon>svg>path{color:var(--ic-select-disabled-expand-icon-color)}:host(.ic-select-searchable) .expand-icon{padding-left:0;height:2.25rem}:host(.ic-select-searchable) .expand-icon>svg{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n    var(--ic-space-xxs)}:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon>svg{cursor:pointer}.expand-icon-open{color:var(--ic-select-expand-icon-color)}.expand-icon-open,:host(.ic-select-searchable) .expand-icon-open{transform:rotateX(180deg)}.placeholder{color:var(--ic-select-content-placeholder-text)}:host(.ic-select-disabled.ic-select-searchable) .select-input::-moz-placeholder{color:var(--ic-select-content-text-disabled)}:host(.ic-select-disabled) .value-text,:host(.ic-select-disabled) .select-input,:host(.ic-select-disabled) .placeholder,:host(.ic-select-disabled.ic-select-searchable) .select-input::placeholder{color:var(--ic-select-content-text-disabled)}.select-input-end{display:flex;align-items:center}.clear-button-container{display:flex;align-items:center}.divider{width:var(--ic-space-1px);background-color:var(--ic-select-content-divider);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}:host(.ic-select-small) .divider{height:var(--ic-space-md)}:host(.ic-select-large) .divider{height:var(--ic-space-xl)}.clear-button{color:var(--ic-select-clear-button);position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button.searchable{position:static}.searchable-select-results-status,.multi-select-selected-count{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}::slotted([slot="icon"]){fill:var(--ic-select-content-placeholder-text)}.has-value ::slotted([slot="icon"]){fill:var(--ic-select-content-text)}.readonly ::slotted([slot="icon"]){padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){.has-value ::slotted([slot="icon"]){fill:currentcolor}}';const N=F;let A=0;const E=[...w,"tabindex","title"];const V=class{constructor(s){t(this,s);this.icBlur=e(this,"icBlur",7);this.icChange=e(this,"icChange",7);this.icClear=e(this,"icClear",7);this.icClose=e(this,"icClose",7);this.icFocus=e(this,"icFocus",7);this.icInput=e(this,"icInput",7);this.icOpen=e(this,"icOpen",7);this.icOptionSelect=e(this,"icOptionSelect",7);this.icOptionDeselect=e(this,"icOptionDeselect",7);this.icRetryLoad=e(this,"icRetryLoad",7);this.blurredBecauseButtonPressed=false;this.hasSetDefaultValue=false;this.hasTimedOut=false;this.inheritedAttributes={};this.initialOptionsEmpty=false;this.inputId=`ic-select-input-${A++}`;this.menuId=`${this.inputId}-menu`;this.retryButtonClick=false;this.searchableMenuItemSelected=false;this.ungroupedOptions=[];this.hostMutationObserver=null;this.clearButtonFocused=false;this.noOptions=null;this.open=false;this.pressedCharacters="";this.searchableSelectInputValue=null;this.disabled=false;this.disableAutoFiltering=false;this.emptyOptionListText="No results found";this.fullWidth=false;this.helperText="";this.hideLabel=false;this.includeDescriptionsInSearch=false;this.includeGroupTitlesInSearch=false;this.loadingErrorLabel="Loading Error";this.loadingLabel="Loading...";this.multiple=false;this.name=this.inputId;this.placeholder="Select an option";this.readonly=false;this.required=false;this.searchable=false;this.searchMatchPosition="anywhere";this.selectOnEnter=false;this.showClearButton=false;this.size="medium";this.theme="inherit";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.loading=false;this.options=[];this.filteredOptions=this.options;this.uniqueOptions=this.options;this.debounce=0;this.currDebounce=this.debounce;this.value=null;this.initialValue=this.value;this.inputValueToFilter=this.value;this.hostMutationCallback=t=>{let e=false;t.forEach((({attributeName:t,type:i,addedNodes:s,removedNodes:a})=>{if(t){const i=this.el.getAttribute(t);if(i&&E.includes(t)){this.inheritedAttributes[t]=i;e=true}}else if(i==="childList"){e=c(s,a,"icon")}}));if(e){o(this)}};this.handleRetry=t=>{var e;if(t.detail.keyPressed)(e=this.searchableSelectElement)===null||e===void 0?void 0:e.focus();this.blurredBecauseButtonPressed=true;this.retryButtonClick=true;this.hasSetDefaultValue=true;this.icRetryLoad.emit({value:this.searchable?this.searchableSelectInputValue:this.hiddenInputValue})};this.emitIcChange=t=>{if(this.multiple&&!Array.isArray(t)&&t!==null){if(this.value){let e=this.value.slice();if(this.value.includes(t)){e.splice(e.indexOf(t),1)}else{e.push(t);e=this.getValueSortedByOptions(e)}this.value=e.length===0?null:e}else{this.value=[t]}}else{this.value=t}this.icChange.emit({value:this.multiple?this.value:t})};this.emitIcInput=t=>{clearTimeout(this.debounceIcInput);this.debounceIcInput=window.setTimeout((()=>this.icInput.emit({value:t})),this.currDebounce)};this.setOptions=()=>{if(!this.hasTimedOut&&this.options!==this.noOptions){this.loading=false;clearTimeout(this.timeoutTimer);if(this.options.length>0){this.setOptionsValuesFromLabels();this.uniqueOptions=this.deduplicateOptions(this.options)}else{this.noOptions=[{label:this.emptyOptionListText,value:""}];this.uniqueOptions=this.noOptions}this.filteredOptions=this.uniqueOptions;if(this.isExternalFiltering()){this.noOptions=null;this.updateSearchableSelectResultAriaLive();this.setDefaultValue()}else if(this.initialOptionsEmpty){this.setDefaultValue();this.initialOptionsEmpty=false}}else if(!this.searchable){this.options=this.noOptions||[]}};this.deduplicateOptions=t=>{const e=[];const i=[];t.forEach((t=>{if(t.children){const s=[];t.children.forEach((t=>{if(e.includes(t.value)){console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${t.value}) which has been removed.`)}else{e.push(t.value);s.push(t)}}));i.push(Object.assign(Object.assign({},t),{children:s}))}else{if(e.includes(t.value)){console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${t.value}) which has been removed.`)}else{e.push(t.value);i.push(t)}}}));return i};this.setOptionsValuesFromLabels=()=>{if(this.options.length>0){this.options.map((t=>{if(!t.value){t.value=t.label}}))}};this.setUngroupedOptions=t=>{this.ungroupedOptions=t.detail.options};this.setTextColor=()=>{if(this.nativeSelectElement){this.nativeSelectElement.className=this.nativeSelectElement.selectedIndex===0?"placeholder":"select-option-selected"}};this.setMenuChange=t=>{if(this.open!==t){this.open=t}};this.getLabelFromValue=t=>h(t,this.uniqueOptions);this.getMultipleOptionsString=t=>t===null||t===void 0?void 0:t.map((t=>this.getLabelFromValue(t))).filter((t=>!!t)).join(", ");this.getFilteredChildMenuOptions=t=>Object.assign(Object.assign({},t),{children:t.children&&d(t.children,this.searchable&&!!this.includeDescriptionsInSearch,this.searchable?this.searchableSelectInputValue||"":this.pressedCharacters,this.searchable?this.searchMatchPosition:"start")});this.getValueSortedByOptions=t=>{const e=t;const i=this.ungroupedOptions.map((t=>t.value));e.sort(((t,e)=>i.indexOf(t)-i.indexOf(e)));return e};this.handleNativeSelectChange=()=>{if(this.nativeSelectElement){this.icOptionSelect.emit({value:this.nativeSelectElement.value});this.emitIcChange(this.nativeSelectElement.value)}this.setTextColor()};this.handleCustomSelectChange=t=>{var e,i;const{value:s,label:a,optionId:o}=t.detail;if(a===this.emptyOptionListText){(e=this.searchableSelectElement)===null||e===void 0?void 0:e.focus();return}if(this.searchable){this.value=s||null;this.searchableMenuItemSelected=true;if(this.value===this.currValue){this.searchableSelectInputValue=this.getLabelFromValue(this.value)||null}this.inputValueToFilter=null;this.hiddenInputValue=this.getValueFromLabel(this.searchableSelectInputValue)||null}if(s){if(this.multiple&&((i=this.value)===null||i===void 0?void 0:i.includes(s))){this.icOptionDeselect.emit({value:s})}else{this.icOptionSelect.emit({value:s})}}this.ariaActiveDescendant=o;this.emitIcChange(s||null)};this.handleSelectAllChange=({detail:t})=>{const e=this.ungroupedOptions.filter((t=>!t.disabled)).map((t=>t.value));if(t.select){const t=this.value?e.filter((t=>this.value&&!this.value.includes(t))):e;t.forEach((t=>this.icOptionSelect.emit({value:t})))}else{this.value.forEach((t=>this.icOptionDeselect.emit({value:t})))}this.emitIcChange(t.select?e:null)};this.handleMenuChange=t=>{this.open=t.detail.open;this.pressedCharacters="";if(this.searchable)this.handleFocusIndicatorDisplay()};this.handleMenuKeyPress=t=>{t.cancelBubble=true;if(!this.multiple){this.handleCharacterKeyDown(t.detail.key)}};this.handleFocusIndicatorDisplay=()=>{var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".focus-indicator");if(e){if(this.open){e.classList.add("focus-indicator-enabled")}else{e.classList.remove("focus-indicator-enabled")}}};this.handleMouseDown=t=>{if(!this.open){t.preventDefault()}};this.isExternalFiltering=()=>this.searchable&&!!this.disableAutoFiltering;this.handleClick=t=>{var e,i;if(!this.open&&this.menu){if(this.isExternalFiltering()){this.menu.options=this.filteredOptions}else if(!this.hasTimedOut&&!this.loading&&!((e=this.noOptions)===null||e===void 0?void 0:e.length)&&(!this.searchable||this.searchableMenuItemSelected)){this.noOptions=null;this.menu.options=this.uniqueOptions}}if(t.detail!==0){(i=this.menu)===null||i===void 0?void 0:i.handleClickOpen()}};this.handleExpandIconMouseDown=t=>{var e;if(!this.disabled){t.preventDefault();(e=this.searchableSelectElement)===null||e===void 0?void 0:e.focus();this.handleClick(t)}};this.handleClear=t=>{var e,i;t.stopPropagation();this.hasTimedOut=false;clearTimeout(this.timeoutTimer);this.clearInput();this.emitIcChange(null);this.icClear.emit();if(this.searchable){this.hiddenInputValue=null;(e=this.searchableSelectElement)===null||e===void 0?void 0:e.focus()}else{(i=this.customSelectElement)===null||i===void 0?void 0:i.focus()}};this.handleCharacterKeyDown=t=>{if(this.open&&t===" "&&this.pressedCharacters.length===0){this.setMenuChange(false)}if(t.length!==1||this.searchable){this.pressedCharacters="";return}window.clearTimeout(this.characterKeyPressTimer);this.characterKeyPressTimer=window.setTimeout((()=>this.pressedCharacters=""),1e3);if(t!==" "||!!this.pressedCharacters){this.pressedCharacters+=t;this.handleFilter();if(!this.noOptions){this.emitIcChange(this.filteredOptions[0].value)}}};this.handleNativeSelectKeyDown=t=>{if(t.key!=="Escape"&&t.key!=="Tab"||this.open){t.cancelBubble=true}this.handleCharacterKeyDown(t.key)};this.handleKeyDown=t=>{var e;if(t.key!=="Escape"&&t.key!=="Tab"||this.open){t.cancelBubble=true}const i=t.key==="ArrowDown"||t.key==="ArrowUp";if(this.menu&&!this.open){if(this.isExternalFiltering()&&(t.key==="Enter"||i)){this.menu.options=this.filteredOptions}else if(!this.hasTimedOut){this.noOptions=null;this.menu.options=this.uniqueOptions}}if(this.open&&t.key==="Enter"){this.setMenuChange(false)}else{if(!i||this.noOptions===null){if(t.key!==" "||this.pressedCharacters.length<=0){const i=t.key==="a"&&(u()&&t.metaKey||!u()&&t.ctrlKey);if(!(this.searchable&&i)){(e=this.menu)===null||e===void 0?void 0:e.handleKeyboardOpen(t)}}if(!this.multiple){this.handleCharacterKeyDown(t.key)}}}};this.handleClearButtonFocus=()=>{this.clearButtonFocused=true};this.handleClearButtonBlur=t=>{var e;const i=(e=this.menu)===null||e===void 0?void 0:e.querySelector("#retry-button");if((!this.searchableSelectElement||t.relatedTarget!==this.searchableSelectElement)&&(!i||t.relatedTarget!==i)){this.setMenuChange(false);this.handleFocusIndicatorDisplay()}this.clearButtonFocused=false};this.handleFilter=()=>{var t;const e=this.deduplicateOptions(this.searchable?[...this.uniqueOptions]:this.ungroupedOptions);const i=e.some((t=>!!t.children));let s=[];let a;if(this.searchable){a=d(e,!!this.includeDescriptionsInSearch,this.inputValueToFilter||"",this.searchMatchPosition);this.searchableMenuItemSelected=false}else{a=d(e,false,this.pressedCharacters,"start")}if(!i&&((t=a[0])===null||t===void 0?void 0:t.label)!==this.emptyOptionListText){s=a}else if(i){s=e.map((t=>this.includeGroupTitlesInSearch&&a.indexOf(t)!==-1?t:this.getFilteredChildMenuOptions(t)))}if(s.length>0&&(!i||s.some((({children:t})=>t&&t.length>0)))){this.noOptions=null;this.filteredOptions=s}else{this.noOptions=[{label:this.emptyOptionListText,value:""}];this.filteredOptions=this.noOptions}};this.triggerLoading=()=>{this.hasTimedOut=false;this.noOptions=[{label:this.loadingLabel,value:"",loading:true}];if(this.filteredOptions!==this.noOptions&&this.searchable){this.filteredOptions=this.noOptions}else if(this.uniqueOptions!==this.noOptions&&!this.searchable){this.uniqueOptions=this.noOptions}if(this.timeout){this.timeoutTimer=window.setTimeout((()=>{this.loading=false;this.hasTimedOut=true;this.noOptions=[{label:this.loadingErrorLabel,value:"",timedOut:true}];this.filteredOptions=this.noOptions;if(!this.searchable)this.uniqueOptions=this.noOptions}),this.timeout)}};this.getValueFromLabel=t=>{var e;return t&&((e=this.uniqueOptions.find((e=>e.label===t)))===null||e===void 0?void 0:e.value)};this.handleSearchableSelectInput=t=>{this.searchableSelectInputValue=t.target.value;this.emitIcInput(this.searchableSelectInputValue);if(this.value!=null){this.emitIcChange(null)}this.hiddenInputValue=null;this.inputValueToFilter=this.searchableSelectInputValue;this.setMenuChange(true);if(!this.disableAutoFiltering){this.handleFilter();clearTimeout(this.debounceAria);window.setTimeout((()=>{this.updateSearchableSelectResultAriaLive()}),800)}};this.updateSearchableSelectResultAriaLive=()=>{var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".searchable-select-results-status");if(e){e.innerText=this.noOptions!==null?this.emptyOptionListText:""}};this.updateMultiSelectedCountAriaLive=()=>{var t,e;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".multi-select-selected-count");const s=`${(e=this.currValue)===null||e===void 0?void 0:e.length} of ${p(this.options)} selected`;if(i&&i.innerText!==s){i.innerText=s}};this.getDefaultValue=t=>this.getLabelFromValue(t)||null;this.setDefaultValue=()=>{if(!this.hasSetDefaultValue&&this.currValue){this.searchableSelectInputValue=this.searchable?this.getDefaultValue(this.currValue):null;this.initialValue=this.currValue;this.hasSetDefaultValue=true}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=({relatedTarget:t})=>{var e;const i=t;if(i!==null&&(i.tagName==="UL"&&i.className.includes("menu")||i.tagName==="LI"&&i.className.includes("option"))){return}const s=(e=this.menu)===null||e===void 0?void 0:e.querySelector("#retry-button");if(this.searchable&&!!this.menu&&i!==this.menu&&!Array.from(this.menu.querySelectorAll("[role='option']")).includes(i)&&(!this.clearButton||i!==this.clearButton)&&(!s||i!==s)){if(!this.retryButtonClick){this.setMenuChange(false);if(!this.value){this.clearInput()}}this.handleFocusIndicatorDisplay()}this.retryButtonClick=false;this.icBlur.emit()};this.onTimeoutBlur=t=>{if(t.detail.ev.relatedTarget!==this.searchableSelectElement&&!this.blurredBecauseButtonPressed){this.setMenuChange(false);this.handleFocusIndicatorDisplay();this.icBlur.emit()}this.blurredBecauseButtonPressed=false};this.handleFormReset=()=>{this.value=this.initialValue;if(this.searchable){this.searchableSelectInputValue=this.getDefaultValue(this.value);this.hiddenInputValue=this.value}};this.clearInput=()=>{var t;this.noOptions=null;if(this.searchable){(t=this.searchableSelectElement)===null||t===void 0?void 0:t.setAttribute("value","");this.searchableSelectInputValue=null;this.filteredOptions=this.uniqueOptions}};this.renderNativeOption=t=>i("option",{value:t.value,disabled:t.disabled,selected:t.value===this.currValue},t.label)}watchDisabledHandler(){n(this.disabled,this.el)}loadingHandler(t){t?this.triggerLoading():this.setOptions()}watchOptionsHandler(){this.setOptions()}debounceChangedHandler(t){if(this.currDebounce!==t){this.currDebounce=t}}valueChangedHandler(){if(this.value!==this.currValue){if(this.value&&this.multiple){this.currValue=this.getMultipleOptionsString(this.value)?this.getValueSortedByOptions(this.value):null;this.updateMultiSelectedCountAriaLive()}else{this.currValue=this.getLabelFromValue(this.value)?this.value:null}}if(this.searchable&&this.value){this.searchableSelectInputValue=this.getLabelFromValue(String(this.currValue))||null}}openChangedHandler(){this.open?this.icOpen.emit():this.icClose.emit()}disconnectedCallback(){var t;b(this.el,this.handleFormReset);(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){const t=this.multiple?this.getMultipleOptionsString(this.value):this.getLabelFromValue(this.value);this.currValue=t?this.value:null;this.inheritedAttributes=f(this.el,E);n(this.disabled,this.el);this.setOptionsValuesFromLabels();m(this.el,this.handleFormReset);if(!this.options.length){this.initialOptionsEmpty=true;this.noOptions=[{label:this.emptyOptionListText,value:""}];this.uniqueOptions=this.noOptions;this.filteredOptions=this.noOptions}else{this.setDefaultValue();this.uniqueOptions=this.deduplicateOptions(this.options)}}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Select");if(this.loading){this.triggerLoading()}if(this.searchable){this.hiddenInputValue=this.currValue}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true,childList:true})}componentDidRender(){if(this.nativeSelectElement&&!this.disabled){this.setTextColor()}}async setFocus(){if(this.nativeSelectElement){this.nativeSelectElement.focus()}else if(this.customSelectElement){this.customSelectElement.focus()}else if(this.searchableSelectElement){this.searchableSelectElement.focus()}}render(){var t,e,a,o;const{size:n,disabled:r,fullWidth:l,helperText:c,hideLabel:h,label:d,menuId:u,multiple:b,name:f,options:m,placeholder:w,readonly:L,required:C,searchable:H,showClearButton:$,validationAriaLive:T,validationStatus:M,validationText:O,currValue:B,theme:I,hiddenInputValue:P,open:j,inputId:D,searchableSelectInputValue:F,loading:N,value:A,emptyOptionListText:E,uniqueOptions:V,selectOnEnter:W,form:G,inheritedAttributes:K,ariaActiveDescendant:U,hasTimedOut:_,filteredOptions:R,clearButtonFocused:Z}=this;v(this.el,H?P:B,f||D,r);const Q=`${M===k.Error}`;const X=z(M,!!r);const J=g(this.el,D,c!=="",X).trim();const Y=b?this.getMultipleOptionsString(B):this.getLabelFromValue(B);const tt=!r&&(H?!!F:!!B&&!N&&$);return i(s,{key:"beb04e2fdc2db5765b24622f4d31bfdf36c61ba6",class:{"ic-select-disabled":r,"ic-select-searchable":H,[`ic-select-${n}`]:n!=="medium","ic-select-full-width":l,[`ic-theme-${I}`]:I!=="inherit"},onBlur:this.onBlur},i("ic-input-container",{key:"e85323a8778251dca9d78ccc76906c7523a8f02a",readonly:L},!h&&i("ic-input-label",{key:"9bd3a6662c29157c323beee7355ec0983a0a83e9",for:D,label:d,helperText:c,required:C,disabled:r,readonly:L},i("slot",{key:"ba0fc93028a2ff25112730a950381a25bee23b54",name:"helper-text",slot:"helper-text"})),i("ic-input-component-container",{key:"c7d54f4d61bcb41cfbb3c4af1600a783e696121f",ref:t=>this.anchorEl=t,class:{"menu-open":j},size:n,fullWidth:l,disabled:r,readonly:L,validationStatus:M},x(this.el,"icon")&&!r&&(!L||!!A)&&i("span",{key:"891b11b3008d52ac3db2197c372b21a12a9f431e",slot:"left-icon",class:{readonly:L,"has-value":!!A}},i("slot",{key:"9fc291a9f0b756bf31331260ea3c313cdecf8fa2",name:"icon"})),L?i("ic-typography",null,i("p",null,Y)):y()&&!b?i("select",Object.assign({ref:t=>this.nativeSelectElement=t,disabled:r,onChange:this.handleNativeSelectChange,required:C,id:D,"aria-label":d,"aria-describedby":J,"aria-invalid":Q,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.handleNativeSelectKeyDown,form:G},K),i("option",{value:"",selected:true,disabled:!$},w),m.map((t=>t.children?i("optgroup",{label:t.label},t.children.map((t=>this.renderNativeOption(t)))):this.renderNativeOption(t)))):H?i("div",{class:"searchable-select-container"},i("input",{class:{"value-text":true,"select-input":true,"with-clear-button":!!F},role:"combobox",autocomplete:"off","aria-label":d,"aria-describedby":J,"aria-activedescendant":U,"aria-autocomplete":"list","aria-expanded":`${j}`,"aria-invalid":Q,"aria-required":`${C}`,"aria-controls":u,ref:t=>this.searchableSelectElement=t,id:D,value:F||undefined,placeholder:w,disabled:r,onInput:this.handleSearchableSelectInput,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,form:G}),tt&&i("div",{class:"clear-button-container"},i("ic-button",{id:"clear-button",ref:t=>this.clearButton=t,"aria-label":F&&(B===null||N)?"Clear input":"Clear selection",class:"clear-button",innerHTML:S,onClick:this.handleClear,onFocus:this.handleClearButtonFocus,onBlur:this.handleClearButtonBlur,size:n,variant:"icon-tertiary",theme:Z?"light":"dark"}),i("div",{class:"divider"})),i("span",{onMouseDown:this.handleExpandIconMouseDown,class:{"expand-icon":true,"expand-icon-open":j},innerHTML:q,"aria-hidden":"true"}),i("div",{"aria-live":"polite",role:"status",class:"searchable-select-results-status"})):i("div",{class:"select-container"},i("button",{role:"combobox",class:"select-input",ref:t=>this.customSelectElement=t,id:D,"aria-label":`${d}, ${(b&&B?`${B.length} of ${p(m)} selected, ${Y}`:Y)||w}`,"aria-describedby":J,"aria-invalid":Q,"aria-haspopup":"listbox","aria-expanded":`${j}`,"aria-owns":u,"aria-controls":u,"aria-required":`${C}`,disabled:r,onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.handleClick,onMouseDown:this.handleMouseDown,onKeyDown:this.handleKeyDown},i("ic-typography",{variant:"body",class:{"value-text":true,"with-clear-button":tt,placeholder:!N&&b?!A||A.length<1:!this.getLabelFromValue(B)}},Y||w),i("div",{class:"select-input-end"},tt&&i("div",{class:"divider"}),i("span",{class:{"expand-icon":true,"expand-icon-open":j},innerHTML:q,"aria-hidden":"true"}))),tt&&i("ic-button",{id:"clear-button","aria-label":"Clear selection",class:"clear-button",innerHTML:S,onClick:this.handleClear,onFocus:this.handleClearButtonFocus,onBlur:this.handleClearButtonBlur,size:n,variant:"icon-tertiary",theme:Z?"light":"dark"}))),(!y()||b)&&i("ic-menu",{key:"b56cf5adc26838ad0f873aa16df8da7fd7b83d22",class:{"no-results":N||_||H&&((e=(t=this.filteredOptions)===null||t===void 0?void 0:t[0])===null||e===void 0?void 0:e.label)===E||!H&&((o=(a=this.uniqueOptions)===null||a===void 0?void 0:a[0])===null||o===void 0?void 0:o.label)===E},ref:t=>this.menu=t,inputEl:H?this.searchableSelectElement:this.customSelectElement,inputLabel:d,anchorEl:this.anchorEl,size:n,menuId:u,open:j,options:H?R:V,value:b?B:B,fullWidth:l,selectOnEnter:W,onMenuStateChange:this.handleMenuChange,onMenuOptionSelect:this.handleCustomSelectChange,onMenuOptionSelectAll:this.handleSelectAllChange,onMenuKeyPress:this.handleMenuKeyPress,onUngroupedOptionsSet:this.setUngroupedOptions,onRetryButtonClicked:this.handleRetry,parentEl:this.el,onTimeoutBlur:this.onTimeoutBlur,activationType:H||b||W?"manual":"automatic",closeOnSelect:!b,multiSelect:b?true:false,searchableSelect:H?true:false}),b&&i("div",{key:"c4e7606e119c8658e590716ff02dcaf45f30ae89","aria-live":"polite",role:"status",class:"multi-select-selected-count"}),i("ic-input-validation",{key:"b74ff136f8b758c400d9c0262a227f2286b301d5",class:{"menu-open":j},ariaLiveMode:T,status:X?M:"",message:X?O:"",for:D})))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],loading:["loadingHandler"],options:["watchOptionsHandler"],debounce:["debounceChangedHandler"],value:["valueChangedHandler"],open:["openChangedHandler"]}}};V.style=N;const W='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-helpertext-padding:var(--ic-space-xs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n    --ic-text-field-state-icon-warning\n  );--ic-input-validation-success-icon-color:var(\n    --ic-text-field-state-icon-success\n  );--ic-input-component-container-success-icon-inline-color:var(\n    --ic-text-field-state-icon-success\n  )}:host(.ic-text-field-disabled){--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n    --ic-text-field-text-area-placeholder-text-disabled\n  )}:host(.ic-text-field-full-width){width:100%}::-moz-placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}::placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n    --text-field-typing-cursor,\n    var(--ic-text-field-typing-cursor)\n  )}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(\n    --text-field-disabled-text-color,\n    var(--ic-text-field-text-disabled)\n  )}input.readonly,textarea.readonly{color:var(--ic-text-field-read-only-input-text-internal);background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.char-count-text{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}:host(.ic-text-field-disabled) .char-count-text{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}.no-left-pad{padding-left:0}::slotted([slot="icon"]){fill:var(--ic-text-field-text-disabled)}.has-value ::slotted([slot="icon"]){fill:var(--ic-text-field-input-internal-icon)}.char-count{margin-right:calc(-1 * var(--ic-space-xxxs))}.remaining-char-count-desc{position:absolute;left:-9999px}.show-validation{margin-top:var(--ic-space-xs)}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type="search"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot="icon"]){fill:currentcolor}}';const G=W;let K=0;const U=[...w,"title"];const _=class{constructor(i){t(this,i);this.getValidationText=e(this,"getValidationText",7);this.icBlur=e(this,"icBlur",7);this.icChange=e(this,"icChange",7);this.icFocus=e(this,"icFocus",7);this.icInput=e(this,"icInput",7);this.icKeydown=e(this,"icKeydown",7);this.icScroll=e(this,"icScroll",7);this.inheritedAttributes={};this.hostMutationObserver=null;this.numChars=0;this.maxCharactersReached=false;this.maxCharactersWarning=false;this.minCharactersUnattained=false;this.maxValueExceeded=false;this.minValueUnattained=false;this.isFocussed=false;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.disabled=false;this.fullWidth=false;this.helperText="";this.hideCharCount=false;this.hideLabel=false;this.hiddenInput=true;this.inputId=`ic-text-field-input-${K++}`;this.inputmode="text";this.maxCharacters=0;this.maxCharactersMessage=`Maximum input is ${this.maxCharacters} characters`;this.maxMessage=`Maximum value of ${this.max} exceeded`;this.minCharacters=0;this.minCharactersMessage=`Minimum input is ${this.minCharacters} characters`;this.minMessage=`Minimum value of ${this.min} not met`;this.name=this.inputId;this.placeholder="";this.readonly=false;this.required=false;this.resize=false;this.rows=1;this.size="medium";this.spellcheck=false;this.theme="inherit";this.truncateValue=false;this.type="text";this.validationAriaLive="default";this.validationInline=false;this.validationInlineInternal=false;this.validationStatus="";this.validationText="";this.debounce=0;this.value="";this.initialValue=this.value;this.checkChildHydration=()=>{var t,e;if(this.hideLabel||((e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-typography"))===null||e===void 0?void 0:e.classList.contains("hydrated"))){this.setFocus();clearInterval(this.interval)}};this.getNumberOfCharacters=t=>t!==null&&t!==undefined?t.length:0;this.getMaxValueExceeded=t=>{this.numChars=this.getNumberOfCharacters(t);if(this.type==="number"){this.minValueUnattained=!!t&&Number(t)<Number(this.min);this.maxValueExceeded=Number(t)>Number(this.max)}};this.getMaxCharactersReached=t=>{this.numChars=this.getNumberOfCharacters(t);this.maxCharactersReached=this.maxCharacters>0&&this.numChars>=this.maxCharacters;if(this.maxCharactersWarning&&!this.maxCharactersReached){this.maxCharactersWarning=false}};this.onInput=t=>{this.value=t.target.value;this.icInput.emit({value:this.value})};this.onBlur=t=>{const e=t.target;e.removeEventListener("wheel",this.onWheel);const{value:i}=e;this.numChars=i.length;this.minCharactersUnattained=this.minCharacters>0&&this.numChars<this.minCharacters;this.icBlur.emit({value:i});this.isFocussed=false};this.onFocus=t=>{const e=t.target;e.addEventListener("wheel",this.onWheel);this.icFocus.emit({value:e.value});this.isFocussed=true};this.onTextAreaScroll=()=>{this.icScroll.emit()};this.onWheel=t=>{const e=t.target;if(e.type==="number"){e.blur();setTimeout((()=>{e.focus()}),0)}};this.hasStatus=t=>t!==""&&!this.disabled;this.handleFormReset=()=>{this.value=this.initialValue};this.showValidationMargin=()=>{const t=this.readonly?0:this.maxCharacters;const e=L(this.validationStatus)||L(this.validationText);const i=this.minValueUnattained||this.maxValueExceeded;const s=t>0||this.minCharactersUnattained;return(!e||i||s)&&!this.validationInlineInternal};this.hostMutationCallback=t=>{let e=false;t.forEach((({attributeName:t,type:i,addedNodes:s,removedNodes:a})=>{if(t&&U.includes(t)){const i=this.el.getAttribute(t);if(i){this.inheritedAttributes[t]=i}e=true}else if(i==="childList"){e=c(s,a,"icon")}}));if(e){o(this)}}}watchDisabledHandler(){n(this.disabled,this.el)}debounceChanged(){this.icChange=C(this.icChange,this.debounce)}watchValueHandler(t){let e;if(this.maxCharacters>0){e=t.substring(0,this.maxCharacters);if(e.length<t.length){this.maxCharactersWarning=true}this.value=e}else{e=t}if(this.inputEl&&this.inputEl.value!==e){this.inputEl.value=e}this.getMaxValueExceeded(e);this.getMaxCharactersReached(e);this.icChange.emit({value:e})}connectedCallback(){this.debounceChanged()}disconnectedCallback(){var t;b(this.el,this.handleFormReset);(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){if(this.value!==this.initialValue){this.watchValueHandler(this.value)}else if(this.maxCharacters>0){this.value=this.value.substring(0,this.maxCharacters)}this.getMaxValueExceeded(this.value);this.getMaxCharactersReached(this.value);this.inheritedAttributes=f(this.el,U);if(this.readonly){this.maxValueExceeded=false;this.minValueUnattained=false}m(this.el,this.handleFormReset);n(this.disabled,this.el)}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Text Field");if(this.validationInlineInternal){this.getValidationText.emit({value:this.validationText})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true,childList:true});if(this.autofocus&&!this.disabled&&!this.readonly){this.interval=setInterval(this.checkChildHydration,50)}}handleKeyDown(t){var e,i;this.icKeydown.emit({event:t,cursorPosition:(e=this.inputEl.selectionStart)!==null&&e!==void 0?e:0,selectionEnd:(i=this.inputEl.selectionEnd)!==null&&i!==void 0?i:0});if(!t.ctrlKey&&!H.includes(t.key)){this.maxCharactersWarning=this.maxCharactersReached}}async setFocus(){var t;(t=this.inputEl)===null||t===void 0?void 0:t.focus()}render(){const{inputId:t,name:e,label:a,required:o,size:n,placeholder:r,helperText:l,hideCharCount:c,rows:h,resize:d,disabled:u,value:p,min:b,max:f,numChars:m,readonly:y,maxCharacters:w,maxCharactersMessage:z,maxCharactersWarning:L,maxCharactersReached:C,maxMessage:H,minCharacters:T,minCharactersMessage:M,minCharactersUnattained:O,minMessage:B,minValueUnattained:I,maxValueExceeded:P,validationAriaLive:j,validationStatus:D,validationText:q,validationInline:S,validationInlineInternal:F,spellcheck:N,inputmode:A,fullWidth:E,truncateValue:V,hiddenInput:W,theme:G,hideLabel:K,type:U,autocapitalize:_,ariaActiveDescendant:R,inheritedAttributes:Z,ariaExpanded:Q,ariaOwns:X,autocomplete:J,role:Y,isFocussed:tt}=this;const et=this.el;const it=y||u;const st=P||I||O||L?L?k.Warning:k.Error:D;const at=L?z:P?H:I?B:O?M:q;const ot=y?0:w;const nt=j==="default"?L||P||I||st===k.Error?"assertive":"polite":j;const rt=this.hasStatus(st)&&!(st==k.Success&&S)&&!F;const lt=h>1;const ct=w>0?`${t}-char-count-desc`:"";const ht=ot-m;const dt=w>0?`${t}-remaining-char-count-desc`:"";const ut=`${ht} character${ht===1?"":"s"} remaining.`;const pt=`${g(this.el,t,l!=="",rt)} ${ct} ${m>0?dt:""}`.trim();const bt=it&&!y;const ft=!!this.el.querySelector(`[slot="icon"]`)&&!bt;const mt=`${st===k.Error}`;W?v(this.el,p,e,it):$(this.el);return i(s,{key:"4a38a5d8bd42f37b2ab1e9f3af485695b6185a8a",class:{"ic-text-field-full-width":E,"ic-text-field-disabled":it,[`ic-theme-${G}`]:G!=="inherit"}},i("ic-input-container",{key:"a7da6f94bac334322b00b223cfb3462d026fbba1",readonly:y,disabled:it},!K&&i("ic-input-label",{key:"97a5cc41a79cfc56c3e8e309154cbcc015bbadad",for:t,label:a,helperText:l,required:o,disabled:bt,readonly:y},i("slot",{key:"d9994cb1bb7218712bbed976057a3ca8d9ad3c2b",name:"helper-text",slot:"helper-text"})),i("ic-input-component-container",{key:"0d3a988b563b2f9f2033b52a75f4fd5e27056ba8",size:n,validationStatus:st,multiLine:lt,disabled:it,readonly:y,validationInline:S,fullWidth:E},ft&&i("span",{key:"319fa22903ab0b2c2315377abb9f9e7bad15f221",class:{readonly:y,"has-value":this.getNumberOfCharacters(p)>0},slot:"left-icon"},i("slot",{key:"1224a807133d300df0a6070c998260ece29e8c80",name:"icon"})),!lt?i("input",Object.assign({id:t,name:e,ref:t=>this.inputEl=t,type:U,min:b,max:f,value:p,class:{"no-left-pad":!ft&&y,readonly:y,"truncate-value":V},placeholder:r?r:"",required:o,disabled:it,readonly:y,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"aria-label":a,"aria-describedby":pt,"aria-invalid":mt,"aria-activedescendant":R,"aria-expanded":Q,"aria-owns":X,autocomplete:J,autocapitalize:_,spellcheck:N,inputmode:A,role:Y||undefined,maxlength:C?w:undefined,minlength:O?T:undefined},Z)):i("textarea",Object.assign({id:t,class:{"no-resize":d===false||!!y,"no-left-pad":!ft&&!!y,readonly:!!y},name:e,ref:t=>this.inputEl=t,value:p,rows:h,required:o,disabled:it,placeholder:r,readonly:y,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onScroll:this.onTextAreaScroll,"aria-label":a,"aria-describedby":pt,"aria-invalid":mt,autocomplete:J,autocapitalize:_,spellcheck:N,inputmode:A,maxlength:C?w:undefined,minlength:O?T:undefined},Z)),x(et,"clear-button")&&i("slot",{key:"e50c8194546e08898e7ef0ed4dd940a881ffd5c4",name:"clear-button"}),x(et,"search-submit-button")&&i("slot",{key:"e2ba7a0f555593f767ff1c93c4c58b71967da1a7",name:"search-submit-button"})),x(et,"menu")&&i("slot",{key:"7b22fe423951f0f38c5419ff3c35e9f32a72735d",name:"menu"}),i("ic-input-validation",{key:"85aec8ebd4633fa36585e3253e1cc8107c374495",class:{"show-validation":this.showValidationMargin()},status:this.hasStatus(st)===false||st===k.Success&&S||F?"":st,message:rt?at:"",ariaLiveMode:nt,for:t,fullWidth:E},!y&&ot>0&&i("div",{key:"f857927758c96f735592e7af679dba91c333fbf1",slot:"validation-message-adornment"},!c&&i("ic-typography",{key:"eed01e87433155c8311c5ef958145d484c65264a",variant:"caption",class:"char-count-text"},i("span",{key:"1752a0a453ed7dd28b909029f847330ffbff406c",class:"char-count"},m,"/",ot)),i("span",{key:"cd708a611a6133a7cf3b892d8f83cbf592791907",class:"remaining-char-count-desc","aria-live":"polite",hidden:!tt,id:dt},ut),i("span",{key:"ebe5600dece8662d9966667308e79872793b098c",hidden:true,id:ct},"Field can contain a maximum of ",ot," characters.")))))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],debounce:["debounceChanged"],value:["watchValueHandler"]}}};_.style=G;export{I as ic_pagination,D as ic_pagination_item,V as ic_select,_ as ic_text_field};
-//# sourceMappingURL=p-5b32aaf3.entry.js.map