@ukic/canary-web-components 3.0.0-canary.13 → 3.0.0-canary.15

package/dist/core/p-09e8b002.entry.js.map

@@ -0,0 +1 @@
+{"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","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","fromRow","scrollable","scrollOffset","selectedRows","debounceDelay","columnHeaderTruncation","disableAutoSort","density","embedded","globalRowHeight","hideColumnHeaders","loading","minimumLoadingDisplayDuration","paginationBarOptions","alignment","hideAllFromItemsPerPage","hideRangeLabel","itemLabel","itemsPerPageOptions","label","value","monochrome","pageLabel","rangeLabelType","selectedItemsPerPage","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","getRowHeight","cellContainer","parseInt","getComputedStyle","document","documentElement","fontSize","parseFloat","getAttribute","updateSetRowHeight","typographyEl","removeRowHeightVariable","element","getCellContainer","scrollHeight","style","removeProperty","getTypographyElements","debounceDataTruncation","contains","dynamicDebounce","dataTruncation","getLines","height","Math","floor","truncate","clientHeight","closest","truncationPattern","addTooltipTruncation","addShowHideTruncation","setAttribute","prepend","isEmptyString","resetShowHideTruncation","getTooltip","showHideBtn","truncWrapper","getTruncWrapper","Number","removeTooltip","removeTextWrap","tableCell","deleteTextWrapDataKey","array","Array","isArray","val","textWrap","startLoadingTimer","timerStarted","Date","now","setTimeout","isObject","undefined","notDefaultDensity","getCellContent","cell","dataType","toLocaleDateString","getCellAlignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","description","max","min","progress","updatingOptions","h","colSpan","columns","class","fullWidth","size","setRowHeight","pxToRem","setTruncationClass","getColumnWidth","columnWidth","columnWidthStyling","assign","minWidth","maxWidth","getCalculatedRowHeight","columnProps","rowTextWrap","currentRowHeight","adjustWidthForActionElement","elements","width","firstChild","getBoundingClientRect","gridWrapper","gridTemplateColumns","createCellContent","cellSlotName","rowOptions","rowAlignment","hasIcon","cellValue","rowEmphasis","innerHTML","isSlotUsed","columnAlignment","vertical","_d","_e","horizontal","_f","_g","_h","_j","icon","emphasis","name","Fragment","_k","onAllCells","_l","_m","variant","href","target","rel","_o","_q","_p","data","createCells","row","rowIndex","rowValues","values","rowKeys","getRowOptions","headerIndex","indexOf","variableRowHeightVal","variableRowHeight","call","index","map","scope","CellContent","onClick","actionOnClick","event","handleClick","createColumnHeaders","cellAlignment","colspan","title","excludeColumnFromSort","hideOnHeader","id","getSortButtonLabel","sortRows","sortedColumn","sortedColumnOrder","onRowClick","notCurrentlySelected","filter","selectedRow","icSelectedRowChange","emit","selectAllRows","organisedData","icSelectAllRows","createRows","slice","toRow","paginationOffset","slottedColumns","col","prototype","hasOwnProperty","addDataToPosition","sort","getSortFunction","isRowSelected","cellIndex","checked","disabled","hideLabel","onIcCheck","getNextSortOption","option","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","nextSortOrderIndex","tableSorted","icSortChange","columnName","sorted","from","updateTruncationTooltip","removeTooltipOnly","regenerateTooltip","updateScrollOffset","tableRowContainer","scrollTop","updateRowHeightForDescriptions","rowHeight","toString","updateCellHeightsWithDescriptions","typography","descriptionMarginTop","window","getPropertyValue","descriptionHeight","textContent","cellIcon","deviceSizeMatches","IC_DEVICE_SIZES","XS","addLineClampCSS","createShowHideTruncation","setTableDimensions","tableHostDimensions","fixCellTooltip","tooltipChildElement","tagName","children","setExternalPopperProps","strategy","fixCellTooltips","slotElements","getSlotElements","slottedEl","actionElementSpan","actionElement","callback","renderTableBody","overlay","renderLoadingIndicator","isLoading","loadingOptions","ref","loadingOverlay","labelDuration","loadingIndicator","renderAriaLiveLoading","renderEmptyState","emptyStateEl","aligned","heading","headerTruncationChangeHandler","disconnectedCallback","disconnect","componentWillLoad","rowsPerPage","previousRowsPerPage","previousItemsPerPage","componentDidLoad","tableElement","tableContainer","checkResizeObserver","showLoadingIndicator","addEventListener","componentDidUpdate","truncateUpdatedData","componentDidRender","resetTruncation","then","removeAttribute","tooltipEl","setProperty","allRows","newRows","checkMaxLines","setShowHideExpanded","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","loadingHandler","newValue","truncationPatternHandler","dataHandler","densityHandler","rowHeightChangeHandler","oldValue","icRowHeightChange","resetRowHeights","rowOptionsIndex","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([show-pagination=\"true\"]) .table-row-container {\n  height: calc(100% - 3.5625rem);\n}\n\ntable {\n  table-layout: var(--table-layout, \"fixed\");\n  border-spacing: 0;\n  width: 100%;\n  height: var(--table-height, auto);\n}\n\n.table-row-container:focus {\n  outline: none;\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n  z-index: 1;\n}\n\n:host([embedded=\"true\"]) .table-row-container {\n  border: var(--ic-space-1px) solid var(--ic-data-table-border);\n}\n\n.column-header-inner-container {\n  padding: var(--ic-space-xs);\n  box-sizing: border-box;\n}\n\n.column-header-inner-container ic-tooltip {\n  pointer-events: none;\n}\n\n.column-header-inner-container ic-tooltip.show-trunc-tooltip {\n  pointer-events: auto;\n}\n\n.column-header-inner-container ic-tooltip .column-header-text {\n  --ic-line-clamp: 1;\n}\n\n.column-header-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.column-header-overlay {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  box-shadow: 0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%);\n}\n\n.row-header-sticky {\n  position: sticky;\n  left: 0;\n}\n\n.column-header,\n.table-row {\n  box-sizing: border-box;\n}\n\n.table-row-selected {\n  background-color: var(--ic-data-table-cell-background-selected) !important;\n}\n\n.table-row:hover {\n  background-color: var(--ic-data-table-cell-background-hover) !important;\n}\n\n.table-row-selected:hover {\n  background-color: var(\n    --ic-data-table-cell-background-selected-hover\n  ) !important;\n}\n\n.sort-button {\n  margin-left: auto;\n}\n\n.sort-button:hover {\n  background-color: var(--ic-data-table-icon-button-background-hover);\n}\n\n.sort-button:active {\n  background-color: var(--ic-data-table-icon-button-background-pressed);\n}\n\n.sort-button svg {\n  color: var(--ic-data-table-sort-toggle-icon);\n}\n\n.sort-button-unsorted svg {\n  color: var(--ic-data-table-sort-toggle-icon-default);\n}\n\n.table-density-dense .column-header-inner-container,\ntd.table-density-dense {\n  padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n  font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious {\n  padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n  font-size: 1.125rem;\n}\n\n.column-header-text {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.dummy-column-header-text {\n  white-space: nowrap;\n  overflow: hidden;\n  height: 0;\n  width: fit-content;\n}\n\n.row-header,\n.column-header {\n  text-align: left;\n  padding: var(--ic-space-xs);\n  background-color: var(--ic-data-table-header-background);\n  border-right: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n  border-bottom: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n  color: var(--ic-data-table-header-text);\n}\n\n.column-header {\n  padding: 0;\n  width: var(--column-width);\n  min-width: var(--column-min-width, 4rem);\n  max-width: var(--column-max-width);\n}\n\n.column-header:last-child {\n  border-right: none;\n}\n\n.scrollable .column-header:last-child {\n  border-right: var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n  border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n  text-align: left !important;\n  justify-content: start !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n  text-align: right !important;\n  justify-content: end !important;\n}\n\n.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography {\n  padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.cell-alignment-right.truncation-show-hide ic-typography {\n  --ellipsis-padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n  text-align: center !important;\n  justify-content: center !important;\n}\n\n.table-row {\n  background-color: var(--ic-data-table-cell-background);\n}\n\n.table-row:nth-child(even) {\n  background-color: var(--ic-data-table-cell-background-stripe);\n}\n\n.table-cell {\n  padding: var(--ic-space-xs);\n  border-bottom: solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);\n  overflow: hidden;\n  box-sizing: border-box;\n  max-width: var(--column-max-width);\n  min-width: var(--column-min-width);\n}\n\n.table-cell.with-overflow {\n  overflow: visible;\n}\n\n.data-type-string,\n.data-type-address {\n  text-align: left;\n  vertical-align: top;\n}\n\n.data-type-number,\n.data-type-date {\n  text-align: right;\n  justify-content: end;\n  vertical-align: top;\n}\n\n.cell-alignment-top {\n  vertical-align: top;\n  align-items: flex-start;\n}\n\n.cell-alignment-middle {\n  vertical-align: middle;\n  align-items: center;\n}\n\n.cell-alignment-bottom {\n  vertical-align: bottom;\n  align-items: flex-end;\n}\n\n.cell-emphasis-low ic-typography {\n  --ic-typography-color: var(--ic-data-table-text-low-emphasis);\n}\n\n.cell-emphasis-high ic-typography {\n  --ic-typography-color: var(--ic-data-table-text-high-emphasis);\n\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n  background-color: var(--ic-data-table-pagination-bar-background-color);\n  border-top: var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n  position: absolute;\n  left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n}\n\n.loading-empty {\n  padding: var(--ic-space-xl) var(--ic-space-xxl);\n  margin-top: var(--ic-space-xl);\n}\n\n.updating-state {\n  padding: 0;\n  border-bottom: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n}\n\n.updating-state-headers {\n  border-bottom: none;\n}\n\n.loading {\n  position: absolute;\n  left: calc(50% - 5.9741rem);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n  z-index: calc(var(--ic-z-index-dialog) - 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  -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-dialog) - 2);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading-overlay.show {\n  visibility: visible;\n  opacity: 0.6;\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .loading-overlay {\n    transition: none;\n  }\n}\n\n.cell-text-wrapper {\n  overflow: hidden;\n}\n\n.cell-text-wrapper > ic-typography {\n  margin-left: 2px;\n}\n\n.cell-text-no-wrap {\n  word-wrap: initial;\n}\n\n.cell-container-with-description {\n  display: flex;\n  flex-direction: row;\n}\n\n.cell-description {\n  display: flex;\n  flex-direction: row;\n  margin-top: var(--ic-space-xxs);\n  word-break: break-all;\n}\n\n.cell-description-text {\n  color: var(--ic-data-table-cell-description-text);\n}\n\n.cell-description-icon {\n  padding-right: var(--ic-space-xs);\n}\n\n.cell-description-icon > svg {\n  height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  display: flex;\n}\n\n@media (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 react/jsx-no-bind */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Element,\n  h,\n  Prop,\n  State,\n  Listen,\n  Watch,\n  Fragment,\n  Method,\n  Event,\n  EventEmitter,\n  Host,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n  IcDataTableDataType,\n  IcDataTableColumnDataTypes,\n  IcDataTableColumnObject,\n  IcDataTableColumnWidthTypes,\n  IcDataTableDensityOptions,\n  IcDataTableRowHeights,\n  IcDataTableSortOrderOptions,\n  IcDataTableTruncationTypes,\n  IcDensityUpdateEventDetail,\n  IcSortEventDetail,\n  IcLoadingOptions,\n} from \"./ic-data-table.types\";\nimport { 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 { 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 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\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() 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\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    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    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  }>;\n\n  /**\n   * Emitted when a column sort button is clicked.\n   */\n  @Event() icSortChange: EventEmitter<IcSortEventDetail>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    this.headerResizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.rowsPerPage = Number(\n      this.paginationBarOptions.itemsPerPageOptions![0].value\n    );\n    this.previousRowsPerPage = this.rowsPerPage;\n    this.toRow = this.rowsPerPage;\n    this.sortedColumn = this.sortOptions.defaultColumn!;\n    this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n    this.loadingOptions = {\n      ...this.loadingOptions,\n    };\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);\n          }\n        }\n      );\n\n      this.debounceDataTruncation();\n    }\n\n    if (this.globalRowHeight !== \"auto\") {\n      this.updateSetRowHeight();\n    }\n    window.addEventListener(\"resize\", this.updateCellHeightsWithDescriptions);\n  }\n\n  componentDidUpdate(): void {\n    // truncation updates invoked here once new/updated data has\n    // rendered to take into account updated .cell-container/ic-typography box model updates.\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING ||\n      this.truncationPattern === this.TOOLTIP_STRING\n    ) {\n      this.truncateUpdatedData();\n    }\n  }\n\n  componentDidRender(): void {\n    this.fixCellTooltips();\n    this.updateCellHeightsWithDescriptions();\n    this.adjustWidthForActionElement();\n  }\n\n  private runHeaderResizeObserver = () => {\n    this.headerResizeObserver = new ResizeObserver(() => {\n      this.headerResizeCallback();\n    });\n    this.headerResizeObserver.observe(this.el);\n  };\n\n  private headerResizeCallback = () => {\n    if (!this.hideColumnHeaders && this.columnHeaderTruncation) {\n      const tableContainerWidth =\n        this.el.shadowRoot?.querySelector(\".table-container\")?.clientWidth;\n      if (\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 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.dataUpdated) {\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach((typographyEl) => {\n          const truncWrapper = this.getTruncWrapper(typographyEl);\n          const cellContainer = this.getCellContainer(typographyEl);\n\n          if (\n            truncWrapper &&\n            cellContainer &&\n            cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >=\n              truncWrapper.scrollHeight\n          ) {\n            this.resetShowHideTruncation(typographyEl);\n            return;\n          }\n\n          setTimeout(() => {\n            // slight delay due to data rendering\n            if (\n              cellContainer &&\n              typographyEl.scrollHeight > cellContainer.clientHeight\n            ) {\n              this.addShowHideTruncation(cellContainer, typographyEl);\n            }\n          }, 150);\n        });\n      }\n\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      this.dataUpdated = false;\n    }\n\n    if (this.tableSorted) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach((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    // This function recalculates the tooltip truncation when the rowHeight has been set.\n    // This is in componentDidUpdate so a setTimeout is not used to wait for the render to be complete\n    if (this.rowHeightSet) {\n      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\n            if (this.truncationPattern === this.TOOLTIP_STRING) {\n              this.removeTooltip(cellContainer, typographyEl, tooltipEl);\n              typographyEl.setAttribute(\n                \"style\",\n                `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n              );\n            } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n              this.resetShowHideTruncation(typographyEl);\n            }\n\n            return;\n          }\n\n          // 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              const showHideBtn =\n                typographyEl.shadowRoot?.querySelector(\"button\");\n\n              if (\n                showHideBtn &&\n                truncWrapper &&\n                truncWrapper.scrollHeight <= cellContainer.clientHeight\n              ) {\n                this.resetShowHideTruncation(typographyEl);\n                return;\n              }\n            }\n            this.truncate(typographyEl, cellContainer, tooltipEl);\n          } else {\n            this.updateSetRowHeight(typographyEl);\n          }\n        }\n      });\n\n      this.rowHeightSet = false;\n    }\n\n    // Only run truncation on the new rows\n    // when the number of items per page has increased\n    if (this.itemsPerPageChange) {\n      const allRows = this.el.shadowRoot?.querySelectorAll(\".table-row\");\n\n      if (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    if (!this.initialLoad && this.icPageChangeEvent) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      // set truncation to see more if opened and next/previous page is pressed\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const showHideBtn = typographyEl.shadowRoot?.querySelector(\"button\");\n\n          if (\n            cellContainer &&\n            typographyEl?.scrollHeight > cellContainer.clientHeight &&\n            !showHideBtn\n          ) {\n            this.addShowHideTruncation(cellContainer, typographyEl);\n          }\n        });\n      }\n\n      this.icPageChangeEvent = false;\n    }\n\n    if (this.densityUpdate) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        const tooltipEl = this.getTooltip(typographyEl);\n\n        if (cellContainer)\n          this.truncate(typographyEl, cellContainer, tooltipEl);\n      });\n\n      this.densityUpdate = false;\n    }\n\n    if (this.truncationPatternUpdated) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.getTypographyElements().forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltipEl = this.getTooltip(typographyEl);\n\n          if (\n            cellContainer &&\n            typographyEl.scrollHeight > cellContainer.clientHeight\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 truncWrapper = this.getTruncWrapper(typographyEl);\n          const cellContainer = this.getCellContainer(typographyEl);\n\n          if (cellContainer) {\n            if (\n              truncWrapper &&\n              cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >\n                truncWrapper.scrollHeight\n            ) {\n              this.resetShowHideTruncation(typographyEl);\n              return;\n            }\n\n            if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n              this.addShowHideTruncation(cellContainer, typographyEl);\n            }\n          }\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 debounceDataTruncation = () => {\n    this.getTypographyElements().forEach((typographyEl) => {\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      if (\n        cellContainer &&\n        !cellContainer.classList.contains(this.TEXT_WRAP_STRING)\n      ) {\n        this.resizeObserver = new ResizeObserver(\n          // This gets triggered twice due to updated data and see more/see less button\n          dynamicDebounce(\n            () => {\n              this.dataTruncation(typographyEl);\n\n              if (!this.isNewDebounceDelaySet) {\n                this.debounceDelay = 200;\n\n                this.isNewDebounceDelaySet = true;\n              }\n            },\n            () => this.debounceDelay\n          ) as ResizeObserverCallback\n        );\n\n        this.resizeObserver.observe(typographyEl);\n      }\n    });\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 (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n      //24 is the height of a single line\n      if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n        if (this.truncationPattern === this.TOOLTIP_STRING) {\n          this.addTooltipTruncation(typographyEl, cellContainer, tooltip);\n        }\n        if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n          this.addShowHideTruncation(cellContainer, typographyEl);\n        }\n      }\n    } else {\n      if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {\n        typographyEl.setAttribute(\n          \"style\",\n          `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n        );\n\n        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.resetShowHideTruncation(typographyEl);\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 addShowHideTruncation(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement\n  ) {\n    cellContainer.classList.add(this.SHOW_HIDE_CSS_CLASS);\n    this.createShowHideTruncation(typographyEl, cellContainer);\n  }\n\n  private dataTruncation = (typographyEl: HTMLIcTypographyElement) => {\n    // Tooltip truncation mentioned in AC. Will need revisiting\n    const tooltip = this.getTooltip(typographyEl);\n    const cellContainer = this.getCellContainer(typographyEl);\n    if (\n      !cellContainer ||\n      cellContainer.classList.contains(\"data-type-element\") ||\n      this.dataUpdated\n    ) {\n      return;\n    }\n\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING &&\n      typographyEl.shadowRoot?.querySelector(\"button\")\n    ) {\n      const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n      // If the see more/see less is present and the max lines is equal to the cell container\n      // remove the see more/see less button\n      if (showHideBtn) {\n        const truncWrapper = this.getTruncWrapper(typographyEl);\n\n        if (\n          truncWrapper &&\n          this.getLines(truncWrapper.scrollHeight) ===\n            Number(typographyEl.getAttribute(\"max-lines\"))\n        ) {\n          this.resetShowHideTruncation(typographyEl);\n        }\n      }\n    }\n\n    // Deals with setting and resetting row height and re-truncating data\n    if (this.rowHeightSet && this.truncationPattern === this.SHOW_HIDE_STRING) {\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      // cellContainer.clientHeight - 24 removes the extra line by see more/see less\n      if (\n        truncWrapper &&\n        cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n          truncWrapper.scrollHeight\n      ) {\n        this.resetShowHideTruncation(typographyEl);\n        return;\n      }\n\n      if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n        this.addShowHideTruncation(cellContainer, typographyEl);\n        return;\n      }\n    }\n\n    if (\n      typographyEl?.scrollHeight > 0 &&\n      cellContainer?.clientHeight > 0 &&\n      typographyEl?.scrollHeight === cellContainer?.clientHeight\n    ) {\n      if (tooltip) {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      return;\n    }\n\n    this.truncate(typographyEl, cellContainer, tooltip);\n  };\n\n  private getTruncWrapper = (typographyEl: HTMLIcTypographyElement) =>\n    typographyEl.shadowRoot?.querySelector(\".trunc-wrapper\");\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(newValue: boolean): void {\n    if (newValue) this.startLoadingTimer();\n\n    if (this.loading) {\n      setTimeout(() => {\n        this.showLoadingIndicator();\n      }, 500);\n    }\n  }\n\n  @Watch(\"truncationPattern\")\n  truncationPatternHandler(newValue: IcDataTableTruncationTypes): void {\n    if (newValue === this.TOOLTIP_STRING) {\n      this.resetShowHideTruncation();\n      this.updateTruncationTooltip(true);\n\n      // Not using debounceDataTruncation here due to resizeObserver not being triggered\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        const tooltip = this.getTooltip(typographyEl);\n\n        if (cellContainer) this.truncate(typographyEl, cellContainer, tooltip);\n      });\n    }\n\n    if (newValue === this.SHOW_HIDE_STRING) {\n      // ResizeObserver is trigger here due to the see more/see less links being removed.\n      // The resizeObserver will also apply the tooltip where relevant\n      this.updateTruncationTooltip(true);\n      this.getTypographyElements().forEach((typographyEl) => {\n        const truncWrapper = this.getTruncWrapper(typographyEl);\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (cellContainer) {\n          if (\n            truncWrapper &&\n            cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n              truncWrapper.scrollHeight\n          ) {\n            this.resetShowHideTruncation(typographyEl);\n            return;\n          }\n\n          setTimeout(() => {\n            // slight delay due to data rendering\n            if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n              this.addShowHideTruncation(cellContainer, typographyEl);\n            }\n          }, 150);\n        }\n      });\n    }\n\n    this.truncationPatternUpdated = true;\n  }\n\n  @Watch(\"data\")\n  async dataHandler(): 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 resetShowHideTruncation(typographyEl?: HTMLIcTypographyElement) {\n    if (typographyEl) {\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      const cellContainer = this.getCellContainer(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(\n            cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT\n          )}`\n        );\n        typographyEl.setShowHideExpanded(false);\n\n        cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n      } else if (\n        !cellContainer.classList.contains(\n          this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n        )\n      ) {\n        typographyEl.resetTruncation().then(() => {\n          if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n            cellContainer.style.setProperty(\n              this.ROW_HEIGHT_CSS_VARIABLE,\n              cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n            );\n          }\n        });\n      }\n    } else {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        typographyEl.resetTruncation().then(() => {\n          if (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\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    return (\n      <th colSpan={this.columns.length} class=\"updating-state\">\n        <ic-loading-indicator\n          theme={this.theme}\n          monochrome={monochrome}\n          description={description || \"Updating table data\"}\n          fullWidth={true}\n          max={max}\n          min={min}\n          progress={progress}\n          type=\"linear\"\n          size=\"small\"\n        ></ic-loading-indicator>\n      </th>\n    );\n  };\n\n  private setRowHeight = (height: number) =>\n    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    rowTextWrap: boolean,\n    cell: any,\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 adjustWidthForActionElement = () => {\n    const elements = this.el.shadowRoot?.querySelectorAll(\".action-element\");\n    elements?.forEach((element) => {\n      const width = (element.firstChild as HTMLElement).getBoundingClientRect()\n        .width;\n      const gridWrapper = element.closest<HTMLElement>(\".cell-grid-wrapper\");\n      if (gridWrapper)\n        gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;\n    });\n  };\n\n  private createCellContent = (\n    columnProps: IcDataTableColumnObject,\n    cell: any,\n    cellSlotName: string,\n    rowOptions: any,\n    rowAlignment: string,\n    hasIcon: boolean,\n    cellValue: (key: string) => any,\n    rowEmphasis: string,\n    currentRowHeight?: number\n  ): HTMLElement => (\n    <div\n      innerHTML={\n        columnProps?.dataType === \"element\" &&\n        !isSlotUsed(this.el, cellSlotName)\n          ? (cell as string)\n          : undefined\n      }\n      class={{\n        \"cell-container\": columnProps?.dataType !== \"element\",\n        [`cell-alignment-${\n          columnProps?.columnAlignment?.vertical ||\n          rowOptions?.rowAlignment?.vertical ||\n          rowAlignment ||\n          this.getCellAlignment(cell, \"vertical\")\n        }`]:\n          !!columnProps?.columnAlignment?.vertical ||\n          !!rowOptions?.rowAlignment?.vertical ||\n          !!rowAlignment ||\n          !!this.getCellAlignment(cell, \"vertical\"),\n        [`cell-alignment-${\n          columnProps?.columnAlignment?.horizontal ||\n          rowOptions?.rowAlignment?.horizontal ||\n          this.getCellAlignment(cell, \"horizontal\")\n        }`]:\n          !!columnProps?.columnAlignment?.horizontal ||\n          !!rowOptions?.rowAlignment?.horizontal ||\n          !!this.getCellAlignment(cell, \"horizontal\"),\n        [`data-type-${columnProps?.dataType}`]: true,\n        [this.TEXT_WRAP_STRING]:\n          columnProps?.textWrap ||\n          rowOptions?.textWrap ||\n          !!this.getCellOptions(cell, \"textWrap\"),\n        [\"cell-icon\"]: hasIcon || !!columnProps?.icon?.icon,\n        [`cell-emphasis-${\n          (this.isObject(cell) && cellValue(\"emphasis\")) ||\n          columnProps?.emphasis ||\n          rowEmphasis\n        }`]:\n          (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n          !!columnProps?.emphasis ||\n          !!rowEmphasis,\n        ...this.setTruncationClass(),\n        [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:\n          this.isObject(cell) && Object.keys(cell).includes(\"description\"),\n      }}\n      style={{\n        ...this.getCalculatedRowHeight(\n          columnProps,\n          rowOptions?.textWrap,\n          cell,\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={cellValue(\"icon\") || columnProps?.icon?.icon}\n              ></span>\n            )\n          )}\n          {columnProps?.dataType !== \"element\" &&\n            !isSlotUsed(this.el, cellSlotName) && (\n              <div\n                class={{\n                  \"cell-text-wrapper\": true,\n                  \"cell-text-no-wrap\": !this.truncationPattern,\n                }}\n              >\n                <ic-typography\n                  variant=\"body\"\n                  class={{\n                    [`cell-emphasis-${\n                      (this.isObject(cell) && cellValue(\"emphasis\")) ||\n                      columnProps?.emphasis ||\n                      rowEmphasis\n                    }`]:\n                      (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n                      !!columnProps?.emphasis ||\n                      !!rowEmphasis,\n                    [`text-${this.density}`]: this.notDefaultDensity(),\n                  }}\n                >\n                  {this.isObject(cell) && columnProps?.dataType !== \"date\" ? (\n                    Object.keys(cell).includes(\"href\") ? (\n                      <ic-link\n                        href={cellValue(\"href\")}\n                        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={cellValue(\"description\").icon}\n                        ></span>\n                      )}\n                      <ic-typography\n                        variant=\"caption\"\n                        class=\"cell-description-text\"\n                      >\n                        {cellValue(\"description\")?.data ??\n                          cellValue(\"description\")}\n                      </ic-typography>\n                    </div>\n                  )}\n              </div>\n            )}\n        </Fragment>\n      )}\n    </div>\n  );\n\n  private createCells = (row: IcDataTableDataType, rowIndex: number) => {\n    const rowValues = Object.values(row);\n    const rowKeys = Object.keys(row);\n\n    const rowOptions = this.getRowOptions(rowKeys, rowValues);\n    let rowAlignment: string;\n    let rowEmphasis: string;\n\n    const headerIndex = rowKeys.indexOf(\"header\");\n    if (headerIndex > -1) {\n      rowAlignment = this.getObjectValue(\n        rowValues[headerIndex],\n        \"rowAlignment\"\n      );\n      rowEmphasis = this.getObjectValue(rowValues[headerIndex], \"emphasis\");\n    }\n\n    const variableRowHeightVal = this.variableRowHeight?.({\n      ...row,\n      index: rowIndex,\n    });\n\n    const currentRowHeight = variableRowHeightVal\n      ? variableRowHeightVal !== \"auto\" && variableRowHeightVal\n      : this.globalRowHeight !== \"auto\" && this.globalRowHeight;\n\n    return rowValues.map((cell, index) => {\n      const columnProps = this.columns[index];\n      const cellSlotName = `${columnProps?.key}-${rowIndex}`;\n      const hasIcon = this.isObject(cell) && Object.keys(cell).includes(\"icon\");\n      const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n      if (rowKeys[index] === \"header\") {\n        return (\n          <th\n            scope=\"row\"\n            colSpan={cellValue(\"colspan\")}\n            class={{\n              [\"row-header\"]: true,\n              [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n                !!cellValue(\"cellAlignment\"),\n              [\"row-header-sticky\"]: this.stickyRowHeaders,\n            }}\n          >\n            {cellValue(\"title\")}\n          </th>\n        );\n      }\n\n      const CellContent = this.createCellContent(\n        columnProps,\n        cell,\n        cellSlotName,\n        rowOptions,\n        rowAlignment,\n        hasIcon,\n        cellValue,\n        rowEmphasis,\n        currentRowHeight || undefined\n      );\n\n      if (rowKeys[index] !== \"rowOptions\") {\n        return (\n          <td\n            class={{\n              [\"table-cell\"]: true,\n              [`table-density-${this.density}`]: this.notDefaultDensity(),\n              [\"with-overflow\"]: columnProps?.dataType === \"element\",\n            }}\n            style={{ ...this.getColumnWidth(columnProps.columnWidth) }}\n          >\n            {this.isObject(cell) &&\n            Object.keys(cell).includes(\"actionElement\") ? (\n              <div class=\"cell-grid-wrapper\">\n                {CellContent}\n                <span\n                  class=\"action-element\"\n                  innerHTML={cellValue(\"actionElement\")}\n                  // eslint-disable-next-line react/jsx-no-bind\n                  onClick={\n                    cell.actionOnClick\n                      ? (event) => this.handleClick(event, cell.actionOnClick)\n                      : undefined\n                  }\n                ></span>\n              </div>\n            ) : (\n              CellContent\n            )}\n          </td>\n        );\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        },\n        index\n      ) => (\n        <th\n          scope=\"col\"\n          class={{\n            [\"column-header\"]: true,\n            [`table-density-${this.density}`]: this.notDefaultDensity(),\n            [\"updating-state-headers\"]: this.updating && !this.loading,\n          }}\n          style={{ ...this.getColumnWidth(columnWidth) }}\n          colSpan={colspan}\n        >\n          <div\n            class={{\n              \"column-header-inner-container\": true,\n              \"truncation-tooltip\": this.columnHeaderTruncation,\n              [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,\n            }}\n          >\n            {isSlotUsed(this.el, `${key}-column-icon`) ? (\n              <slot name={`${key}-column-icon`} />\n            ) : (\n              icon &&\n              !icon.hideOnHeader && (\n                <span class=\"icon\" innerHTML={icon.icon}></span>\n              )\n            )}\n            {this.columnHeaderTruncation ? (\n              <ic-tooltip label={title} target={`column-header-${index}`}>\n                <ic-typography\n                  id={`column-header-${index}`}\n                  variant=\"body\"\n                  class={{\n                    [\"column-header-text\"]: true,\n                    [`text-${this.density}`]: this.notDefaultDensity(),\n                  }}\n                >\n                  {title}\n                </ic-typography>\n              </ic-tooltip>\n            ) : (\n              <ic-typography\n                variant=\"body\"\n                class={{\n                  [\"column-header-text\"]: true,\n                  [`text-${this.density}`]: this.notDefaultDensity(),\n                }}\n              >\n                {title}\n              </ic-typography>\n            )}\n            {this.sortable && !excludeColumnFromSort && (\n              <ic-button\n                variant=\"icon\"\n                id={`sort-button-${key}`}\n                aria-label={this.getSortButtonLabel(key)}\n                // eslint-disable-next-line react/jsx-no-bind\n                onClick={() => this.sortRows(key)}\n                innerHTML={\n                  this.SORT_ICONS[\n                    this.sortedColumn === key\n                      ? this.sortedColumnOrder\n                      : \"unsorted\"\n                  ]\n                }\n                class={{\n                  [\"sort-button\"]: true,\n                  [\"sort-button-unsorted\"]:\n                    this.sortedColumn !== key ||\n                    this.sortedColumnOrder === \"unsorted\",\n                }}\n              ></ic-button>\n            )}\n          </div>\n          {this.columnHeaderTruncation && (\n            <ic-typography\n              variant=\"body\"\n              aria-hidden=\"true\"\n              class={{\n                [\"column-header-text\"]: true,\n                [\"dummy-column-header-text\"]: this.columnHeaderTruncation,\n                [`text-${this.density}`]: this.notDefaultDensity(),\n              }}\n            >\n              {title}\n            </ic-typography>\n          )}\n        </th>\n      )\n    );\n\n  private onRowClick = (row: IcDataTableDataType) => {\n    const notCurrentlySelected = !this.selectedRows.includes(row);\n\n    this.selectedRows = notCurrentlySelected\n      ? [...this.selectedRows, row]\n      : this.selectedRows.filter((selectedRow) => selectedRow !== row);\n\n    this.icSelectedRowChange.emit({\n      row: notCurrentlySelected ? row : null,\n      selectedRows: this.selectedRows,\n    });\n  };\n\n  private selectAllRows = () => {\n    this.selectedRows =\n      this.organisedData &&\n      this.selectedRows.length !== this.organisedData.length\n        ? [...this.organisedData]\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    /**\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 || this.disableAutoSort\n          ? undefined\n          : this.getSortFunction()\n      )\n      .map((row, index) => {\n        const isRowSelected =\n          this.rowSelection && this.selectedRows.includes(row);\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: object, 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<HTMLIcButtonElement>(\n            `#sort-button-${this.sortedColumn}`\n          )\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<HTMLIcButtonElement>(`#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  /** Method to update the row heights on cells with descriptions and tooltip truncation */\n  private updateCellHeightsWithDescriptions = () => {\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        const descriptionMarginTop = window\n          .getComputedStyle(description)\n          .getPropertyValue(\"margin-top\");\n\n        const descriptionHeight =\n          description.clientHeight + parseInt(descriptionMarginTop, 10);\n\n        if (\n          typography &&\n          cellContainer &&\n          this.globalRowHeight &&\n          this.globalRowHeight !== \"auto\"\n        ) {\n          if (\n            !typography.textContent &&\n            descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight\n          ) {\n            this.updateRowHeightForDescriptions(\n              descriptionHeight,\n              cellContainer\n            );\n          } else if (this.truncationPattern === this.TOOLTIP_STRING) {\n            if (\n              descriptionHeight + this.DEFAULT_LINE_HEIGHT >\n              this.globalRowHeight\n            ) {\n              const cellIcon = cellContainer.querySelector(\".icon\");\n              if (deviceSizeMatches(IC_DEVICE_SIZES.XS) && cellIcon) {\n                // recalculate descriptionHeight as when a word break occurs this value changes\n                // Additional spacing given for 300-400% zoom\n                this.updateRowHeightForDescriptions(\n                  descriptionHeight +\n                    this.DEFAULT_LINE_HEIGHT +\n                    cellIcon.clientHeight,\n                  cellContainer\n                );\n              } else {\n                this.updateRowHeightForDescriptions(\n                  descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n                  cellContainer\n                );\n              }\n            }\n            this.addLineClampCSS(typography, cellContainer);\n            // Additional case for show/hide truncation for when a description is present, but the text\n            // isn't overflowing the cell to trigger the show more button to appear.\n          } else if (\n            this.truncationPattern === this.SHOW_HIDE_STRING &&\n            descriptionHeight + this.DEFAULT_LINE_HEIGHT >\n              this.globalRowHeight &&\n            typography.style.getPropertyValue(\"--truncation-max-lines\") !==\n              \"initial\"\n          ) {\n            this.updateRowHeightForDescriptions(\n              descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n              cellContainer\n            );\n\n            if (descriptionHeight) {\n              this.createShowHideTruncation(\n                typography,\n                cellContainer as HTMLElement,\n                descriptionHeight\n              );\n            }\n          }\n        }\n      });\n  };\n\n  private getRowOptions(rowKeys: string[], rowValues: any[]) {\n    const rowOptionsIndex = rowKeys.indexOf(\"rowOptions\");\n    return rowOptionsIndex > -1 && rowValues[rowOptionsIndex];\n  }\n\n  private regenerateTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement | 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 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;\n        if (actionElement) {\n          this.fixCellTooltip(actionElement as Element);\n        }\n      });\n  };\n\n  private handleClick = (event: Event, callback: (event: Event) => void) =>\n    callback(event);\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      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={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n      >\n        <div class=\"table-container\">\n          {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n          <div\n            class={{\n              [\"table-row-container\"]: true,\n              scrollable,\n            }}\n            tabIndex={scrollable ? 0 : 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                  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                  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-b18a5861.entry.js → p-110486f0.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-00135a74.js";const n='/*! 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}@media only screen and (max-width: 576px){:host{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){:host{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}:host{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md);box-sizing:border-box}:host(.aligned-center){max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}:host(.aligned-left){max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}:host(.aligned-full-width){margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}:host(.vertical-padding){padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}:host(.no-vertical-padding){padding-top:0;padding-bottom:0}';const a=n;const o=class{constructor(t){e(this,t);this.aligned="left";this.fullHeight=false}render(){const{aligned:e,fullHeight:n}=this;return t(i,{key:"1ea49a87f38808b073be910c77fa568292133548",class:{["aligned-left"]:e==="left"||e===null,["aligned-center"]:e==="center",["aligned-full-width"]:e==="full-width",["no-vertical-padding"]:!!n}},t("slot",{key:"ed8ec14d1abfe97003ce6a4a152287d75baf22cc"}))}};o.style=a;export{o as ic_section_container};
-//# sourceMappingURL=p-b18a5861.entry.js.map
+import{r as e,h as t,H as i}from"./p-8e4e97b4.js";const n='/*! 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}@media only screen and (max-width: 576px){:host{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){:host{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}:host{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md);box-sizing:border-box}:host(.aligned-center){max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}:host(.aligned-left){max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}:host(.aligned-full-width){margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}:host(.vertical-padding){padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}:host(.no-vertical-padding){padding-top:0;padding-bottom:0}';const a=n;const o=class{constructor(t){e(this,t);this.aligned="left";this.fullHeight=false}render(){const{aligned:e,fullHeight:n}=this;return t(i,{key:"a826359cf3cf5d7f9f37b0bdac2ab58ae79c9df4",class:{["aligned-left"]:e==="left"||e===null,["aligned-center"]:e==="center",["aligned-full-width"]:e==="full-width",["no-vertical-padding"]:!!n}},t("slot",{key:"cc1c0250e0e19864f093ff72bfa312a72f4bdd75"}))}};o.style=a;export{o as ic_section_container};
+//# sourceMappingURL=p-110486f0.entry.js.map

package/dist/core/{p-b18a5861.entry.js.map → p-110486f0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icSectionContainerCss","IcSectionContainerStyle0","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","../web-components/dist/collection/components/ic-section-container/ic-section-container.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n@media only screen and (max-width: 576px) {\n  :host {\n    --section-container-margin: var(--ic-space-xs);\n    --section-container-max-width: var(--ic-breakpoint-sm);\n  }\n}\n\n@media only screen and (min-width: 577px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-md);\n  }\n}\n\n@media only screen and (min-width: 769px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-lg);\n  }\n}\n\n@media only screen and (min-width: 993px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-xl);\n  }\n}\n\n@media only screen and (min-width: 1201px) {\n  :host {\n    --section-container-margin: var(--ic-space-lg);\n    --section-container-max-width: var(--ic-breakpoint-xl);\n  }\n}\n\n:host {\n  display: block;\n  padding-top: var(--ic-space-md);\n  padding-bottom: var(--ic-space-md);\n  box-sizing: border-box;\n}\n\n:host(.aligned-center) {\n  max-width: var(--section-container-max-width);\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: var(--section-container-margin);\n  padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-left) {\n  max-width: var(--section-container-max-width);\n  margin-left: var(--section-container-margin);\n  margin-right: auto;\n  padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-full-width) {\n  margin-left: var(--section-container-margin);\n  margin-right: var(--section-container-margin);\n}\n\n:host(.vertical-padding) {\n  padding-top: var(--ic-space-md);\n  padding-bottom: var(--ic-space-md);\n}\n\n:host(.no-vertical-padding) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class SectionContainer {\n    constructor() {\n        /**\n         * The alignment of the container.\n         */\n        this.aligned = \"left\";\n        /**\n         * If `true`, the standard vertical padding from the container will be removed.\n         */\n        this.fullHeight = false;\n    }\n    render() {\n        const { aligned, fullHeight } = this;\n        return (h(Host, { key: '1ea49a87f38808b073be910c77fa568292133548', class: {\n                [\"aligned-left\"]: aligned === \"left\" || aligned === null,\n                [\"aligned-center\"]: aligned === \"center\",\n                [\"aligned-full-width\"]: aligned === \"full-width\",\n                [\"no-vertical-padding\"]: !!fullHeight,\n            } }, h(\"slot\", { key: 'ed8ec14d1abfe97003ce6a4a152287d75baf22cc' })));\n    }\n    static get is() { return \"ic-section-container\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"fullHeight\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the standard vertical padding from the container will be removed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-section-container.js.map\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzHAC9B,MAAAC,EAAeD,E,MCAFE,EAAgB,MACzB,WAAAC,CAAAC,G,UAIIC,KAAKC,QAAU,OAIfD,KAAKE,WAAa,K,CAEtB,MAAAC,GACI,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OAAQI,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAAC,gBAAiBN,IAAY,QAAUA,IAAY,KACpD,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,yBAA0BC,IAC1BE,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}
+{"version":3,"names":["icSectionContainerCss","IcSectionContainerStyle0","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","../web-components/dist/collection/components/ic-section-container/ic-section-container.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n@media only screen and (max-width: 576px) {\n  :host {\n    --section-container-margin: var(--ic-space-xs);\n    --section-container-max-width: var(--ic-breakpoint-sm);\n  }\n}\n\n@media only screen and (min-width: 577px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-md);\n  }\n}\n\n@media only screen and (min-width: 769px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-lg);\n  }\n}\n\n@media only screen and (min-width: 993px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-xl);\n  }\n}\n\n@media only screen and (min-width: 1201px) {\n  :host {\n    --section-container-margin: var(--ic-space-lg);\n    --section-container-max-width: var(--ic-breakpoint-xl);\n  }\n}\n\n:host {\n  display: block;\n  padding-top: var(--ic-space-md);\n  padding-bottom: var(--ic-space-md);\n  box-sizing: border-box;\n}\n\n:host(.aligned-center) {\n  max-width: var(--section-container-max-width);\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: var(--section-container-margin);\n  padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-left) {\n  max-width: var(--section-container-max-width);\n  margin-left: var(--section-container-margin);\n  margin-right: auto;\n  padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-full-width) {\n  margin-left: var(--section-container-margin);\n  margin-right: var(--section-container-margin);\n}\n\n:host(.vertical-padding) {\n  padding-top: var(--ic-space-md);\n  padding-bottom: var(--ic-space-md);\n}\n\n:host(.no-vertical-padding) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class SectionContainer {\n    constructor() {\n        /**\n         * The alignment of the container.\n         */\n        this.aligned = \"left\";\n        /**\n         * If `true`, the standard vertical padding from the container will be removed.\n         */\n        this.fullHeight = false;\n    }\n    render() {\n        const { aligned, fullHeight } = this;\n        return (h(Host, { key: 'a826359cf3cf5d7f9f37b0bdac2ab58ae79c9df4', class: {\n                [\"aligned-left\"]: aligned === \"left\" || aligned === null,\n                [\"aligned-center\"]: aligned === \"center\",\n                [\"aligned-full-width\"]: aligned === \"full-width\",\n                [\"no-vertical-padding\"]: !!fullHeight,\n            } }, h(\"slot\", { key: 'cc1c0250e0e19864f093ff72bfa312a72f4bdd75' })));\n    }\n    static get is() { return \"ic-section-container\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"fullHeight\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the standard vertical padding from the container will be removed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-section-container.js.map\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzHAC9B,MAAAC,EAAeD,E,MCAFE,EAAgB,MACzB,WAAAC,CAAAC,G,UAIIC,KAAKC,QAAU,OAIfD,KAAKE,WAAa,K,CAEtB,MAAAC,GACI,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OAAQI,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAAC,gBAAiBN,IAAY,QAAUA,IAAY,KACpD,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,yBAA0BC,IAC1BE,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/core/p-19ecd2a6.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as s,g as o}from"./p-8e4e97b4.js";import{r,i as c,o as l,a}from"./p-7d054704.js";const n=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const h=':host{display:block;border:none;position:relative}:host .tree-item-content{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));padding:0 var(--ic-space-xs);text-decoration:none;color:var(--ic-tree-view-text);--ic-typography-color:var(--ic-tree-view-text)}::slotted([slot="router-item"]){display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-tree-view-text);padding:0 var(--ic-space-xs) !important}:host(.ic-tree-item-truncate) .tree-item-content,:host(.ic-tree-item-truncate) ::slotted([slot="router-item"]){height:calc(var(--ic-space-xl) + var(--ic-space-xs))}::slotted([slot="router-item"].ic-tree-item-single){padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}:host .tree-item-content:focus,::slotted([slot="router-item"]:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}:host(.ic-tree-item-focus-inset) .tree-item-content:focus,:host(.ic-tree-item-focus-inset) ::slotted([slot="router-item"]:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.ic-tree-item-focus-inset) .tree-item-content,:host(.ic-tree-item-focus-inset) ::slotted([slot="router-item"]){padding:0 var(--ic-space-sm)}:host .tree-item-content:hover,::slotted([slot="router-item"]:hover){background-color:var(--ic-tree-view-hover) !important;cursor:pointer}:host .tree-item-content:active,::slotted([slot="router-item"]:active){background-color:var(--ic-tree-view-pressed) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){background-color:var(--ic-tree-view-selected) !important}:host(.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-small) ::slotted([slot="router-item"]){min-height:var(--ic-space-xl)}:host(.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-large) ::slotted([slot="router-item"]){min-height:var(--ic-space-xxl)}:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-small) ::slotted([slot="router-item"]){height:var(--ic-space-xl)}:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-large) ::slotted([slot="router-item"]){height:var(--ic-space-xxl)}:host(.ic-tree-item-disabled){pointer-events:none}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) ::slotted([slot="icon"]),:host(.ic-tree-item-disabled) ::slotted([slot="router-item"]){color:var(--ic-tree-view-text-disabled) !important;--ic-typography-color:var(--ic-tree-view-text-disabled) !important;fill:var(--ic-tree-view-icon-disabled);pointer-events:none}:host .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow);margin-right:var(--ic-space-xs)}:host(.ic-tree-item-disabled) .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow-disabled)}:host(.ic-tree-item-small) .arrow-dropdown{margin-right:var(--ic-space-xxs)}:host .tree-item-expanded{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs))}:host .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-small) .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}.icon-container{min-width:var(--ic-space-lg);width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}:host(.ic-tree-item-small) .icon-container{margin:0 var(--ic-space-xxs) 0 0}.ic-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ic-tooltip-overflow{overflow:hidden}::slotted([slot="icon"]){fill:var(--ic-tree-view-icon)}@media (forced-colors: active){::slotted([slot="icon"]){fill:currentcolor}:host .tree-item-content:hover,::slotted([slot="router-item"]:hover),:host .tree-item-content:active,::slotted([slot="router-item"]:active),:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){background-color:none !important}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) .arrow-dropdown,:host(.ic-tree-item-disabled) ::slotted([slot="icon"]),:host(.ic-tree-item-disabled) ::slotted([slot="router-item"]){color:GrayText !important;--ic-typography-color:GrayText !important;fill:GrayText !important}:host .tree-item-content:focus,::slotted([slot="router-item"]:focus){border:var(--ic-border-hc) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){color:Highlight !important;--ic-typography-color:Highlight !important}}';const d=h;let m=0;const v=class{constructor(i){t(this,i);this.icTreeItemSelected=e(this,"icTreeItemSelected",7);this.treeItemId=`ic-tree-item-${m++}`;this.treeItemTag="IC-TREE-ITEM";this.hostMutationObserver=null;this.TOOLTIP="ic-tooltip";this.TREE_ITEM_LABEL_CLASS_SELECTOR=".tree-item-label";this.TREE_ITEM_CONTENT_CLASS_SELECTOR=".tree-item-content";this.disabled=false;this.expanded=false;this.focusInset=false;this.hasParentExpanded=false;this.hreflang="";this.isParent=false;this.label="";this.selected=false;this.size="medium";this.theme="inherit";this.handleTreeItemClicked=()=>{if(this.isParent){this.expanded=!this.expanded;this.hasParentExpanded=true}this.updateAriaLabel();this.selected=true;this.watchSelectedHandler()};this.setTreeItemPadding=()=>{var t;let e=1;let i=this.el.parentElement;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR);if(!i){return}const o=Array.from(i.children).some((t=>t!==this.el&&!t.querySelector('[slot="router-item"]')&&!t.querySelector('[slot="label"]')&&t.children.length>0));if(o&&!this.el.isParent||i.tagName===this.treeItemTag&&!this.el.isParent){if(this.hasRouterSlot()){this.routerSlot.classList.add("ic-tree-item-single")}else{s.classList.add("ic-tree-item-single")}}while(i){if(i.tagName===this.treeItemTag){e++;s.style.paddingLeft=!this.el.isParent?`calc(var(--ic-space-${o?"xl":"xs"}) + ${e*(o?16:24)}px)`:`${e*16}px`}i=i.parentElement}};this.truncateTreeItemLabel=t=>{var e,i;let s=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);const o=t.querySelector("[slot='router-item']");let r=o===null||o===void 0?void 0:o.scrollHeight;if(!s&&o){const t=document.createElement("ic-typography");t.innerHTML=o.textContent;t.classList.add("tree-item-label");o.replaceChild(t,o.firstChild);s=t}else if(s){r=s.scrollHeight}const c=!!(s===null||s===void 0?void 0:s.closest(this.TOOLTIP));const l=((i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR))||o;if(r&&(l===null||l===void 0?void 0:l.clientHeight)&&r>l.clientHeight&&!c&&s){const t=document.createElement("ic-tooltip");t.setAttribute("target",this.el.id);t.setAttribute("label",s.textContent);t.setAttribute("placement","right");if(l===o){l.addEventListener("focus",(()=>this.handleDisplayTooltip(true)));l.addEventListener("blur",(()=>this.handleDisplayTooltip(false)));t.setAttribute("style","overflow:hidden;");s.setAttribute("style","overflow:hidden;text-overflow:ellipsis;white-space:nowrap;")}else{t.classList.add("ic-tooltip-overflow");s.classList.add("ic-text-overflow")}l.appendChild(t);t.appendChild(s)}};this.removeTreeItemTruncation=t=>{var e,i;const s=t.querySelector("[slot='router-item']");const o=((e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR))||s.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);const r=o===null||o===void 0?void 0:o.closest(this.TOOLTIP);const c=((i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR))||s;if(r){o.classList.remove("ic-text-overflow");c.replaceChild(c===s?o.firstChild:o,r)}};this.handleDisplayTooltip=t=>{var e;const i=((e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR))||this.el.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);const s=i===null||i===void 0?void 0:i.closest(this.TOOLTIP);s===null||s===void 0?void 0:s.displayTooltip(t)}}watchDisabledHandler(){r(this.disabled,this.el)}watchSelectedHandler(){if(this.selected){this.icTreeItemSelected.emit({id:this.el.id})}this.updateAriaLabel()}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){r(this.disabled,this.el);this.childTreeItems=Array.from(this.el.children).filter((t=>t.tagName===this.treeItemTag));if(this.childTreeItems.length>0){this.isParent=true}}componentDidLoad(){this.setTreeItemPadding();this.updateAriaLabel();!c(this.el,"label")&&l([{prop:this.label,propName:"label"}],"Tree item");this.hostMutationObserver=new MutationObserver((t=>a(t,"icon",this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentDidRender(){this.truncateTreeItem?this.truncateTreeItemLabel(this.el):this.removeTreeItemTruncation(this.el);if(this.expanded){this.childTreeItems.forEach((t=>{t.truncateTreeItem?this.truncateTreeItemLabel(t):this.removeTreeItemTruncation(t)}))}}componentDidUpdate(){if(this.hasParentExpanded){this.childTreeItems.forEach((t=>{t.truncateTreeItem?this.truncateTreeItemLabel(t):this.removeTreeItemTruncation(t)}));this.hasParentExpanded=false}}handleKeyDown(t){if(t.key==="Enter"||t.key===" "){t.stopImmediatePropagation();this.handleTreeItemClicked()}}async setFocus(){var t,e;if(this.hasRouterSlot()){(t=this.routerSlot)===null||t===void 0?void 0:t.focus()}else{(e=this.treeItemElement)===null||e===void 0?void 0:e.focus()}}async updateAriaLabel(){let t;if(this.hasRouterSlot()){t=this.routerSlot.textContent}else if(c(this.el,"label")){t=this.el.querySelector('[slot="label"]').textContent}else{t=this.label}if(this.isParent){t=`${t}, triggers submenu, ${this.expanded?"expanded":"collapsed"}`}if(this.el.parentElement){const e=Array.from(this.el.parentElement.children).filter((t=>t.tagName===this.treeItemTag));const i=e.indexOf(this.el)+1;const s=e.length;t=`${t}, ${i} of ${s}`}if(this.selected){t=`${t}, active`}if(this.disabled){t=`${t}, dimmed`}if(this.hasRouterSlot()){this.routerSlot.ariaLabel=t}else{this.treeItemElement.ariaLabel=t}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');return!!this.routerSlot}render(){const{disabled:t,label:e,selected:o,size:r,expanded:l,focusInset:a,theme:h}=this;const d=this.href&&!this.disabled?"a":"div";const m=d=="a"&&{href:this.href,hrefLang:this.hreflang,referrerPolicy:this.referrerpolicy,rel:this.rel,target:this.target};return i(s,{key:"982527f405c1e35ef67d0780b6c82aaf2e80600c",class:{"ic-tree-item-disabled":t,"ic-tree-item-selected":!t&&o,[`ic-tree-item-${r}`]:r!=="medium","ic-tree-item-focus-inset":a,[`ic-theme-${h}`]:h!=="inherit","ic-tree-item-truncate":!!this.truncateTreeItem},id:this.treeItemId},this.hasRouterSlot()?i("slot",{name:"router-item"}):i(d,Object.assign({class:{"tree-item-content":true},tabIndex:t?-1:0,onClick:this.handleTreeItemClicked,ref:t=>this.treeItemElement=t,"aria-disabled":t?"true":"false","aria-live":"polite"},m,{onFocus:()=>this.handleDisplayTooltip(true),onBlur:()=>this.handleDisplayTooltip(false)}),this.isParent&&i("span",{class:{["arrow-dropdown"]:true,["tree-item-expanded"]:l},"aria-hidden":"true",innerHTML:n}),c(this.el,"icon")&&i("div",{class:"icon-container"},i("slot",{name:"icon"})),i("ic-typography",{class:"tree-item-label"},c(this.el,"label")?i("slot",{name:"label"}):e)),l&&i("div",{key:"74e55a9772c6239dc28e1f73b1d4dcb8f4d76299","aria-hidden":`${!l}`},i("slot",{key:"8103f61424d791ea64f4c51c0258f64b5cd06701"})))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],selected:["watchSelectedHandler"]}}};v.style=d;export{v as ic_tree_item};
+//# sourceMappingURL=p-19ecd2a6.entry.js.map

package/dist/core/p-19ecd2a6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icTreeItemCss","IcTreeItemStyle0","treeItemIds","TreeItem","constructor","hostRef","this","treeItemId","treeItemTag","hostMutationObserver","TOOLTIP","TREE_ITEM_LABEL_CLASS_SELECTOR","TREE_ITEM_CONTENT_CLASS_SELECTOR","disabled","expanded","focusInset","hasParentExpanded","hreflang","isParent","label","selected","size","theme","handleTreeItemClicked","updateAriaLabel","watchSelectedHandler","setTreeItemPadding","level","parentElement","el","treeItemContent","_a","shadowRoot","querySelector","isSiblingOfParent","Array","from","children","some","sibling","length","tagName","hasRouterSlot","routerSlot","classList","add","style","paddingLeft","truncateTreeItemLabel","treeItem","typographyEl","slottedContent","contentHeight","scrollHeight","newTypographyEl","document","createElement","innerHTML","textContent","replaceChild","firstChild","tooltipAlreadyExists","closest","treeContent","_b","clientHeight","tooltipEl","setAttribute","id","addEventListener","handleDisplayTooltip","appendChild","removeTreeItemTruncation","remove","display","tooltip","displayTooltip","watchDisabledHandler","removeDisabledFalse","icTreeItemSelected","emit","disconnectedCallback","disconnect","componentWillLoad","childTreeItems","filter","child","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","componentDidRender","truncateTreeItem","forEach","componentDidUpdate","handleKeyDown","ev","key","stopImmediatePropagation","setFocus","focus","treeItemElement","ariaLabel","treeItems","index","indexOf","parentChildren","render","Component","href","attrs","hrefLang","referrerPolicy","referrerpolicy","rel","target","h","Host","class","name","Object","assign","tabIndex","onClick","ref","onFocus","onBlur","arrowDropdown"],"sources":["src/components/ic-tree-item/ic-tree-item.css?tag=ic-tree-item&encapsulation=shadow","src/components/ic-tree-item/ic-tree-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  border: none;\n  position: relative;\n}\n\n:host .tree-item-content {\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  padding: 0 var(--ic-space-xs);\n  text-decoration: none;\n  color: var(--ic-tree-view-text);\n\n  --ic-typography-color: var(--ic-tree-view-text);\n}\n\n::slotted([slot=\"router-item\"]) {\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  text-decoration: none;\n  font-family: var(--ic-font-body-family);\n  color: var(--ic-tree-view-text);\n  padding: 0 var(--ic-space-xs) !important;\n}\n\n:host(.ic-tree-item-truncate) .tree-item-content,\n:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"]) {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n::slotted([slot=\"router-item\"].ic-tree-item-single) {\n  padding-left: calc(var(--ic-space-xl) + var(--ic-space-xs)) !important;\n}\n\n:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n}\n\n:host(.ic-tree-item-focus-inset) .tree-item-content:focus,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n:host(.ic-tree-item-focus-inset) .tree-item-content,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]) {\n  padding: 0 var(--ic-space-sm);\n}\n\n:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover) {\n  background-color: var(--ic-tree-view-hover) !important;\n  cursor: pointer;\n}\n\n:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active) {\n  background-color: var(--ic-tree-view-pressed) !important;\n}\n\n:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n  background-color: var(--ic-tree-view-selected) !important;\n}\n\n:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"]) {\n  min-height: var(--ic-space-xl);\n}\n\n:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"]) {\n  min-height: var(--ic-space-xxl);\n}\n\n:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-small)\n  ::slotted([slot=\"router-item\"]) {\n  height: var(--ic-space-xl);\n}\n\n:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-large)\n  ::slotted([slot=\"router-item\"]) {\n  height: var(--ic-space-xxl);\n}\n\n:host(.ic-tree-item-disabled) {\n  pointer-events: none;\n}\n\n:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]) {\n  color: var(--ic-tree-view-text-disabled) !important;\n\n  --ic-typography-color: var(--ic-tree-view-text-disabled) !important;\n\n  fill: var(--ic-tree-view-icon-disabled);\n  pointer-events: none;\n}\n\n:host .arrow-dropdown {\n  color: var(--ic-tree-view-dropdown-arrow);\n  margin-right: var(--ic-space-xs);\n}\n\n:host(.ic-tree-item-disabled) .arrow-dropdown {\n  color: var(--ic-tree-view-dropdown-arrow-disabled);\n}\n\n:host(.ic-tree-item-small) .arrow-dropdown {\n  margin-right: var(--ic-space-xxs);\n}\n\n:host .tree-item-expanded {\n  transform: rotate(180deg);\n  margin-top: calc(-1 * var(--ic-space-xxs));\n}\n\n:host .ic-tree-item-single {\n  padding-left: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-tree-item-small) .ic-tree-item-single {\n  padding-left: calc(var(--ic-space-xl) + var(--ic-space-xxs));\n}\n\n.icon-container {\n  min-width: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin: 0 var(--ic-space-xs) 0 0;\n}\n\n:host(.ic-tree-item-small) .icon-container {\n  margin: 0 var(--ic-space-xxs) 0 0;\n}\n\n.ic-text-overflow {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tree-view-icon);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n\n  :host .tree-item-content:hover,\n  ::slotted([slot=\"router-item\"]:hover),\n  :host .tree-item-content:active,\n  ::slotted([slot=\"router-item\"]:active),\n  :host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n    background-color: none !important;\n  }\n\n  :host(.ic-tree-item-disabled) .tree-item-content,\n  :host(.ic-tree-item-disabled) .arrow-dropdown,\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]) {\n    color: GrayText !important;\n\n    --ic-typography-color: GrayText !important;\n\n    fill: GrayText !important;\n  }\n\n  :host .tree-item-content:focus,\n  ::slotted([slot=\"router-item\"]:focus) {\n    border: var(--ic-border-hc) !important;\n  }\n\n  :host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n    color: Highlight !important;\n\n    --ic-typography-color: Highlight !important;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Watch,\n  State,\n  Listen,\n  Method,\n} from \"@stencil/core\";\nimport { IcSizes, IcThemeMode } from \"../../utils/types\";\nimport {\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport arrowDropdown from \"../../assets/arrow-dropdown.svg\";\n\nlet treeItemIds = 0;\n\n/**\n * @slot label - Content is set as the tree item label.\n * @slot icon - Content is placed to the left of the label.\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n@Component({\n  tag: \"ic-tree-item\",\n  styleUrl: \"ic-tree-item.css\",\n  shadow: true,\n})\nexport class TreeItem {\n  private treeItemId = `ic-tree-item-${treeItemIds++}`;\n  private treeItemElement: HTMLElement | undefined;\n  private treeItemTag = \"IC-TREE-ITEM\";\n  private routerSlot: HTMLElement | null;\n  private hostMutationObserver: MutationObserver | null = null;\n  private TOOLTIP = \"ic-tooltip\";\n  private TREE_ITEM_LABEL_CLASS_SELECTOR = \".tree-item-label\";\n  private TREE_ITEM_CONTENT_CLASS_SELECTOR = \".tree-item-content\";\n\n  @Element() el: HTMLIcTreeItemElement;\n\n  @State() childTreeItems: HTMLIcTreeItemElement[];\n\n  /**\n   * If `true`, the tree item appears in the disabled state.\n   */\n  @Prop() disabled: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the tree item appears in the expanded state.\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  /**\n   * @internal If `true`, the tree item will have an inset focus border.\n   */\n  @Prop() focusInset: boolean = false;\n\n  /**\n   * @internal Determines if the parent tree item has been expanded.\n   */\n  @Prop({ mutable: true }) hasParentExpanded: boolean = false;\n\n  /**\n   * The URL that the tree item link points to. If set, the tree item will render as an \"a\" tag, otherwise it will render as a div.\n   */\n  @Prop() href?: string | undefined;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string = \"\";\n\n  /**\n   * @internal If `true`, the tree item is a parent of other tree items.\n   */\n  @Prop({ mutable: true }) isParent: boolean = false;\n\n  /**\n   * The label of the tree item.\n   */\n  @Prop() label: string = \"\";\n\n  /**\n   * @internal Holds the previous truncation state before the screen switches to a small viewport, so it can be reset when screen size changes again.\n   */\n  @Prop() previousTruncateTreeItem?: boolean;\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * If `true`, the tree item appears in the selected state.\n   */\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Watch(\"selected\")\n  watchSelectedHandler(): void {\n    if (this.selected) {\n      this.icTreeItemSelected.emit({ id: this.el.id });\n    }\n    this.updateAriaLabel();\n  }\n\n  /**\n   * @internal Determines the size of the tree item.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\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   * If `true`, the tree item label will be truncated instead of text wrapping.\n   */\n  @Prop() truncateTreeItem?: boolean;\n\n  /**\n   * Emitted when tree item is selected.\n   */\n  @Event() icTreeItemSelected: EventEmitter<{ id: string }>;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n\n    this.childTreeItems = Array.from((this.el as HTMLElement).children).filter(\n      (child) => child.tagName === this.treeItemTag\n    ) as HTMLIcTreeItemElement[];\n\n    if (this.childTreeItems.length > 0) {\n      this.isParent = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.setTreeItemPadding();\n\n    this.updateAriaLabel();\n\n    !isSlotUsed(this.el, \"label\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.label, propName: \"label\" }],\n        \"Tree item\"\n      );\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"icon\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n  componentDidRender(): void {\n    this.truncateTreeItem\n      ? this.truncateTreeItemLabel(this.el)\n      : this.removeTreeItemTruncation(this.el);\n    if (this.expanded) {\n      this.childTreeItems.forEach((child: HTMLIcTreeItemElement) => {\n        child.truncateTreeItem\n          ? this.truncateTreeItemLabel(child)\n          : this.removeTreeItemTruncation(child);\n      });\n    }\n  }\n\n  componentDidUpdate(): void {\n    if (this.hasParentExpanded) {\n      this.childTreeItems.forEach((child: HTMLIcTreeItemElement) => {\n        child.truncateTreeItem\n          ? this.truncateTreeItemLabel(child)\n          : this.removeTreeItemTruncation(child);\n      });\n      this.hasParentExpanded = false;\n    }\n  }\n\n  @Listen(\"keydown\", {})\n  handleKeyDown(ev: KeyboardEvent): void {\n    if (ev.key === \"Enter\" || ev.key === \" \") {\n      ev.stopImmediatePropagation();\n      this.handleTreeItemClicked();\n    }\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.hasRouterSlot()) {\n      this.routerSlot?.focus();\n    } else {\n      this.treeItemElement?.focus();\n    }\n  }\n\n  private handleTreeItemClicked = (): void => {\n    if (this.isParent) {\n      this.expanded = !this.expanded;\n      this.hasParentExpanded = true;\n    }\n\n    this.updateAriaLabel();\n    this.selected = true;\n    this.watchSelectedHandler();\n  };\n\n  /**\n   * @internal Updates the aria-label of the tree item.\n   */\n  @Method()\n  async updateAriaLabel(): Promise<void> {\n    let ariaLabel;\n\n    if (this.hasRouterSlot()) {\n      ariaLabel = this.routerSlot!.textContent;\n    } else if (isSlotUsed(this.el, \"label\")) {\n      ariaLabel = this.el.querySelector('[slot=\"label\"]')!.textContent;\n    } else {\n      ariaLabel = this.label;\n    }\n\n    if (this.isParent) {\n      ariaLabel = `${ariaLabel}, triggers submenu, ${\n        this.expanded ? \"expanded\" : \"collapsed\"\n      }`;\n    }\n\n    if (this.el.parentElement) {\n      const treeItems = Array.from(\n        (this.el.parentElement as HTMLElement).children\n      ).filter(\n        (child) => child.tagName === this.treeItemTag\n      ) as HTMLIcTreeItemElement[];\n\n      const index = treeItems.indexOf(this.el) + 1;\n      const parentChildren = treeItems.length;\n\n      ariaLabel = `${ariaLabel}, ${index} of ${parentChildren}`;\n    }\n\n    if (this.selected) {\n      ariaLabel = `${ariaLabel}, active`;\n    }\n\n    if (this.disabled) {\n      ariaLabel = `${ariaLabel}, dimmed`;\n    }\n\n    if (this.hasRouterSlot()) {\n      this.routerSlot!.ariaLabel = ariaLabel;\n    } else {\n      this.treeItemElement!.ariaLabel = ariaLabel;\n    }\n  }\n\n  private setTreeItemPadding = () => {\n    let level = 1;\n    let parentElement = this.el.parentElement;\n    const treeItemContent = this.el.shadowRoot?.querySelector(\n      this.TREE_ITEM_CONTENT_CLASS_SELECTOR\n    ) as HTMLElement;\n\n    if (!parentElement) {\n      return;\n    }\n\n    const isSiblingOfParent = Array.from(parentElement.children).some(\n      (sibling) =>\n        sibling !== this.el &&\n        !sibling.querySelector('[slot=\"router-item\"]') &&\n        !sibling.querySelector('[slot=\"label\"]') &&\n        sibling.children.length > 0\n    );\n\n    if (\n      (isSiblingOfParent && !this.el.isParent) ||\n      (parentElement.tagName === this.treeItemTag && !this.el.isParent)\n    ) {\n      if (this.hasRouterSlot()) {\n        this.routerSlot!.classList.add(\"ic-tree-item-single\");\n      } else {\n        treeItemContent.classList.add(\"ic-tree-item-single\");\n      }\n    }\n\n    while (parentElement) {\n      if (parentElement.tagName === this.treeItemTag) {\n        level++;\n        treeItemContent.style.paddingLeft = !this.el.isParent\n          ? `calc(var(--ic-space-${isSiblingOfParent ? \"xl\" : \"xs\"}) + ${\n              level * (isSiblingOfParent ? 16 : 24)\n            }px)`\n          : `${level * 16}px`;\n      }\n      parentElement = parentElement.parentElement;\n    }\n  };\n\n  private truncateTreeItemLabel = (treeItem: HTMLIcTreeItemElement) => {\n    let typographyEl =\n      treeItem.shadowRoot?.querySelector<HTMLIcTypographyElement>(\n        this.TREE_ITEM_LABEL_CLASS_SELECTOR\n      );\n    const slottedContent = treeItem.querySelector(\"[slot='router-item']\");\n    let contentHeight = slottedContent?.scrollHeight;\n\n    if (!typographyEl && slottedContent) {\n      const newTypographyEl = document.createElement(\"ic-typography\");\n      newTypographyEl.innerHTML = slottedContent.textContent!;\n      newTypographyEl.classList.add(\"tree-item-label\");\n      slottedContent.replaceChild(newTypographyEl, slottedContent.firstChild!);\n      typographyEl = newTypographyEl;\n    } else if (typographyEl) {\n      contentHeight = typographyEl.scrollHeight;\n    }\n\n    const tooltipAlreadyExists = !!typographyEl?.closest(this.TOOLTIP);\n    const treeContent =\n      treeItem.shadowRoot?.querySelector(\n        this.TREE_ITEM_CONTENT_CLASS_SELECTOR\n      ) || slottedContent;\n\n    if (\n      contentHeight &&\n      treeContent?.clientHeight &&\n      contentHeight > treeContent.clientHeight &&\n      !tooltipAlreadyExists &&\n      typographyEl\n    ) {\n      const tooltipEl = document.createElement(\"ic-tooltip\");\n      tooltipEl.setAttribute(\"target\", this.el.id);\n      tooltipEl.setAttribute(\"label\", typographyEl.textContent!);\n      tooltipEl.setAttribute(\"placement\", \"right\");\n\n      if (treeContent === slottedContent) {\n        treeContent.addEventListener(\"focus\", () =>\n          this.handleDisplayTooltip(true)\n        );\n        treeContent.addEventListener(\"blur\", () =>\n          this.handleDisplayTooltip(false)\n        );\n        tooltipEl.setAttribute(\"style\", \"overflow:hidden;\");\n        typographyEl.setAttribute(\n          \"style\",\n          \"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\"\n        );\n      } else {\n        tooltipEl.classList.add(\"ic-tooltip-overflow\");\n        typographyEl.classList.add(\"ic-text-overflow\");\n      }\n\n      treeContent.appendChild(tooltipEl);\n      tooltipEl.appendChild(typographyEl);\n    }\n  };\n\n  private removeTreeItemTruncation = (treeItem: HTMLIcTreeItemElement) => {\n    const slottedContent = treeItem.querySelector(\"[slot='router-item']\");\n    const typographyEl: HTMLIcTypographyElement =\n      treeItem.shadowRoot?.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR) ||\n      slottedContent!.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR)!;\n    const tooltipEl = typographyEl?.closest<HTMLIcTooltipElement>(this.TOOLTIP);\n    const treeContent =\n      treeItem.shadowRoot?.querySelector(\n        this.TREE_ITEM_CONTENT_CLASS_SELECTOR\n      ) || slottedContent!;\n\n    if (tooltipEl) {\n      typographyEl.classList.remove(\"ic-text-overflow\");\n      treeContent.replaceChild(\n        treeContent === slottedContent\n          ? typographyEl.firstChild!\n          : typographyEl,\n        tooltipEl\n      );\n    }\n  };\n\n  private hasRouterSlot(): boolean {\n    this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n    return !!this.routerSlot;\n  }\n\n  private handleDisplayTooltip = (display: boolean) => {\n    const typographyEl =\n      this.el.shadowRoot?.querySelector<HTMLIcTypographyElement>(\n        this.TREE_ITEM_LABEL_CLASS_SELECTOR\n      ) || this.el.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);\n    const tooltip = typographyEl?.closest<HTMLIcTooltipElement>(this.TOOLTIP);\n\n    tooltip?.displayTooltip(display);\n  };\n\n  render() {\n    const { disabled, label, selected, size, expanded, focusInset, theme } =\n      this;\n\n    const Component = this.href && !this.disabled ? \"a\" : \"div\";\n\n    const attrs = Component == \"a\" && {\n      href: this.href,\n      hrefLang: this.hreflang,\n      referrerPolicy: this.referrerpolicy,\n      rel: this.rel,\n      target: this.target,\n    };\n\n    return (\n      <Host\n        class={{\n          \"ic-tree-item-disabled\": disabled,\n          \"ic-tree-item-selected\": !disabled && selected,\n          [`ic-tree-item-${size}`]: size !== \"medium\",\n          \"ic-tree-item-focus-inset\": focusInset,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-tree-item-truncate\": !!this.truncateTreeItem,\n        }}\n        id={this.treeItemId}\n      >\n        {this.hasRouterSlot() ? (\n          <slot name=\"router-item\" />\n        ) : (\n          <Component\n            class={{\n              \"tree-item-content\": true,\n            }}\n            tabIndex={disabled ? -1 : 0}\n            onClick={this.handleTreeItemClicked}\n            ref={(el) => (this.treeItemElement = el)}\n            aria-disabled={disabled ? \"true\" : \"false\"}\n            aria-live=\"polite\"\n            {...attrs}\n            onFocus={() => this.handleDisplayTooltip(true)}\n            onBlur={() => this.handleDisplayTooltip(false)}\n          >\n            {this.isParent && (\n              <span\n                class={{\n                  [\"arrow-dropdown\"]: true,\n                  [\"tree-item-expanded\"]: expanded,\n                }}\n                aria-hidden=\"true\"\n                innerHTML={arrowDropdown}\n              />\n            )}\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon-container\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography class=\"tree-item-label\">\n              {isSlotUsed(this.el, \"label\") ? <slot name=\"label\" /> : label}\n            </ic-typography>\n          </Component>\n        )}\n        {expanded && (\n          <div aria-hidden={`${!expanded}`}>\n            <slot />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-1a2b4803.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e,F as s,H as a,g as o}from"./p-8e4e97b4.js";import{c as n}from"./p-e081702e.js";import{f as r,m as l,i as h,b as d}from"./p-e246d84b.js";const c='/*! 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{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0}:host(.ic-dialog-fade-in){opacity:1}:host(.disable-height-constraint){background:none;justify-content:unset;align-items:unset}.dialog.disable-height-constraint{max-height:none;position:relative}.dialog.disable-height-constraint .content-area{overflow-y:visible}@media (prefers-reduced-motion: no-preference){:host{transition:opacity var(--ic-easing-transition-slow)}.dialog{transform:translateY(-3rem);transition:transform 1000s}:host(.ic-dialog-fade-in) .dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}:host(.ic-dialog-hidden){display:none}.dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}.small{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}.medium{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}.large{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}.heading-area{display:flex;margin-bottom:var(--ic-space-xs);padding:0 var(--ic-space-md)}.heading{overflow-wrap:break-word}.close-icon{margin-left:auto}.close-icon>svg{color:var(--ic-dialog-clear-button)}.content-area{padding:0 var(--ic-space-md);margin:0;overflow-y:auto}#dialog-content{margin-bottom:var(--ic-space-sm)}#dialog-content ::slotted(ic-typography){overflow-wrap:break-word}#dialog-content ::slotted(*){position:relative}.dialog-controls{margin-top:auto;padding:var(--ic-space-xs) var(--ic-space-md) 0;display:flex;justify-content:flex-end;gap:var(--ic-space-md)}.dialog-control-button{width:-moz-fit-content;width:fit-content}.backdrop{overflow-y:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);padding-top:16px;padding-bottom:16px}.heading ic-typography{--ic-typography-color:var(--ic-dialog-text-primary)}.label ic-typography{--ic-typography-color:var(--ic-dialog-label)}@media (min-width: 800px){:host([size="large"]) .dialog:not(.disable-width-constraint)>.content-area{width:75%}}@media (max-width: 576px){.dialog{width:100vw;height:100vh;transform:translateY(-5rem);max-width:none;max-height:none;box-sizing:border-box}.backdrop{padding:0}.dialog.disable-height-constraint{height:auto;min-height:100vh}}@media (max-width: 364px){.dialog-control-button{width:unset}}';const g=c;const p=class{constructor(a){i(this,a);this.icDialogCancelled=t(this,"icDialogCancelled",7);this.icDialogClosed=t(this,"icDialogClosed",7);this.icDialogConfirmed=t(this,"icDialogConfirmed",7);this.icDialogOpened=t(this,"icDialogOpened",7);this.contentAreaMutationObserver=null;this.DATA_GETS_FOCUS="data-gets-focus";this.DIALOG_CONTROLS="dialog-controls";this.dialogHeight=0;this.focusedElementIndex=0;this.IC_TEXT_FIELD="IC-TEXT-FIELD";this.IC_ACCORDION="IC-ACCORDION";this.IC_ACCORDION_GROUP="IC-ACCORDION-GROUP";this.IC_CHECKBOX="IC-CHECKBOX";this.IC_SEARCH_BAR="IC-SEARCH-BAR";this.resizeObserver=null;this.dialogRendered=false;this.fadeIn=false;this.closeOnBackdropClick=true;this.destructive=false;this.dismissLabel="Dismiss";this.disableHeightConstraint=false;this.disableWidthConstraint=false;this.hideCloseButton=false;this.hideDefaultControls=false;this.open=false;this.size="small";this.theme="inherit";this.dialogOpened=()=>{var i,t;this.dialogRendered=true;if(this.disableHeightConstraint){(i=this.dialogEl)===null||i===void 0?void 0:i.show()}else{(t=this.dialogEl)===null||t===void 0?void 0:t.showModal()}setTimeout((()=>{this.fadeIn=true;if(this.backdropEl&&this.disableHeightConstraint&&this.backdropEl.scrollTop!==0){this.backdropEl.scrollTop=0}}),10);setTimeout((()=>{this.setInitialFocus();r(this.runResizeObserver)}),75);setTimeout((()=>{this.icDialogOpened.emit()}),80)};this.runResizeObserver=()=>{if(this.dialogEl){this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout(this.resizeObserverCallback,80)}));this.resizeObserver.observe(this.dialogEl)}};this.resizeObserverCallback=()=>{if(this.dialogEl&&this.dialogEl.clientHeight!==this.dialogHeight){this.dialogHeight=this.dialogEl.clientHeight}};this.refreshInteractiveElementsOnSlotChange=()=>{var i,t,e;const s=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#dialog-content");if(s){this.contentArea=s.querySelector("slot");(t=this.contentArea)===null||t===void 0?void 0:t.addEventListener("slotchange",this.getInteractiveElements);this.contentAreaMutationObserver=new MutationObserver((()=>{this.getInteractiveElements()}));(e=l(s))===null||e===void 0?void 0:e.forEach((i=>{var t;(t=this.contentAreaMutationObserver)===null||t===void 0?void 0:t.observe(i,{childList:true,subtree:true})}))}};this.removeSlotChangeListener=()=>{var i;if(this.contentArea){this.contentArea.removeEventListener("slotchange",this.getInteractiveElements);(i=this.contentAreaMutationObserver)===null||i===void 0?void 0:i.disconnect()}};this.setInitialFocus=()=>{this.sourceElement=document.activeElement;this.focusedElementIndex=this.interactiveElementList?this.interactiveElementList.findIndex((i=>i.hasAttribute(this.DATA_GETS_FOCUS))):0;this.focusElement(this.interactiveElementList[this.focusedElementIndex])};this.getFocusedElementIndex=()=>{var i;for(let t=0;t<this.interactiveElementList.length;t++){if(this.interactiveElementList[t]===(((i=this.el.shadowRoot)===null||i===void 0?void 0:i.activeElement)||document.activeElement)){this.focusedElementIndex=t}}};this.closeIconClick=()=>{this.open=false};this.getInteractiveElements=()=>{var i;this.interactiveElementList=Array.from(((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll("ic-button"))||[]);const t=Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex="-1"]),\n          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-group, \n          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible="true"], ic-footer-link, ic-link, ic-navigation-button,\n          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));if(t.length>0){if(t[0].slot!==this.DIALOG_CONTROLS){t[0].setAttribute(this.DATA_GETS_FOCUS,"")}else if(!this.destructive){t[t.length-1].setAttribute(this.DATA_GETS_FOCUS,"")}}for(let i=0;i<t.length;i++){this.interactiveElementList.splice(1+i,0,t[i])}};this.getNextFocusEl=i=>this.interactiveElementList[i];this.onTabKeyPress=i=>{this.getFocusedElementIndex();if(this.interactiveElementList[this.focusedElementIndex].tagName===this.IC_SEARCH_BAR){return false}this.setFocusIndexBasedOnShiftKey(i);this.loopNextFocusIndexIfLastElement();this.focusElement(this.getNextFocusEl(this.focusedElementIndex),i);return true};this.shouldSkipElement=i=>{const t=getComputedStyle(i).visibility==="hidden"||i.offsetHeight===0||i.hasAttribute("disabled")||i.tagName===this.IC_ACCORDION_GROUP&&i.hasAttribute("single-expansion");const e=i.closest("ic-radio-option");return t||i.getAttribute("type")==="radio"&&!!e&&!e.hasAttribute("selected")};this.focusElement=(i,t=false)=>{let e=i;if(this.shouldSkipElement(i)){this.setFocusIndexBasedOnShiftKey(t);this.loopNextFocusIndexIfLastElement();e=this.getNextFocusEl(this.focusedElementIndex);this.focusElement(e,t)}else{switch(i.tagName){case this.IC_ACCORDION_GROUP:case this.IC_ACCORDION:case this.IC_SEARCH_BAR:case this.IC_TEXT_FIELD:case this.IC_CHECKBOX:i.setFocus();break;default:i.focus()}}};this.renderDialog=()=>{const{hideDefaultControls:i,size:t,heading:a,label:o,destructive:r,dismissLabel:l,hideCloseButton:d,disableHeightConstraint:c,disableWidthConstraint:g,closeIconClick:p,DIALOG_CONTROLS:b}=this;const m=h(this.el,b);return e("dialog",{class:{dialog:true,[`${t}`]:true,"disable-height-constraint":!!c,"disable-width-constraint":!!g},"aria-labelledby":"dialog-label dialog-heading","aria-describedby":"dialog-alert dialog-content",ref:i=>this.dialogEl=i},e("div",{class:"heading-area"},e("div",{class:"heading-content"},e("div",{class:"label"},e("slot",{name:"label"},e("ic-typography",{variant:"label",id:"dialog-label"},o))),e("div",{class:"heading"},e("slot",{name:"heading"},e("ic-typography",{variant:"h4",id:"dialog-heading"},a)))),!d&&e("ic-button",{class:"close-icon",variant:"icon",innerHTML:n,"aria-label":l,onClick:p,"data-gets-focus":r||i&&!m?"":null})),e("div",{class:"content-area"},h(this.el,"alert")&&e("slot",{name:"alert"}),e("div",{id:"dialog-content"},e("slot",null))),(m||!i)&&e("div",{class:{[b]:true}},m?e("slot",{name:b}):e(s,null,e("ic-button",{variant:"tertiary",onClick:()=>this.cancelDialog(),class:"dialog-control-button","data-gets-focus":null},"Cancel"),e("ic-button",{variant:r?"destructive":"primary",onClick:()=>this.confirmDialog(),class:"dialog-control-button","data-gets-focus":""},"Confirm"))))}}watchOpenHandler(){if(this.open){this.dialogOpened()}else{this.fadeIn=false;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}setTimeout((()=>{var i,t;this.dialogRendered=false;(i=this.dialogEl)===null||i===void 0?void 0:i.close();(t=this.sourceElement)===null||t===void 0?void 0:t.focus();this.dialogHeight=0;this.icDialogClosed.emit()}),80)}}disconnectedCallback(){this.removeSlotChangeListener()}componentDidLoad(){this.getInteractiveElements();this.refreshInteractiveElementsOnSlotChange();if(this.open){this.dialogOpened()}!h(this.el,"heading")&&d([{prop:this.heading,propName:"heading"}],"Dialog")}componentDidRender(){document.body.style.overflow=getComputedStyle(this.el).display!=="none"&&this.disableHeightConstraint?"hidden":"auto"}handleKeyboard(i){if(this.dialogRendered){switch(i.key){case"Tab":if(this.onTabKeyPress(i.shiftKey)){i.preventDefault()}break;case"Escape":if(!i.repeat){this.open=false}i.stopImmediatePropagation();break}}}handleClick(i){if(this.dialogEl&&this.closeOnBackdropClick&&i.composedPath().indexOf(this.dialogEl)<=0){const{top:t,height:e,left:s,width:a}=this.dialogEl.getBoundingClientRect();const o=t<=i.clientY&&i.clientY<=t+e&&s<=i.clientX&&i.clientX<=s+a;if(!o){this.open=false}}}async cancelDialog(){this.icDialogCancelled.emit();this.open=false}async confirmDialog(){this.icDialogConfirmed.emit()}loopNextFocusIndexIfLastElement(){if(this.focusedElementIndex>this.interactiveElementList.length-1)this.focusedElementIndex=0;else if(this.focusedElementIndex<0){this.focusedElementIndex=this.interactiveElementList.length-1}}setFocusIndexBasedOnShiftKey(i){if(i){this.focusedElementIndex-=1}else{this.focusedElementIndex+=1}}render(){const{dialogRendered:i,disableHeightConstraint:t,fadeIn:s,theme:o}=this;return e(a,{key:"2920aac3b3891cae0e6575c735e507c4c76752f9",class:{"ic-dialog-hidden":!i,"ic-dialog-fade-in":s,"disable-height-constraint":!!t,[`ic-theme-${o}`]:o!=="inherit"}},t?e("div",{class:"backdrop",ref:i=>this.backdropEl=i},this.renderDialog()):this.renderDialog())}get el(){return o(this)}static get watchers(){return{open:["watchOpenHandler"]}}};p.style=g;export{p as ic_dialog};
+//# sourceMappingURL=p-1a2b4803.entry.js.map