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

package/dist/core/p-9265efef.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icDataTableCss","IcDataTableStyle0","DataTable","constructor","hostRef","this","DENSITY_HEIGHT_MULTIPLIER","dense","default","spacious","DENSITY_PADDING_HEIGHT_DIFF","SORT_ICONS","unsorted","unsortedIcon","ascending","ascendingIcon","descending","descendingIcon","hasLoadedForOneSecond","resizeObserver","SHOW_HIDE_STRING","SHOW_HIDE_CSS_CLASS","TOOLTIP_STRING","TOOLTIP","TEXT_WRAP_STRING","TEXT_WRAP_CLASS","dataUpdated","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","debounceDelay","columnHeaderTruncation","disableAutoSort","density","embedded","globalRowHeight","highlightSelectedRow","hideColumnHeaders","loading","minimumLoadingDisplayDuration","paginationBarOptions","alignment","hideAllFromItemsPerPage","hideRangeLabel","itemLabel","itemsPerPageOptions","label","value","monochrome","pageLabel","rangeLabelType","selectedItemsPerPage","setToFirstPageOnPaginationChange","showGoToPageControl","showItemsPerPageControl","type","showPagination","sortable","sortOptions","sortOrders","defaultColumn","stickyColumnHeaders","stickyRowHeaders","tableLayout","theme","updating","runHeaderResizeObserver","ResizeObserver","headerResizeCallback","observe","el","tableContainerWidth","shadowRoot","querySelector","clientWidth","prevTableContainerWidth","headers","querySelectorAll","forEach","header","tooltip","typographyEls","length","classList","remove","add","updateSetRowHeight","typographyEl","fontSize","parseInt","getComputedStyle","document","documentElement","cellContainer","getCellContainer","rowHeight","parseFloat","getAttribute","scrollHeight","style","removeProperty","getTypographyElements","debounceDataTruncation","contains","dynamicDebounce","dataTruncation","setNewDebounceDelay","delay","getLines","height","Math","floor","truncate","clientHeight","closest","truncationPattern","addTooltipTruncation","addShowHideTruncation","setAttribute","cellTextWrapper","prepend","isEmptyString","resetShowHideTruncation","getTooltip","showHideBtn","truncWrapper","getTruncWrapper","removeTooltip","removeTextWrap","tableCell","deleteTextWrapDataKey","array","Array","isArray","val","textWrap","startLoadingTimer","timerStarted","Date","now","setTimeout","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","getRowHeight","currentRowHeight","columnProps","rowTextWrap","adjustWidthForActionElement","elements","element","width","firstChild","getBoundingClientRect","gridWrapper","gridTemplateColumns","createCellContent","cellSlotName","rowOptions","rowAlignment","hasIcon","cellValue","rowEmphasis","innerHTML","isSlotUsed","_a","columnAlignment","vertical","_b","_c","_d","_e","horizontal","_f","_g","_h","_j","icon","emphasis","name","Fragment","_k","onAllCells","_l","_m","variant","href","target","rel","_o","_q","_p","data","createCells","row","rowIndex","rowValues","values","rowKeys","getRowOptions","headerIndex","indexOf","variableRowHeightVal","variableRowHeight","call","index","map","scope","onClick","actionOnClick","event","handleClick","createColumnHeaders","cellAlignment","colspan","title","excludeColumnFromSort","hideOnHeader","id","getSortButtonLabel","sortRows","sortedColumn","sortedColumnOrder","onRowClick","icSelectedRowChange","emit","selectedRow","createRows","slice","toRow","paginationOffset","organisedData","slottedColumns","filter","col","prototype","hasOwnProperty","addDataToPosition","sort","getSortFunction","getNextSortOption","option","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","sortButton","previousSortedButton","nextSortOrderIndex","tableSorted","icSortChange","columnName","sorted","from","updateTruncationTooltip","removeTooltipOnly","regenerateTooltip","updateScrollOffset","scrollTop","updateRowHeightForDescriptions","toString","updateCellHeightsWithDescriptions","descriptions","typography","descriptionMarginTop","window","getPropertyValue","descriptionHeight","textContent","cellIcon","deviceSizeMatches","IC_DEVICE_SIZES","XS","addLineClampCSS","createShowHideTruncation","setTableDimensions","tableHostDimensions","fixCellTooltip","tagName","children","setExternalPopperProps","strategy","fixCellTooltips","slotElements","getSlotElements","slottedEl","actionElements","actionElementSpan","actionElement","callback","renderTableBody","overlay","renderLoadingIndicator","isLoading","loadingOptions","ref","loadingOverlay","labelDuration","loadingIndicator","renderAriaLiveLoading","renderEmptyState","emptyStateEl","aligned","heading","headerTruncationChangeHandler","disconnectedCallback","disconnect","componentWillLoad","rowsPerPage","Number","previousRowsPerPage","previousItemsPerPage","componentDidLoad","tableElement","tableContainer","checkResizeObserver","showLoadingIndicator","addEventListener","componentDidUpdate","truncateUpdatedData","componentDidRender","resetTruncation","then","removeAttribute","hasAutoRowHeight","tooltipEl","setProperty","allRows","newRows","checkMaxLines","setShowHideExpanded","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","clickListener","loadingHandler","newValue","truncationPatternHandler","dataHandler","densityHandler","rowHeightChangeHandler","oldValue","icRowHeightChange","resetRowHeights","rowOptionsIndex","cssText","descriptionCellHeight","iconHeight","createElement","render","caption","Host","tabIndex","onScroll","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  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.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-color-secondary-text);\n}\n\n.cell-description-icon {\n  padding-right: var(--ic-space-xs);\n}\n\n.cell-description-icon > svg {\n  height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  display: flex;\n}\n\n@media (min-width: 577px) {\n  .column-header-inner-container {\n    display: flex;\n    align-items: center;\n  }\n}\n\n@media (max-width: 577px) {\n  .cell-icon {\n    flex-wrap: wrap;\n  }\n\n  .cell-description-icon {\n    padding-right: 0;\n  }\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .icon,\n  ::slotted(svg),\n  .cell-description-icon > svg {\n    fill: currentcolor;\n  }\n\n  .sort-button svg {\n    color: currentcolor;\n  }\n\n  .table-row-selected {\n    background-color: Highlight !important;\n  }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Element,\n  h,\n  Prop,\n  State,\n  Listen,\n  Watch,\n  Fragment,\n  Method,\n  Event,\n  EventEmitter,\n  Host,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n  IcDataTableDataType,\n  IcDataTableColumnDataTypes,\n  IcDataTableColumnObject,\n  IcDataTableColumnWidthTypes,\n  IcDataTableDensityOptions,\n  IcDataTableRowHeights,\n  IcDataTableSortOrderOptions,\n  IcDataTableTruncationTypes,\n  IcDensityUpdateEventDetail,\n  IcSortEventDetail,\n  IcLoadingOptions,\n} 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;\n  private SHOW_HIDE_STRING = \"show-hide\";\n  private SHOW_HIDE_CSS_CLASS = `${this.SHOW_HIDE_STRING}-wrap`;\n  private TOOLTIP_STRING = \"tooltip\";\n  private TOOLTIP = `ic-${this.TOOLTIP_STRING}`;\n  private TEXT_WRAP_STRING = \"text-wrap\";\n  private TEXT_WRAP_CLASS = `.${this.TEXT_WRAP_STRING}`;\n  private dataUpdated = false;\n  private tableSorted: boolean;\n  private rowHeightSet = false;\n  private initialLoad = false;\n  private icPageChangeEvent = false;\n  private itemsPerPageChange = false;\n  private DATA_ROW_HEIGHT_STRING = \"data-row-height\";\n  private ROW_HEIGHT_CSS_VARIABLE = \"--row-height\";\n  private LINE_CLAMP_CSS_VARIABLE = \"--ic-line-clamp\";\n  private previousItemsPerPage: number;\n  private DEFAULT_LINE_HEIGHT = 24;\n  private densityUpdate = false;\n  private previousPaginationPage: number;\n  private truncationPatternUpdated: boolean = false;\n  private isNewDebounceDelaySet = false;\n  private headerResizeObserver: ResizeObserver = null;\n  private prevTableContainerWidth: number;\n  private IC_TOOLTIP_STRING = \"ic-tooltip\";\n  private SHOW_TRUNC_TOOLTIP_STRING = \"show-trunc-tooltip\";\n  private CELL_DESCRIPTION_STRING = \".cell-description\";\n  private CELL_CONTAINER_WITH_DESCRIPTION_STRING =\n    \"cell-container-with-description\";\n  private CELL_TEXT_WRAPPER_STRING = \".cell-text-wrapper\";\n  private IC_TYPOGRAPHY_STRING = \"ic-typography\";\n\n  @Element() el: HTMLIcDataTableElement;\n\n  @State() fromRow: number = 0;\n\n  @State() previousRowsPerPage: number;\n\n  @State() rowsPerPage: number;\n\n  @State() scrollable: boolean = false;\n\n  @State() scrollOffset: number = 0;\n\n  @State() selectedRow: object;\n\n  @State() sortedColumn: string;\n\n  @State() sortedColumnOrder: IcDataTableSortOrderOptions;\n\n  @State() toRow: number;\n\n  @State() currentRowHeight: number;\n\n  @State() debounceDelay = 0;\n\n  /**\n   * The title for the table only visible to screen readers.\n   */\n  @Prop() caption!: string;\n\n  /**\n   * Determines whether the column header should be truncated and display a tooltip. Default is `false`.\n   */\n  @Prop() columnHeaderTruncation: boolean = false;\n\n  @Watch(\"columnHeaderTruncation\")\n  headerTruncationChangeHandler(): void {\n    if (this.columnHeaderTruncation) {\n      this.prevTableContainerWidth = 0;\n    } else {\n      const headers = this.el.shadowRoot.querySelectorAll(\"th.column-header\");\n      headers.forEach((header) => {\n        const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n        if (tooltip) {\n          tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n        }\n      });\n    }\n  }\n\n  /**\n   * The column headers for the table.\n   */\n  @Prop() columns!: IcDataTableColumnObject[];\n\n  /**\n   * The row content for the table.\n   */\n  @Prop() data?: IcDataTableDataType[];\n\n  /**\n   * 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`, the selected row is highlighted using a background colour.\n   */\n  @Prop() highlightSelectedRow?: boolean = true;\n\n  /**\n   * If `true`, column headers will not be visible.\n   */\n  @Prop() hideColumnHeaders?: boolean = false;\n\n  /**\n   * When set to `true`, the full table will show a loading state, featuring a radial indicator.\n   */\n  @Prop({ mutable: true }) loading?: boolean = false;\n\n  /**\n   * Sets the props for the circular loading indicator used in the loading state.\n   */\n  @Prop() loadingOptions?: {\n    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`, 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 the selected row changes in the data table.\n   */\n  @Event() icSelectedRowChange: EventEmitter<object>;\n\n  /**\n   * Emitted when a column sort button is clicked.\n   */\n  @Event() icSortChange: EventEmitter<IcSortEventDetail>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    this.headerResizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.rowsPerPage = Number(\n      this.paginationBarOptions.itemsPerPageOptions[0].value\n    );\n    this.previousRowsPerPage = this.rowsPerPage;\n    this.toRow = this.rowsPerPage;\n    this.sortedColumn = this.sortOptions.defaultColumn;\n    this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n    this.loadingOptions = {\n      ...this.loadingOptions,\n    };\n    this.initialLoad = true;\n    this.previousItemsPerPage = this.rowsPerPage;\n  }\n\n  componentDidLoad(): void {\n    const tableElement = this.el.shadowRoot.querySelector(\"table\");\n    const tableContainer = this.el.shadowRoot.querySelector(\".table-container\");\n\n    checkResizeObserver(this.runHeaderResizeObserver);\n\n    if (this.dataUpdated) {\n      this.dataUpdated = false;\n    }\n\n    if (\n      tableElement?.clientHeight > tableContainer?.clientHeight ||\n      tableElement?.clientWidth > tableContainer?.clientWidth\n    ) {\n      this.scrollable = true;\n    }\n    if (this.loading) {\n      this.startLoadingTimer();\n      this.showLoadingIndicator();\n    }\n\n    if (this.truncationPattern) {\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n            this.dataTruncation(typographyEl);\n          }\n        }\n      );\n\n      this.debounceDataTruncation();\n    }\n\n    if (this.globalRowHeight !== \"auto\") {\n      this.updateSetRowHeight();\n    }\n    window.addEventListener(\"resize\", this.updateCellHeightsWithDescriptions);\n  }\n\n  componentDidUpdate(): void {\n    // truncation updates invoked here once new/updated data has\n    // rendered to take into account updated .cell-container/ic-typography box model updates.\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING ||\n      this.truncationPattern === this.TOOLTIP_STRING\n    ) {\n      this.truncateUpdatedData();\n    }\n  }\n\n  componentDidRender(): void {\n    this.fixCellTooltips();\n    this.updateCellHeightsWithDescriptions();\n    this.adjustWidthForActionElement();\n  }\n\n  private runHeaderResizeObserver = () => {\n    this.headerResizeObserver = new ResizeObserver(() => {\n      this.headerResizeCallback();\n    });\n    this.headerResizeObserver.observe(this.el);\n  };\n\n  private headerResizeCallback = () => {\n    if (!this.hideColumnHeaders && this.columnHeaderTruncation) {\n      const tableContainerWidth =\n        this.el.shadowRoot.querySelector(\".table-container\").clientWidth;\n      if (tableContainerWidth !== this.prevTableContainerWidth) {\n        const headers = this.el.shadowRoot.querySelectorAll(\"th.column-header\");\n        headers.forEach((header) => {\n          const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n          const typographyEls = header.querySelectorAll(\n            this.IC_TYPOGRAPHY_STRING\n          );\n          if (tooltip && typographyEls && typographyEls.length === 2) {\n            tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n            if (typographyEls[1].clientWidth > typographyEls[0].clientWidth) {\n              tooltip.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING);\n            }\n          }\n        });\n        this.prevTableContainerWidth = tableContainerWidth;\n      }\n    }\n  };\n\n  private truncateUpdatedData() {\n    if (this.dataUpdated) {\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach(\n          (typographyEl: HTMLIcTypographyElement) => {\n            const truncWrapper = this.getTruncWrapper(typographyEl);\n            const cellContainer = this.getCellContainer(typographyEl);\n\n            if (\n              cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >=\n              truncWrapper?.scrollHeight\n            ) {\n              this.resetShowHideTruncation(typographyEl);\n              return;\n            }\n\n            setTimeout(() => {\n              // slight delay due to data rendering\n              if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n                this.addShowHideTruncation(cellContainer, typographyEl);\n              }\n            }, 150);\n          }\n        );\n      }\n\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      this.dataUpdated = false;\n    }\n\n    if (this.tableSorted) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach(\n          (typographyEl: HTMLIcTypographyElement) => {\n            const cellContainer = this.getCellContainer(typographyEl);\n\n            if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n              this.createShowHideTruncation(typographyEl, cellContainer);\n            } else {\n              typographyEl.resetTruncation().then(() => {\n                cellContainer.removeAttribute(\"style\");\n              });\n            }\n          }\n        );\n      }\n\n      this.tableSorted = false;\n    }\n\n    // This function recalculates the tooltip truncation when the rowHeight has been set.\n    // This is in componentDidUpdate so a setTimeout is not used to wait for the render to be complete\n    if (this.rowHeightSet) {\n      const fontSize = parseInt(\n        getComputedStyle(document.documentElement).fontSize\n      );\n      const hasAutoRowHeight = this.globalRowHeight === \"auto\";\n\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltipEl = this.getTooltip(typographyEl);\n\n          if (hasAutoRowHeight) {\n            cellContainer.style.height = null;\n\n            if (this.truncationPattern === this.TOOLTIP_STRING) {\n              this.removeTooltip(cellContainer, typographyEl, tooltipEl);\n              typographyEl.setAttribute(\n                \"style\",\n                `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n              );\n            } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n              this.resetShowHideTruncation(typographyEl);\n            }\n\n            return;\n          }\n\n          const rowHeight =\n            fontSize *\n            parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n          // If the set row height is bigger than the cell container even\n          // with textWrap, set the row height\n          if (\n            !cellContainer.classList.contains(\n              this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n            ) &&\n            !cellContainer?.style?.height &&\n            rowHeight > cellContainer.clientHeight &&\n            !cellContainer.classList.contains(this.TEXT_WRAP_STRING)\n          ) {\n            cellContainer.style.setProperty(\n              this.ROW_HEIGHT_CSS_VARIABLE,\n              cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n            );\n          }\n\n          if (this.truncationPattern) {\n            // If the set row height is bigger than the typography truncation wrapper\n            // scroll height, remove see more / see less button\n            if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n              const truncWrapper = this.getTruncWrapper(typographyEl);\n              const showHideBtn =\n                typographyEl.shadowRoot.querySelector(\"button\");\n\n              if (\n                showHideBtn &&\n                truncWrapper?.scrollHeight <= cellContainer.clientHeight\n              ) {\n                this.resetShowHideTruncation(typographyEl);\n                return;\n              }\n            }\n            this.truncate(typographyEl, cellContainer, tooltipEl);\n          } else {\n            this.updateSetRowHeight(typographyEl);\n          }\n        }\n      );\n\n      this.rowHeightSet = false;\n    }\n\n    // Only run truncation on the new rows\n    // when the number of items per page has increased\n    if (this.itemsPerPageChange) {\n      const allRows = this.el.shadowRoot.querySelectorAll(\".table-row\");\n\n      if (this.rowsPerPage > this.previousItemsPerPage) {\n        const newRows = Array.from(allRows).slice(this.previousItemsPerPage);\n\n        newRows.forEach((row) => {\n          row\n            .querySelectorAll(this.IC_TYPOGRAPHY_STRING)\n            .forEach((typographyEl: HTMLIcTypographyElement) => {\n              const cellContainer = this.getCellContainer(typographyEl);\n              const tooltipEl = this.getTooltip(typographyEl);\n\n              this.truncate(typographyEl, cellContainer, tooltipEl);\n            });\n        });\n      }\n\n      this.previousItemsPerPage = this.rowsPerPage;\n      this.itemsPerPageChange = false;\n    }\n\n    if (!this.initialLoad && this.icPageChangeEvent) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      // set truncation to see more if opened and next/previous page is pressed\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n\n          if (\n            typographyEl?.scrollHeight > cellContainer.clientHeight &&\n            !showHideBtn\n          ) {\n            this.addShowHideTruncation(cellContainer, typographyEl);\n          }\n        });\n      }\n\n      this.icPageChangeEvent = false;\n    }\n\n    if (this.densityUpdate) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        const tooltipEl = this.getTooltip(typographyEl);\n\n        this.truncate(typographyEl, cellContainer, tooltipEl);\n      });\n\n      this.densityUpdate = false;\n    }\n\n    if (this.truncationPatternUpdated) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.getTypographyElements().forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltipEl = this.getTooltip(typographyEl);\n\n          if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n            this.addTooltipTruncation(typographyEl, cellContainer, tooltipEl);\n          }\n        });\n      } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach(\n          (typographyEl: HTMLIcTypographyElement) => {\n            const truncWrapper = this.getTruncWrapper(typographyEl);\n            const cellContainer = this.getCellContainer(typographyEl);\n\n            if (\n              cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >\n              truncWrapper?.scrollHeight\n            ) {\n              this.resetShowHideTruncation(typographyEl);\n              return;\n            }\n\n            if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n              this.addShowHideTruncation(cellContainer, typographyEl);\n            }\n          }\n        );\n      }\n    }\n  }\n\n  private updateSetRowHeight = (typographyEl?: HTMLIcTypographyElement) => {\n    const fontSize = parseInt(\n      getComputedStyle(document.documentElement).fontSize\n    );\n\n    if (typographyEl) {\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      const rowHeight =\n        fontSize *\n        parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n      if (typographyEl.scrollHeight > rowHeight) {\n        cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n      }\n    } else {\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n\n          const rowHeight =\n            fontSize *\n            parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n          if (typographyEl.scrollHeight > rowHeight) {\n            cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n          }\n        }\n      );\n    }\n  };\n\n  private createShowHideTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    descriptionHeight?: number\n  ) {\n    typographyEl.checkMaxLines(typographyEl.scrollHeight);\n    typographyEl.setAttribute(\n      \"max-lines\",\n      `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n    );\n    if (\n      cellContainer.classList.contains(\n        this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n      ) &&\n      descriptionHeight\n    ) {\n      typographyEl.setAttribute(\n        \"max-lines\",\n        `${Math.floor(\n          (cellContainer?.clientHeight - descriptionHeight) /\n            this.DEFAULT_LINE_HEIGHT\n        )}`\n      );\n    } else {\n      typographyEl.setAttribute(\n        \"max-lines\",\n        `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n      );\n    }\n    typographyEl.setShowHideExpanded(false);\n\n    cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n  }\n\n  private debounceDataTruncation = () => {\n    this.getTypographyElements().forEach(\n      (typographyEl: HTMLIcTypographyElement) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n          this.resizeObserver = new ResizeObserver(\n            // This gets triggered twice due to updated data and see more/see less button\n            dynamicDebounce(\n              () => {\n                this.dataTruncation(typographyEl);\n\n                if (!this.isNewDebounceDelaySet) {\n                  this.setNewDebounceDelay(200);\n                }\n              },\n              () => this.debounceDelay\n            ) as ResizeObserverCallback\n          );\n\n          this.resizeObserver.observe(typographyEl);\n        }\n      }\n    );\n  };\n\n  private setNewDebounceDelay = (delay: number) => {\n    this.debounceDelay = delay;\n\n    this.isNewDebounceDelaySet = true;\n  };\n\n  private getLines = (height: number): number =>\n    Math.floor(height / this.DEFAULT_LINE_HEIGHT);\n\n  private truncate = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement\n  ) => {\n    if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n      //24 is the height of a single line\n      if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n        if (this.truncationPattern === this.TOOLTIP_STRING) {\n          this.addTooltipTruncation(typographyEl, cellContainer, tooltip);\n        }\n        if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n          this.addShowHideTruncation(cellContainer, typographyEl);\n        }\n      }\n    } else {\n      if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {\n        typographyEl.setAttribute(\n          \"style\",\n          `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n        );\n\n        const cellTextWrapper = cellContainer.querySelector(\n          this.CELL_TEXT_WRAPPER_STRING\n        );\n        cellTextWrapper.prepend(typographyEl);\n        tooltip.remove();\n      }\n\n      if (\n        this.truncationPattern === this.SHOW_HIDE_STRING &&\n        !isEmptyString(typographyEl.getAttribute(\"max-lines\"))\n      ) {\n        this.resetShowHideTruncation(typographyEl);\n      }\n    }\n  };\n\n  private addTooltipTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement\n  ) {\n    this.addLineClampCSS(typographyEl, cellContainer);\n\n    if (!tooltip) {\n      this.createTruncationTooltip(typographyEl, cellContainer);\n    }\n  }\n\n  private addShowHideTruncation(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement\n  ) {\n    cellContainer.classList.add(this.SHOW_HIDE_CSS_CLASS);\n    this.createShowHideTruncation(typographyEl, cellContainer);\n  }\n\n  private dataTruncation = (typographyEl: HTMLIcTypographyElement) => {\n    // Tooltip truncation mentioned in AC. Will need revisiting\n    const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n    const cellContainer = this.getCellContainer(typographyEl);\n    if (\n      cellContainer?.classList.contains(\"data-type-element\") ||\n      this.dataUpdated\n    ) {\n      return;\n    }\n\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING &&\n      typographyEl.shadowRoot.querySelector(\"button\")\n    ) {\n      const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n      // If the see more/see less is present and the max lines is equal to the cell container\n      // remove the see more/see less button\n      if (showHideBtn) {\n        const truncWrapper = this.getTruncWrapper(typographyEl);\n\n        if (\n          this.getLines(truncWrapper.scrollHeight) ===\n          +typographyEl.getAttribute(\"max-lines\")\n        ) {\n          this.resetShowHideTruncation(typographyEl);\n        }\n      }\n    }\n\n    // Deals with setting and resetting row height and re-truncating data\n    if (this.rowHeightSet && this.truncationPattern === this.SHOW_HIDE_STRING) {\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      // cellContainer.clientHeight - 24 removes the extra line by see more/see less\n      if (\n        truncWrapper &&\n        cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n          truncWrapper.scrollHeight\n      ) {\n        this.resetShowHideTruncation(typographyEl);\n        return;\n      }\n\n      if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n        this.addShowHideTruncation(cellContainer, typographyEl);\n        return;\n      }\n    }\n\n    if (\n      typographyEl?.scrollHeight > 0 &&\n      cellContainer?.clientHeight > 0 &&\n      typographyEl?.scrollHeight === cellContainer?.clientHeight\n    ) {\n      if (tooltip) {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      return;\n    }\n\n    this.truncate(typographyEl, cellContainer, tooltip);\n  };\n\n  private getTruncWrapper = (typographyEl: HTMLIcTypographyElement) =>\n    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 (this.previousRowsPerPage === this.rowsPerPage) {\n        tableRowsContainer.scrollTop = 0;\n      } else if (this.previousRowsPerPage < this.rowsPerPage) {\n        tableRowsContainer.scrollTop = this.scrollOffset;\n        this.previousRowsPerPage = this.rowsPerPage;\n      } else {\n        this.previousRowsPerPage = this.rowsPerPage;\n      }\n    }\n\n    if (!this.initialLoad && this.previousPaginationPage !== detail.value) {\n      // This is to prevent icPageChange from triggering truncation on first load\n      this.icPageChangeEvent = true;\n    }\n\n    this.previousPaginationPage = detail.value;\n    this.initialLoad = false;\n  }\n\n  @Listen(\"icItemsPerPageChange\")\n  handleItemsPerPageChange({\n    detail,\n    target,\n  }: CustomEvent<{ value: number }>): void {\n    if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n      this.previousRowsPerPage = this.rowsPerPage;\n      this.rowsPerPage = detail.value;\n    }\n\n    this.itemsPerPageChange = true;\n  }\n\n  @Listen(\"icTableDensityUpdate\")\n  handleDensityChange(ev: CustomEvent<IcDensityUpdateEventDetail>): void {\n    this.density = ev.detail.value;\n  }\n\n  @Listen(\"click\", { target: \"window\" })\n  clickListener(ev: MouseEvent): void {\n    if (ev.target !== this.el) this.selectedRow = undefined;\n  }\n\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    if (newValue) this.startLoadingTimer();\n\n    if (this.loading) {\n      setTimeout(() => {\n        this.showLoadingIndicator();\n      }, 500);\n    }\n  }\n\n  @Watch(\"truncationPattern\")\n  truncationPatternHandler(newValue: IcDataTableTruncationTypes): void {\n    if (newValue === this.TOOLTIP_STRING) {\n      this.resetShowHideTruncation();\n      this.updateTruncationTooltip(true);\n\n      // Not using debounceDataTruncation here due to resizeObserver not being triggered\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n\n          this.truncate(typographyEl, cellContainer, tooltip);\n        }\n      );\n    }\n\n    if (newValue === this.SHOW_HIDE_STRING) {\n      // ResizeObserver is trigger here due to the see more/see less links being removed.\n      // The resizeObserver will also apply the tooltip where relevant\n      this.updateTruncationTooltip(true);\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const truncWrapper = this.getTruncWrapper(typographyEl);\n          const cellContainer = this.getCellContainer(typographyEl);\n\n          if (\n            cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >\n            truncWrapper?.scrollHeight\n          ) {\n            this.resetShowHideTruncation(typographyEl);\n            return;\n          }\n\n          setTimeout(() => {\n            // slight delay due to data rendering\n            if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n              this.addShowHideTruncation(cellContainer, typographyEl);\n            }\n          }, 150);\n        }\n      );\n    }\n\n    this.truncationPatternUpdated = true;\n  }\n\n  @Watch(\"data\")\n  async dataHandler(): 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(\n      (typographyEl: HTMLIcTypographyElement) => {\n        const tableCell = typographyEl.closest(\"td\");\n        if (tableCell.classList.contains(this.TEXT_WRAP_STRING)) {\n          tableCell.classList.remove(this.TEXT_WRAP_STRING);\n        }\n      }\n    );\n  };\n\n  private getCellContainer = (\n    typographyEl: HTMLIcTypographyElement\n  ): HTMLElement => {\n    return typographyEl.closest(\".cell-container\");\n  };\n\n  private deleteTextWrapDataKey = (\n    array: IcDataTableColumnObject[] | object[]\n  ) =>\n    Array.isArray(array) &&\n    array.forEach((val) => val.textWrap && delete val.textWrap);\n\n  private resetShowHideTruncation(typographyEl?: HTMLIcTypographyElement) {\n    if (typographyEl) {\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      if (\n        truncWrapper?.scrollHeight > cellContainer?.clientHeight &&\n        !isEmptyString(typographyEl.getAttribute(\"max-lines\")) &&\n        Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT) !==\n          +typographyEl.getAttribute(\"max-lines\")\n      ) {\n        typographyEl.checkMaxLines(truncWrapper.scrollHeight);\n        typographyEl.setAttribute(\n          \"max-lines\",\n          `${Math.floor(\n            cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT\n          )}`\n        );\n        typographyEl.setShowHideExpanded(false);\n\n        cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n      } else if (\n        !cellContainer.classList.contains(\n          this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n        )\n      ) {\n        typographyEl.resetTruncation().then(() => {\n          if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n            cellContainer.style.setProperty(\n              this.ROW_HEIGHT_CSS_VARIABLE,\n              cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n            );\n          }\n        });\n      }\n    } else {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        typographyEl.resetTruncation().then(() => {\n          if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n            cellContainer.style.setProperty(\n              this.ROW_HEIGHT_CSS_VARIABLE,\n              cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n            );\n          }\n        });\n      });\n    }\n  }\n\n  @Watch(\"globalRowHeight\")\n  @Watch(\"variableRowHeight\")\n  rowHeightChangeHandler(newValue: number, oldValue: number): void {\n    if (+newValue !== +oldValue) {\n      this.deleteTextWrapDataKey(this.data);\n      this.deleteTextWrapDataKey(this.columns);\n      this.removeTextWrap();\n\n      this.icRowHeightChange.emit();\n\n      this.rowHeightSet = true;\n    }\n  }\n\n  /**\n   * Resets the `globalRowHeight` prop to number or auto and sets the `variableRowHeight` prop to `null`.\n   */\n  @Method()\n  async resetRowHeights(rowHeight?: number | \"auto\"): Promise<void> {\n    this.globalRowHeight = rowHeight || \"auto\";\n    this.variableRowHeight = null;\n  }\n\n  private showLoadingIndicator() {\n    if (this.loadingOptions?.overlay) {\n      this.loadingOverlay?.classList.add(\"show\");\n    }\n    this.loadingIndicator?.classList.add(\"show\");\n  }\n\n  private startLoadingTimer = (): void => {\n    this.hasLoadedForOneSecond = false;\n    this.timerStarted = Date.now();\n    setTimeout(() => {\n      this.hasLoadedForOneSecond = true;\n      this.timerStarted = null;\n    }, this.minimumLoadingDisplayDuration);\n  };\n\n  private isObject = (value: any) =>\n    value !== undefined && value !== null && typeof value === \"object\";\n\n  private notDefaultDensity = () => this.density !== \"default\";\n\n  private getCellContent = (\n    cell: any,\n    dataType: IcDataTableColumnDataTypes\n  ): any => {\n    switch (dataType) {\n      case \"element\":\n        return undefined;\n      case \"date\":\n        return (\n          cell instanceof Date ? cell : new Date(cell)\n        ).toLocaleDateString();\n      default:\n        return cell;\n    }\n  };\n\n  private getCellAlignment = (\n    cell: any,\n    alignment: \"horizontal\" | \"vertical\"\n  ) => {\n    if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n      return this.getObjectValue(\n        this.getObjectValue(cell, \"cellAlignment\"),\n        alignment\n      );\n    }\n  };\n\n  private getCellOptions = (cell: any, key: string) => {\n    if (!(this.isObject(cell) && Object.keys(cell).includes(key))) return;\n\n    return this.getObjectValue(cell, key);\n  };\n\n  private createUpdatingIndicator = () => {\n    const { description, max, min, progress, monochrome } =\n      this.updatingOptions || {};\n    return (\n      <th colSpan={this.columns.length} class=\"updating-state\">\n        <ic-loading-indicator\n          theme={this.theme}\n          monochrome={monochrome}\n          description={description || \"Updating table data\"}\n          fullWidth={true}\n          max={max}\n          min={min}\n          progress={progress}\n          type=\"linear\"\n          size=\"small\"\n        ></ic-loading-indicator>\n      </th>\n    );\n  };\n\n  private setRowHeight = (height: number) => {\n    return pxToRem(\n      `${\n        height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n        this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n      }px`\n    );\n  };\n\n  private setTruncationClass = () =>\n    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 (columnWidth) {\n      if (typeof columnWidth === \"string\") {\n        columnWidthStyling = {\n          ...columnWidthStyling,\n          [\"--column-width\"]: columnWidth,\n        };\n      }\n\n      if (typeof columnWidth === \"object\" && !!Object.keys(columnWidth)) {\n        if (columnWidth?.minWidth) {\n          columnWidthStyling = {\n            ...columnWidthStyling,\n            [\"--column-min-width\"]: columnWidth?.minWidth,\n          };\n        }\n\n        if (columnWidth?.maxWidth) {\n          columnWidthStyling = {\n            ...columnWidthStyling,\n            [\"--column-max-width\"]: columnWidth?.maxWidth,\n          };\n        }\n      }\n    }\n\n    return columnWidthStyling;\n  };\n\n  private getRowHeight = (\n    currentRowHeight: number,\n    columnProps: IcDataTableColumnObject,\n    rowTextWrap: boolean,\n    cell: any\n  ) => {\n    if (\n      (this.truncationPattern || currentRowHeight) &&\n      !columnProps?.textWrap &&\n      !rowTextWrap &&\n      !this.getCellOptions(cell, \"textWrap\") &&\n      columnProps?.dataType !== \"element\"\n    ) {\n      return {\n        [this.ROW_HEIGHT_CSS_VARIABLE]: this.setRowHeight(currentRowHeight),\n      };\n    }\n\n    return {};\n  };\n\n  private adjustWidthForActionElement = () => {\n    const elements = this.el.shadowRoot.querySelectorAll(\".action-element\");\n    elements.forEach((element) => {\n      const width = (element.firstChild as HTMLElement).getBoundingClientRect()\n        .width;\n      const gridWrapper: HTMLElement = element.closest(\".cell-grid-wrapper\");\n      gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;\n    });\n  };\n\n  private createCellContent = (\n    columnProps: IcDataTableColumnObject,\n    cell: any,\n    cellSlotName: string,\n    rowOptions: any,\n    rowAlignment: string,\n    hasIcon: boolean,\n    currentRowHeight: number,\n    cellValue: (key: string) => any,\n    rowEmphasis: string\n  ) => (\n    <div\n      innerHTML={\n        columnProps?.dataType === \"element\" &&\n        !isSlotUsed(this.el, cellSlotName)\n          ? (cell as string)\n          : null\n      }\n      class={{\n        \"cell-container\": columnProps?.dataType !== \"element\",\n        [`cell-alignment-${\n          columnProps?.columnAlignment?.vertical ||\n          rowOptions?.rowAlignment?.vertical ||\n          rowAlignment ||\n          this.getCellAlignment(cell, \"vertical\")\n        }`]:\n          !!columnProps?.columnAlignment?.vertical ||\n          !!rowOptions?.rowAlignment?.vertical ||\n          !!rowAlignment ||\n          !!this.getCellAlignment(cell, \"vertical\"),\n        [`cell-alignment-${\n          columnProps?.columnAlignment?.horizontal ||\n          rowOptions?.rowAlignment?.horizontal ||\n          this.getCellAlignment(cell, \"horizontal\")\n        }`]:\n          !!columnProps?.columnAlignment?.horizontal ||\n          !!rowOptions?.rowAlignment?.horizontal ||\n          !!this.getCellAlignment(cell, \"horizontal\"),\n        [`data-type-${columnProps?.dataType}`]: true,\n        [this.TEXT_WRAP_STRING]:\n          columnProps?.textWrap ||\n          rowOptions?.textWrap ||\n          !!this.getCellOptions(cell, \"textWrap\"),\n        [\"cell-icon\"]: hasIcon || !!columnProps?.icon?.icon,\n        [`cell-emphasis-${\n          (this.isObject(cell) && cellValue(\"emphasis\")) ||\n          columnProps?.emphasis ||\n          rowEmphasis\n        }`]:\n          (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n          !!columnProps?.emphasis ||\n          !!rowEmphasis,\n        ...this.setTruncationClass(),\n        [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:\n          this.isObject(cell) && Object.keys(cell).includes(\"description\"),\n      }}\n      style={{\n        ...this.getRowHeight(\n          currentRowHeight,\n          columnProps,\n          rowOptions?.textWrap,\n          cell\n        ),\n        ...this.getColumnWidth(columnProps?.columnWidth),\n      }}\n      data-row-height={\n        this.truncationPattern || currentRowHeight\n          ? this.setRowHeight(currentRowHeight)\n          : null\n      }\n    >\n      {isSlotUsed(this.el, cellSlotName) ? (\n        <slot name={cellSlotName} />\n      ) : (\n        <Fragment>\n          {isSlotUsed(this.el, `${cellSlotName}-icon`) ? (\n            <slot name={`${cellSlotName}-icon`} />\n          ) : (\n            (hasIcon || columnProps?.icon?.onAllCells) &&\n            (cellValue(\"icon\") || columnProps?.icon?.icon) && (\n              <span\n                class=\"icon\"\n                innerHTML={cellValue(\"icon\") || columnProps?.icon?.icon}\n              ></span>\n            )\n          )}\n          {columnProps?.dataType !== \"element\" &&\n            !isSlotUsed(this.el, cellSlotName) && (\n              <div\n                class={{\n                  \"cell-text-wrapper\": true,\n                  \"cell-text-no-wrap\": !this.truncationPattern,\n                }}\n              >\n                <ic-typography\n                  variant=\"body\"\n                  class={{\n                    [`cell-emphasis-${\n                      (this.isObject(cell) && cellValue(\"emphasis\")) ||\n                      columnProps?.emphasis ||\n                      rowEmphasis\n                    }`]:\n                      (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n                      !!columnProps?.emphasis ||\n                      !!rowEmphasis,\n                    [`text-${this.density}`]: this.notDefaultDensity(),\n                  }}\n                >\n                  {this.isObject(cell) && columnProps?.dataType !== \"date\" ? (\n                    Object.keys(cell).includes(\"href\") ? (\n                      <ic-link\n                        href={cellValue(\"href\")}\n                        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    const currentRowHeight = variableRowHeightVal\n      ? variableRowHeightVal !== \"auto\" && variableRowHeightVal\n      : this.globalRowHeight !== \"auto\" && this.globalRowHeight;\n\n    return rowValues.map((cell, index) => {\n      const columnProps = this.columns[index];\n      const cellSlotName = `${columnProps?.key}-${rowIndex}`;\n      const hasIcon = this.isObject(cell) && Object.keys(cell).includes(\"icon\");\n      const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n      if (rowKeys[index] === \"header\") {\n        return (\n          <th\n            scope=\"row\"\n            colSpan={cellValue(\"colspan\")}\n            class={{\n              [\"row-header\"]: true,\n              [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n                !!cellValue(\"cellAlignment\"),\n              [\"row-header-sticky\"]: this.stickyRowHeaders,\n            }}\n          >\n            {cellValue(\"title\")}\n          </th>\n        );\n      }\n\n      if (rowKeys[index] !== \"rowOptions\") {\n        return (\n          <td\n            class={{\n              [\"table-cell\"]: true,\n              [`table-density-${this.density}`]: this.notDefaultDensity(),\n              [\"with-overflow\"]: columnProps?.dataType === \"element\",\n            }}\n            style={{ ...this.getColumnWidth(columnProps.columnWidth) }}\n          >\n            {this.isObject(cell) &&\n            Object.keys(cell).includes(\"actionElement\") ? (\n              <div class=\"cell-grid-wrapper\">\n                {this.createCellContent(\n                  columnProps,\n                  cell,\n                  cellSlotName,\n                  rowOptions,\n                  rowAlignment,\n                  hasIcon,\n                  currentRowHeight,\n                  cellValue,\n                  rowEmphasis\n                )}\n                <span\n                  class=\"action-element\"\n                  innerHTML={cellValue(\"actionElement\")}\n                  // eslint-disable-next-line react/jsx-no-bind\n                  onClick={\n                    cell.actionOnClick\n                      ? (event) => this.handleClick(event, cell.actionOnClick)\n                      : undefined\n                  }\n                ></span>\n              </div>\n            ) : (\n              this.createCellContent(\n                columnProps,\n                cell,\n                cellSlotName,\n                rowOptions,\n                rowAlignment,\n                hasIcon,\n                currentRowHeight,\n                cellValue,\n                rowEmphasis\n              )\n            )}\n          </td>\n        );\n      }\n    });\n  };\n\n  private createColumnHeaders = () =>\n    (this.columns || []).map(\n      (\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: object) => {\n    if (!this.loading && !this.updating) {\n      this.icSelectedRowChange.emit(this.selectedRow !== row ? row : null);\n    }\n\n    this.selectedRow =\n      this.selectedRow !== row && !this.loading && !this.updating && row;\n  };\n\n  private createRows = () => {\n    const data = this.showPagination\n      ? this.data.slice(this.fromRow, this.toRow)\n      : this.data.slice();\n\n    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    const 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        );\n      return slottedColumns.length > 0\n        ? addDataToPosition(row, slottedColumns, \"\")\n        : row;\n    });\n\n    return organisedData\n      .sort(\n        !this.sortable || this.disableAutoSort\n          ? undefined\n          : this.getSortFunction()\n      )\n      .map((row, index) => {\n        return (\n          <tr\n            // eslint-disable-next-line react/jsx-no-bind\n            onClick={() => this.onRowClick(row)}\n            class={{\n              [\"table-row\"]: true,\n              [\"table-row-selected\"]:\n                this.highlightSelectedRow && this.selectedRow === row,\n            }}\n          >\n            {this.createCells(row, index + paginationOffset)}\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 sortButton = this.el.shadowRoot.querySelector(\n      `#sort-button-${column}`\n    ) as HTMLIcButtonElement;\n\n    const sortOrders = this.sortOptions.sortOrders;\n\n    if (column !== this.sortedColumn) {\n      if (this.sortedColumn) {\n        const previousSortedButton = this.el.shadowRoot.querySelector(\n          `#sort-button-${this.sortedColumn}`\n        ) as HTMLIcButtonElement;\n        previousSortedButton.setAttribute(\n          \"aria-label\",\n          this.getSortButtonLabel(column)\n        ); // Passing through unsorted column returns correct label for newly unsorted column\n      }\n      this.sortedColumn = column;\n      this.sortedColumnOrder = \"unsorted\";\n    }\n\n    let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n    if (nextSortOrderIndex > sortOrders.length - 1) {\n      nextSortOrderIndex = 0;\n    }\n\n    this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n    sortButton.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n\n    this.tableSorted = true;\n\n    this.icSortChange.emit({\n      columnName: column,\n      sorted: this.sortedColumnOrder,\n    });\n  };\n\n  private getTypographyElements = (): HTMLIcTypographyElement[] => {\n    // Filter out column headers and cell descriptions\n    return Array.from(\n      this.el.shadowRoot.querySelectorAll(\n        \"ic-typography:not(.column-header-text,.cell-description-text)\"\n      )\n    );\n  };\n\n  private getTooltip = (\n    typographyEl: HTMLIcTypographyElement\n  ): HTMLIcTooltipElement => {\n    return typographyEl.closest(this.TOOLTIP);\n  };\n\n  private updateTruncationTooltip = (removeTooltipOnly = false) => {\n    this.getTypographyElements().forEach(\n      (typographyEl: HTMLIcTypographyElement) => {\n        const tooltip = this.getTooltip(typographyEl);\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n          this.removeTooltip(cellContainer, typographyEl, tooltip);\n          typographyEl.setAttribute(\n            \"style\",\n            `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n          );\n          return;\n        }\n\n        this.regenerateTooltip(\n          cellContainer,\n          typographyEl,\n          tooltip,\n          removeTooltipOnly\n        );\n      }\n    );\n  };\n\n  private updateScrollOffset = () => {\n    this.scrollOffset = this.el.shadowRoot.querySelector(\n      \".table-row-container\"\n    ).scrollTop;\n  };\n\n  private updateRowHeightForDescriptions = (\n    rowHeight: number,\n    cellContainer: Element\n  ) => {\n    cellContainer.setAttribute(\"data-row-height\", rowHeight.toString());\n    cellContainer.setAttribute(\n      \"style\",\n      `${this.ROW_HEIGHT_CSS_VARIABLE}: ${rowHeight}px`\n    );\n  };\n\n  // Method to update the row heights on cells with descriptions and tooltip truncation\n  private updateCellHeightsWithDescriptions = () => {\n    const descriptions = this.el.shadowRoot.querySelectorAll(\n      this.CELL_DESCRIPTION_STRING\n    );\n\n    descriptions.forEach((description) => {\n      const cellContainer = description.closest(\n        `.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`\n      ) as HTMLElement;\n      const typography = cellContainer.querySelector(\n        this.IC_TYPOGRAPHY_STRING\n      ) as HTMLIcTypographyElement;\n\n      const descriptionMarginTop = window\n        .getComputedStyle(description)\n        .getPropertyValue(\"margin-top\");\n\n      const descriptionHeight =\n        description.clientHeight + parseInt(descriptionMarginTop, 10);\n\n      if (this.globalRowHeight && this.globalRowHeight !== \"auto\") {\n        if (\n          !typography.textContent &&\n          descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight\n        ) {\n          this.updateRowHeightForDescriptions(descriptionHeight, cellContainer);\n        } else if (this.truncationPattern === this.TOOLTIP_STRING) {\n          if (\n            descriptionHeight + this.DEFAULT_LINE_HEIGHT >\n            this.globalRowHeight\n          ) {\n            const cellIcon = cellContainer?.querySelector(\".icon\");\n            if (deviceSizeMatches(IC_DEVICE_SIZES.XS) && cellIcon) {\n              // recalculate descriptionHeight as when a word break occurs this value changes\n              // Additional spacing given for 300-400% zoom\n              this.updateRowHeightForDescriptions(\n                descriptionHeight +\n                  this.DEFAULT_LINE_HEIGHT +\n                  cellIcon.clientHeight,\n                cellContainer\n              );\n            } else {\n              this.updateRowHeightForDescriptions(\n                descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n                cellContainer\n              );\n            }\n          }\n          this.addLineClampCSS(typography, cellContainer);\n          // Additional case for show/hide truncation for when a description is present, but the text\n          // isn't overflowing the cell to trigger the show more button to appear.\n        } else if (\n          this.truncationPattern === this.SHOW_HIDE_STRING &&\n          descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight &&\n          typography.style.getPropertyValue(\"--truncation-max-lines\") !==\n            \"initial\"\n        ) {\n          this.updateRowHeightForDescriptions(\n            descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n            cellContainer\n          );\n\n          if (descriptionHeight) {\n            this.createShowHideTruncation(\n              typography,\n              cellContainer as HTMLElement,\n              descriptionHeight\n            );\n          }\n        }\n      }\n    });\n  };\n\n  private getRowOptions(rowKeys: string[], rowValues: any[]) {\n    const rowOptionsIndex = rowKeys.indexOf(\"rowOptions\");\n    return rowOptionsIndex > -1 && rowValues[rowOptionsIndex];\n  }\n\n  private regenerateTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement,\n    removeTooltipOnly?: boolean\n  ) {\n    // When sorting the table, instead of regenerating the tooltip,\n    // the tooltip details are updated\n\n    if (tooltip) {\n      if (this.tableSorted) {\n        tooltip.setAttribute(\"target\", typographyEl.id);\n        tooltip.setAttribute(\"label\", typographyEl.textContent);\n      } else {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      if (removeTooltipOnly) {\n        return;\n      }\n    }\n\n    // This add line clamp to data only when\n    // the data object has been updated\n    if (!typographyEl.getAttribute(\"style\") && this.dataUpdated) {\n      this.addLineClampCSS(typographyEl, cellContainer);\n    }\n\n    if (\n      typographyEl?.scrollHeight > cellContainer?.clientHeight &&\n      this.truncationPattern === this.TOOLTIP_STRING\n    ) {\n      if (\n        !typographyEl.getAttribute(\"style\") ||\n        typographyEl.style.cssText.includes(\n          `${this.LINE_CLAMP_CSS_VARIABLE}: 0;`\n        )\n      ) {\n        this.addLineClampCSS(typographyEl, cellContainer);\n      }\n      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\n  ) {\n    const cellTextWrapper = cellContainer.querySelector(\n      this.CELL_TEXT_WRAPPER_STRING\n    );\n    cellTextWrapper.prepend(typographyEl);\n    if (tooltip) {\n      tooltip.remove();\n    }\n  }\n\n  private addLineClampCSS(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const descriptionCellHeight = cellContainer.querySelector(\n      this.CELL_DESCRIPTION_STRING\n    )?.clientHeight;\n    if (\n      cellContainer.classList.contains(\n        this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n      ) &&\n      cellContainer?.clientHeight > descriptionCellHeight\n    ) {\n      let iconHeight: number;\n      if (deviceSizeMatches(IC_DEVICE_SIZES.XS)) {\n        const cellIcon = cellContainer?.querySelector(\".icon\");\n        iconHeight = cellIcon ? cellIcon.clientHeight : 0;\n      } else {\n        iconHeight = 0;\n      }\n\n      const height =\n        cellContainer?.clientHeight -\n        cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)\n          ?.clientHeight -\n        iconHeight;\n\n      typographyEl.setAttribute(\n        \"style\",\n        `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(height || 0)}`\n      );\n    } else {\n      typographyEl.setAttribute(\n        \"style\",\n        `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(\n          cellContainer?.clientHeight\n        )}`\n      );\n    }\n  }\n\n  private createTruncationTooltip(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const tooltipEl = document.createElement(\n      this.IC_TOOLTIP_STRING\n    ) as HTMLIcTooltipElement;\n    tooltipEl.setAttribute(\"target\", typographyEl.id);\n    tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n    tooltipEl.classList.add(\"ic-tooltip-overflow\");\n    tooltipEl.setExternalPopperProps({\n      // This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly\n      strategy: \"fixed\",\n    });\n    const cellTextWrapper = cellContainer.querySelector(\n      this.CELL_TEXT_WRAPPER_STRING\n    );\n    cellTextWrapper.prepend(tooltipEl);\n    tooltipEl.prepend(typographyEl);\n  }\n\n  private fixCellTooltip = (element: HTMLElement) => {\n    let tooltip: HTMLIcTooltipElement;\n\n    if (element.tagName === \"IC-TOOLTIP\") {\n      tooltip = element as HTMLIcTooltipElement;\n    } else if (element.shadowRoot?.querySelector(this.IC_TOOLTIP_STRING)) {\n      tooltip = element.shadowRoot?.querySelector(\n        this.IC_TOOLTIP_STRING\n      ) as HTMLIcTooltipElement;\n    } else {\n      if (element.children?.length > 0) {\n        Array.from(element.children).forEach((el) => {\n          this.fixCellTooltip(el as HTMLElement);\n        });\n      } else {\n        return;\n      }\n    }\n\n    if (tooltip) {\n      tooltip.setExternalPopperProps({\n        strategy: \"fixed\",\n      });\n    }\n  };\n\n  private fixCellTooltips = () => {\n    const elements = this.el.shadowRoot.querySelectorAll(\".data-type-element\");\n    elements.forEach((element) => {\n      const slotElements = getSlotElements(element);\n      slotElements?.forEach((slottedEl: HTMLElement) => {\n        this.fixCellTooltip(slottedEl);\n      });\n    });\n\n    const actionElements =\n      this.el.shadowRoot.querySelectorAll(\".action-element\");\n\n    actionElements?.forEach((actionElementSpan) => {\n      const actionElement = actionElementSpan.firstChild as HTMLElement;\n      if (actionElement) {\n        this.fixCellTooltip(actionElement);\n      }\n    });\n  };\n\n  private handleClick = (event: Event, callback: (event: Event) => void) =>\n    callback(event);\n\n  private renderTableBody = (\n    data: IcDataTableDataType[],\n    loading: boolean,\n    overlay: boolean\n  ) => {\n    if (!data?.length) return;\n\n    if (overlay && loading) {\n      return <tbody>{this.createRows()}</tbody>;\n    } else if (loading && !overlay) {\n      return null;\n    } else {\n      return <tbody>{this.createRows()}</tbody>;\n    }\n  };\n\n  private renderLoadingIndicator = (\n    isLoading: boolean,\n    loadingOptions: IcLoadingOptions\n  ) => {\n    if (!isLoading) return null;\n\n    return (\n      <Fragment>\n        <div\n          class=\"loading-overlay\"\n          ref={(el) => (this.loadingOverlay = el)}\n        ></div>\n        <ic-loading-indicator\n          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    data: IcDataTableDataType[],\n    loading: boolean,\n    overlay: boolean\n  ) => {\n    const emptyStateEl = isSlotUsed(this.el, \"empty-state\") ? (\n      <slot name=\"empty-state\" />\n    ) : (\n      <ic-empty-state\n        aligned=\"center\"\n        heading=\"No Data\"\n        class=\"loading-empty\"\n      ></ic-empty-state>\n    );\n\n    if (loading && !data?.length && overlay) {\n      return emptyStateEl;\n    } else if (!loading && !data?.length) {\n      return emptyStateEl;\n    } else {\n      return null;\n    }\n  };\n\n  render() {\n    const {\n      caption,\n      createColumnHeaders,\n      createUpdatingIndicator,\n      data,\n      hideColumnHeaders,\n      loading,\n      loadingOptions,\n      paginationBarOptions,\n      scrollable,\n      scrollOffset,\n      showPagination,\n      sortable,\n      sortedColumn,\n      sortedColumnOrder,\n      stickyColumnHeaders,\n      updateScrollOffset,\n      updating,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        style={{ ...this.setTableDimensions() }}\n        class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n      >\n        <div class=\"table-container\">\n          {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n          <div\n            class={{\n              [\"table-row-container\"]: true,\n              scrollable,\n            }}\n            tabIndex={scrollable ? 0 : null}\n            onScroll={updateScrollOffset}\n          >\n            <table\n              style={{\n                [\"--table-layout\"]: this.tableLayout,\n              }}\n            >\n              <caption class=\"table-caption\">{caption}</caption>\n              {!hideColumnHeaders && (\n                <thead\n                  class={{\n                    [\"column-header-sticky\"]: stickyColumnHeaders,\n                    [\"column-header-overlay\"]:\n                      stickyColumnHeaders && scrollOffset !== 0,\n                  }}\n                >\n                  <tr>{createColumnHeaders()}</tr>\n                </thead>\n              )}\n              {updating &&\n                !loading &&\n                (hideColumnHeaders ? (\n                  <thead>{createUpdatingIndicator()}</thead>\n                ) : (\n                  createUpdatingIndicator()\n                ))}\n              {this.renderTableBody(data, loading, loadingOptions.overlay)}\n            </table>\n            {this.renderEmptyState(data, loading, loadingOptions.overlay)}\n          </div>\n          <div aria-live=\"assertive\" class=\"sr-only\">\n            {this.renderAriaLiveLoading()}\n          </div>\n          {this.renderLoadingIndicator(loading, loadingOptions)}\n          {(showPagination || isSlotUsed(this.el, \"pagination-bar\")) && (\n            <div class=\"pagination-container\">\n              {isSlotUsed(this.el, \"pagination-bar\") ? (\n                <slot name=\"pagination-bar\" />\n              ) : (\n                <ic-pagination-bar\n                  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                    this.columns.find((col) => col.key === sortedColumn)\n                      ?.title || 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-a35cdfc3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as o,g as s}from"./p-00135a74.js";import{d as r,r as a,b as n,i as c}from"./p-0f6b9686.js";import{C as u}from"./p-0aa9ce8b.js";import{C as l}from"./p-170ddfc2.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}li{list-style:none;padding:0}:host ::part(button){color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host([variant="destructive"]) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host([variant="destructive"]) ::part(button):focus-visible,:host([variant="destructive"]) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host([variant="destructive"]) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host([variant="destructive"]) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host([variant="destructive"]) ic-button:active .menu-item-label{--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}';const m=p;const d=class{constructor(i){t(this,i);this.childBlur=e(this,"childBlur",7);this.handleMenuItemClick=e(this,"handleMenuItemClick",7);this.icToggleChecked=e(this,"icToggleChecked",7);this.triggerPopoverMenuInstance=e(this,"triggerPopoverMenuInstance",7);this.checked=false;this.disabled=false;this.variant="default";this.handleClick=t=>{if(r(this.submenuTriggerFor)){this.triggerPopoverMenuInstance.emit()}else if(this.variant==="toggle"){t.preventDefault();this.checked=!this.checked;this.icToggleChecked.emit({checked:this.checked})}this.handleMenuItemClick.emit(this.el)};this.getMenuItemAriaLabel=()=>{let t=this.label;if(r(this.description)){t=`${t}, ${this.description}`}if(r(this.keyboardShortcutLabel)){t=`${t}, ${this.keyboardShortcutLabel}`}if(this.variant==="destructive"){t=`${t}, destructive`}if(r(this.submenuTriggerFor)){t=`${t}, triggers submenu`}if(this.el.classList.contains("ic-popover-submenu-back-button")){t="Go back to parent menu"}const e=this.el.parentElement;if(e&&e.tagName==="IC-MENU-GROUP"&&e.label){return`${t}, ${e.label} menu group`}else{return t}}}watchDisabledHandler(){a(this.disabled,this.el)}componentWillLoad(){if(r(this.submenuTriggerFor)&&this.variant!=="default"){this.variant="default"}a(this.disabled,this.el)}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Menu Item")}handleHostClick(t){if(this.disabled){t.stopImmediatePropagation()}}render(){const t=()=>i("div",{class:"menu-item-info"},i("div",{class:"menu-labels"},i("ic-typography",{class:"menu-item-label"},this.label),this.keyboardShortcutLabel&&i("ic-typography",{variant:"caption",class:"shortcut"},this.keyboardShortcutLabel)),this.description&&i("ic-typography",{class:"menu-item-description",variant:"caption"},this.description));return i(o,{class:{["ic-menu-item-disabled"]:!!this.disabled}},i("li",{role:this.variant==="toggle"?"menuitemcheckbox":"menuitem","aria-disabled":`${this.disabled}`,"aria-checked":this.variant==="toggle"?this.checked?"true":"false":undefined},i("ic-button",{fullWidth:true,variant:"tertiary",onClick:this.handleClick,href:r(this.href),hreflang:r(this.hreflang),target:r(this.target),rel:r(this.rel),referrerpolicy:this.referrerpolicy,"aria-disabled":`${this.disabled}`,"aria-label":this.getMenuItemAriaLabel(),"aria-haspopup":r(this.submenuTriggerFor)||this.el.classList.contains("ic-popover-submenu-back-button")?"menu":false},i("div",{class:"focus-border"},c(this.el,"icon")&&i("span",{class:"icon"},i("slot",{name:"icon"})),i(t,null),this.variant==="toggle"&&i("span",{class:{["check-icon"]:true,["hide"]:!this.checked},"aria-hidden":"true",innerHTML:u}),r(this.submenuTriggerFor)&&i("span",{class:{["submenu-icon"]:true},"aria-hidden":"true",innerHTML:l})))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};d.style=m;export{d as ic_menu_item};
-//# sourceMappingURL=p-a35cdfc3.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icMenuItemCss","IcMenuItemStyle0","MenuItem","constructor","hostRef","this","checked","disabled","variant","handleClick","e","isPropDefined","submenuTriggerFor","triggerPopoverMenuInstance","emit","preventDefault","icToggleChecked","handleMenuItemClick","el","getMenuItemAriaLabel","ariaLabel","label","description","keyboardShortcutLabel","classList","contains","parentEl","parentElement","tagName","watchDisabledHandler","removeDisabledFalse","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","handleHostClick","stopImmediatePropagation","render","MenuItemInformation","h","class","Host","role","undefined","fullWidth","onClick","href","hreflang","target","rel","referrerpolicy","isSlotUsed","name","innerHTML","Check","Chevron","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-menu-item/ic-menu-item.css?tag=ic-menu-item&encapsulation=shadow","../web-components/dist/collection/components/ic-menu-item/ic-menu-item.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\nli {\n  list-style: none;\n  padding: 0;\n}\n\n:host ::part(button) {\n  color: var(--ic-popover-menu-item-check);\n  padding: calc(var(--ic-space-xxxs) / 2);\n  display: flex;\n  align-items: flex-start;\n  gap: var(--ic-space-xs);\n  border-radius: 0;\n  min-height: 2.5rem;\n  height: auto;\n}\n\n.focus-border {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--ic-space-xs);\n  border-radius: var(--ic-border-radius);\n  margin: calc(var(--ic-space-xxxs) / 2);\n  padding: var(--ic-space-xxs);\n  border: var(--ic-space-xxxs) dashed transparent;\n\n  --icon-height: auto;\n}\n\n:host(.ic-menu-item-disabled) ::part(button) {\n  color: var(--ic-popover-menu-item-check-disabled) !important;\n\n  --ic-typography-color: var(--ic-popover-menu-item-check-disabled) !important;\n\n  pointer-events: none;\n}\n\n:host(.ic-menu-item-disabled) .menu-item-label,\n:host(.ic-menu-item-disabled) .shortcut,\n:host(.ic-menu-item-disabled) .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-label-disabled) !important;\n}\n\n:host([variant=\"destructive\"]) ::part(button) {\n  color: var(--ic-popover-menu-destructive-item-icon);\n\n  --ic-typography-color: var(--ic-popover-menu-destructive-item-label);\n}\n\n:host ::part(button):hover {\n  background-color: var(--ic-popover-background-hover);\n}\n\n:host ::part(button):focus-visible,\n:host ::part(button):focus {\n  color: var(--ic-popover-menu-item-icon-focused);\n\n  --ic-typography-color: purple;\n\n  background-color: var(--ic-popover-background-focus);\n  box-shadow: none;\n}\n\n:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n:host(.ic-menu-item-disabled) ::part(button):focus {\n  color: var(--ic-popover-menu-item-icon-disabled) !important;\n\n  --ic-typography-color: orange !important;\n}\n\n:host([variant=\"destructive\"]) ::part(button):focus-visible,\n:host([variant=\"destructive\"]) ::part(button):focus {\n  background-color: var(--ic-popover-destructive-background-focus);\n}\n\nic-button:focus-within .menu-item-label,\nic-button:focus-within .shortcut,\nic-button:focus-within .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-label-focused);\n}\n\n:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border {\n  border-color: var(--ic-popover-menu-border);\n}\n\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-label-disabled) !important;\n}\n\n:host ::part(button):active {\n  background-color: var(--ic-popover-background-pressed);\n  color: var(--ic-popover-menu-item-label) !important;\n\n  --ic-typography-color: var(--ic-popover-menu-item-label) !important;\n}\n\n:host([variant=\"destructive\"]) ::part(button):active {\n  background-color: var(--ic-popover-background-pressed);\n  color: var(--ic-popover-menu-destructive-item-label) !important;\n\n  --ic-typography-color: var(\n    --ic-popover-menu-destructive-item-label\n  ) !important;\n}\n\n.menu-item-info {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  align-items: baseline;\n  white-space: pre-line;\n  text-align: left;\n}\n\n.menu-labels {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ic-space-xs);\n}\n\n.menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-description);\n}\n\n.shortcut {\n  --ic-typography-color: var(--ic-popover-menu-item-shortcut);\n\n  display: flex;\n  flex: min-content;\n}\n\n:host([variant=\"destructive\"]) .menu-item-label {\n  text-transform: uppercase;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n}\n\nic-button:active .menu-item-label {\n  --ic-typography-color: var(--ic-popover-menu-item-label);\n}\n\nic-button:active .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-description);\n}\n\nic-button:active .shortcut {\n  --ic-typography-color: var(--ic-popover-menu-item-shortcut);\n}\n\n:host([variant=\"destructive\"]) ic-button:active .menu-item-label {\n  --ic-typography-color: var(\n    --ic-popover-menu-destructive-item-label\n  ) !important;\n}\n\n.icon,\n.check-icon,\n.submenu-icon,\n.icon ::slotted(svg),\n.check-icon svg,\n.submenu-icon svg {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n.check-icon.hide {\n  visibility: hidden;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  :host ::part(button) {\n    border: canvas;\n  }\n\n  :host ::part(button):focus-visible {\n    outline: var(--ic-space-xxxs) solid transparent;\n  }\n\n  .focus-border {\n    border-color: canvas;\n  }\n\n  :host(.ic-menu-item-disabled) ic-button:focus-within .focus-border {\n    border-color: GrayText;\n  }\n\n  :host(.ic-menu-item-disabled) .menu-item-info,\n  :host(.ic-menu-item-disabled) .menu-item-label,\n  :host(.ic-menu-item-disabled) .shortcut,\n  :host(.ic-menu-item-disabled) .menu-item-description,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description {\n    --ic-typography-color: GrayText !important;\n  }\n\n  :host(.ic-menu-item-disabled) ::part(button):focus-visible,\n  :host(.ic-menu-item-disabled) ::part(button):focus {\n    outline-color: GrayText !important;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, removeDisabledFalse, isPropDefined, } from \"../../utils/helpers\";\nimport Check from \"../../assets/check-icon.svg\";\nimport Chevron from \"../../assets/chevron-icon.svg\";\n/**\n * @slot icon - Content will be placed to the left of the menu item label.\n */\nexport class MenuItem {\n    constructor() {\n        /**\n         * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.\n         */\n        this.checked = false;\n        /**\n         * If `true`, the menu item will be in disabled state.\n         */\n        this.disabled = false;\n        /**\n         * The variant of the menu item.\n         */\n        this.variant = \"default\";\n        this.handleClick = (e) => {\n            if (isPropDefined(this.submenuTriggerFor)) {\n                this.triggerPopoverMenuInstance.emit();\n            }\n            else if (this.variant === \"toggle\") {\n                e.preventDefault();\n                this.checked = !this.checked;\n                this.icToggleChecked.emit({\n                    checked: this.checked,\n                });\n            }\n            this.handleMenuItemClick.emit(this.el);\n        };\n        this.getMenuItemAriaLabel = () => {\n            let ariaLabel = this.label;\n            if (isPropDefined(this.description)) {\n                ariaLabel = `${ariaLabel}, ${this.description}`;\n            }\n            if (isPropDefined(this.keyboardShortcutLabel)) {\n                ariaLabel = `${ariaLabel}, ${this.keyboardShortcutLabel}`;\n            }\n            if (this.variant === \"destructive\") {\n                ariaLabel = `${ariaLabel}, destructive`;\n            }\n            if (isPropDefined(this.submenuTriggerFor)) {\n                ariaLabel = `${ariaLabel}, triggers submenu`;\n            }\n            if (this.el.classList.contains(\"ic-popover-submenu-back-button\")) {\n                ariaLabel = \"Go back to parent menu\";\n            }\n            const parentEl = this.el.parentElement;\n            if (parentEl &&\n                parentEl.tagName === \"IC-MENU-GROUP\" &&\n                parentEl.label) {\n                return `${ariaLabel}, ${parentEl.label} menu group`;\n            }\n            else {\n                return ariaLabel;\n            }\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        // This ensures that trigger menu items are always set to the default variant\n        if (isPropDefined(this.submenuTriggerFor) && this.variant !== \"default\") {\n            this.variant = \"default\";\n        }\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Menu Item\");\n    }\n    handleHostClick(e) {\n        if (this.disabled) {\n            e.stopImmediatePropagation();\n        }\n    }\n    render() {\n        // A sub-component to layout the menu information correctly in ic-button\n        const MenuItemInformation = () => {\n            return (h(\"div\", { class: \"menu-item-info\" }, h(\"div\", { class: \"menu-labels\" }, h(\"ic-typography\", { class: \"menu-item-label\" }, this.label), this.keyboardShortcutLabel && (h(\"ic-typography\", { variant: \"caption\", class: \"shortcut\" }, this.keyboardShortcutLabel))), this.description && (h(\"ic-typography\", { class: \"menu-item-description\", variant: \"caption\" }, this.description))));\n        };\n        return (h(Host, { class: {\n                [\"ic-menu-item-disabled\"]: !!this.disabled,\n            } }, h(\"li\", { role: this.variant === \"toggle\" ? \"menuitemcheckbox\" : \"menuitem\", \"aria-disabled\": `${this.disabled}`, \"aria-checked\": this.variant === \"toggle\"\n                ? this.checked\n                    ? \"true\"\n                    : \"false\"\n                : undefined }, h(\"ic-button\", { fullWidth: true, variant: \"tertiary\", onClick: this.handleClick, href: isPropDefined(this.href), hreflang: isPropDefined(this.hreflang), target: isPropDefined(this.target), rel: isPropDefined(this.rel), referrerpolicy: this.referrerpolicy, \"aria-disabled\": `${this.disabled}`, \"aria-label\": this.getMenuItemAriaLabel(), \"aria-haspopup\": isPropDefined(this.submenuTriggerFor) ||\n                this.el.classList.contains(\"ic-popover-submenu-back-button\")\n                ? \"menu\"\n                : false }, h(\"div\", { class: \"focus-border\" }, isSlotUsed(this.el, \"icon\") && (h(\"span\", { class: \"icon\" }, h(\"slot\", { name: \"icon\" }))), h(MenuItemInformation, null), this.variant === \"toggle\" && (h(\"span\", { class: {\n                [\"check-icon\"]: true,\n                [\"hide\"]: !this.checked,\n            }, \"aria-hidden\": \"true\", innerHTML: Check })), isPropDefined(this.submenuTriggerFor) && (h(\"span\", { class: { [\"submenu-icon\"]: true }, \"aria-hidden\": \"true\", innerHTML: Chevron })))))));\n    }\n    static get is() { return \"ic-menu-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu-item.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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 menu item will be in a checked state. This is only applicable when variant is set to `toggle`.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"checked\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"description\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The description displayed in the menu item, below the label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"description\",\n                \"reflect\": false\n            },\n            \"disabled\": {\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 menu item will be in disabled state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the link points to. This will render the menu item as an \\\"a\\\" tag.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"hreflang\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The human language of the linked URL.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hreflang\",\n                \"reflect\": false\n            },\n            \"keyboardShortcutLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label describing the keyboard shortcut for a menu item's action.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"keyboard-shortcut-label\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to display in the menu item.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"referrerpolicy\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ReferrerPolicy\",\n                    \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\" | undefined\",\n                    \"references\": {\n                        \"ReferrerPolicy\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::ReferrerPolicy\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How much of the referrer to send when following the link.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"referrerpolicy\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The relationship of the linked URL as space-separated link types.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"submenuTriggerFor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This references the popover menu instance that the menu item is a trigger for. If this prop is set, then the variant will always be default.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"submenu-trigger-for\",\n                \"reflect\": false\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcMenuItemVariants\",\n                    \"resolved\": \"\\\"default\\\" | \\\"destructive\\\" | \\\"toggle\\\" | undefined\",\n                    \"references\": {\n                        \"IcMenuItemVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu-item.types\",\n                            \"id\": \"src/components/ic-menu-item/ic-menu-item.types.ts::IcMenuItemVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the menu item.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"childBlur\",\n                \"name\": \"childBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when item loses focus.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"handleMenuItemClick\",\n                \"name\": \"handleMenuItemClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the user clicks a menu item.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcMenuItemElement\",\n                    \"resolved\": \"HTMLIcMenuItemElement\",\n                    \"references\": {\n                        \"HTMLIcMenuItemElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcMenuItemElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icToggleChecked\",\n                \"name\": \"icToggleChecked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the user clicks a menu item that is set to the toggle variant.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{\\n    checked: boolean;\\n  }\",\n                    \"resolved\": \"{ checked: boolean; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"triggerPopoverMenuInstance\",\n                \"name\": \"triggerPopoverMenuInstance\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the user clicks a menu item that triggers a popover menu instance.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"handleHostClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-menu-item.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{h as t,r as e,c as i,H as s,g as a}from"./p-00135a74.js";import{d as n,g as r,a as h,y as o,b as c,c as d,e as l,f as u,h as b}from"./p-33dd24eb.js";import{s as f,k as p,l as m,m as y,r as w,o as k,n as g}from"./p-afde50b8.js";const v=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>\n</svg>\n`;const x=({focussed:e,today:i,day:s,monthInView:a,onFocusDay:n,onBlurDay:r,onSelectDay:h,selected:o,focussedDayRef:c,inRange:d,showDaysOutsideMonth:l,disableDay:u})=>{const b=()=>{h(s)};const y=()=>{n()};const w=()=>{r()};const k=f(p);const g=f(m);const v=!d||u;const x=a!==s.getMonth();const D=v||x&&!l;return t("div",{class:"day-button-container"},t("button",{class:{"day-button":true,"outside-month":x,"outside-range":v,hidden:x&&!l,disabled:D,today:i,selected:o,focussed:e},tabIndex:e?0:-1,"aria-hidden":x?"true":"false","aria-disabled":D?"true":"false","aria-current":i?"date":undefined,"aria-label":D||x||v?undefined:`Choose ${k[s.getDay()]}, ${s.getDate()} ${g[s.getMonth()]} ${s.getFullYear()}`,disabled:D,onClick:b,onBlur:w,onFocus:y,ref:t=>{if(e&&t&&c){c(t)}}},(!x||x&&l)&&t("ic-typography",{variant:"subtitle-small",italic:x},s.getDate())))};const D=({size:e,focussedMonth:i,monthInView:s,onSelectMonth:a,onKeyDown:o,focussedMonthRef:c,minDate:d,maxDate:l,yearInView:u})=>{const b=t=>{const e=t.target;a(Number(e.getAttribute("data-month")))};const p=f(m);return t("div",{class:{"month-picker":true},role:"list"},p.map(((a,f)=>{const p=s===f;const m=i===f;const y=!n(new Date(u,f,1),d?h(d):null,l?r(l):null);return t("ic-button",{role:"listitem",class:{"month-button":true,selected:p,focussed:m,disabled:y},"full-width":true,disabled:y,variant:p?"primary":"tertiary","data-month":f,size:e,tabIndex:m?0:-1,"aria-current":p?"true":"false","aria-label":p?"":`select ${a}`,onClick:b,onKeyDown:o,ref:t=>{if(m&&t){c(t)}}},a)})))};const z=({decadeView:e,size:i,focussedYear:s,yearInView:a,onSelectYear:n,onFocusYear:r,onBlurYear:h,onKeyDown:c,minDate:d,maxDate:l,focussedYearRef:u})=>{const b=t=>{const e=t.target;n(Number(e.getAttribute("data-year")))};const f=()=>{r()};const p=()=>{h()};const m=t=>{t.preventDefault()};const y=e[0];const w=e[11];const k=e.slice(1,11);return t("div",{class:"year-picker",role:"list"},t("div",{class:"prev-decade","aria-hidden":"true"},t("ic-button",{id:"prev-decade-button",class:{"year-button":true},disabled:!o(y,d,l),"data-year":y,tabIndex:-1,variant:"tertiary",onClick:b,onMouseDown:m,"aria-hidden":"true",size:i},`${y-9}s`,t("svg",{slot:"left-icon",width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M11.3333 5.33341H3.21996L6.94663 1.60675L5.99996 0.666748L0.666626 6.00008L5.99996 11.3334L6.93996 10.3934L3.21996 6.66675H11.3333V5.33341Z",fill:"currentColor"})))),k.map((e=>{const n=a===e;const r=s===e;return t("ic-button",{class:{"year-button":true,selected:n,focussed:r},disabled:!o(e,d,l),"data-year":e,tabIndex:r?0:-1,variant:n?"primary":"tertiary",onClick:b,"aria-label":n?"":`select ${e}`,role:"listitem","aria-current":n?"true":"false",onKeyDown:c,onFocus:f,onBlur:p,size:i,ref:t=>{if(r&&t){u(t)}}},e)})),t("div",{class:"next-decade","aria-hidden":"true"},t("ic-button",{id:"next-decade-button",class:{"year-button":true,flip:true},disabled:!o(w,d,l),"data-year":w,tabIndex:-1,variant:"tertiary",onClick:b,onMouseDown:m,"aria-hidden":"true",size:i},`${w}s`,t("svg",{slot:"right-icon",width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M11.3333 5.33341H3.21996L6.94663 1.60675L5.99996 0.666748L0.666626 6.00008L5.99996 11.3334L6.93996 10.3934L3.21996 6.66675H11.3333V5.33341Z",fill:"currentColor"})))))};const H='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;--month-year-picker-button-width:5rem;--month-button-width:5.5rem;--input-field-width:var(--input-width, 19.125rem);--ic-input-label-helpertext-padding:var(--ic-space-xxs)}:host(.ic-date-picker-large){--month-button-width:6.3125rem;--input-field-width:var(--input-width, 21.125rem)}:host(.ic-date-picker-small){--month-button-width:6.25rem;--input-field-width:var(--input-width, 17.125rem)}:host .date-input-container{position:relative}ic-date-input{--input-width:var(--input-field-width)}:host .calendar-container{min-width:19rem;max-width:23.5rem;width:var(--input-width);display:flex;flex-direction:column;gap:var(--ic-space-xs);position:absolute;border:var(--ic-border-default);border-color:var(--ic-date-picker-calendar-border);border-radius:var(--ic-border-radius);align-items:center;background-color:var(--ic-date-picker-calendar-bg);z-index:var(--ic-z-index-date-picker);box-sizing:border-box;box-shadow:var(--ic-date-picker-calendar-elevation);margin-top:var(--ic-space-xxxs);padding:var(--ic-space-xs);animation:fade-in-calendar var(--ic-transition-duration-slow)}:host(.ic-date-picker-small) .calendar-container{min-width:17rem;max-width:21.5rem}:host(.ic-date-picker-large) .calendar-container{min-width:21rem;max-width:25.5rem}:host .calendar-container.above{bottom:calc(var(--ic-space-xxl) - var(--ic-space-xxs))}:host .month-year-nav-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch}:host .month-year-nav-container.hidden{display:none}:host .month-year-nav{display:flex;justify-content:space-between;align-items:center;flex:1 0 0}:host .month-picker,:host .year-picker{flex-wrap:wrap;display:inline-flex;align-items:center;width:17.5rem;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs);row-gap:var(--ic-space-xxs)}:host(.ic-date-picker-small) .month-picker,:host(.ic-date-picker-small) .year-picker{width:13.125rem}:host(.ic-date-picker-large) .month-picker,:host(.ic-date-picker-large) .year-picker{width:20rem}:host .month-picker-button,:host .year-picker-button{width:5rem;--min-width:5rem}:host .month-button,:host .year-button{width:var(--month-button-width)}:host .month-button.focussed,:host .year-button.focussed{z-index:1}:host .month-button::part(button),:host .year-button::part(button){min-width:var(--month-button-width)}:host .prev-decade .year-button svg{margin-right:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}:host .prev-decade .year-button::part(button){padding-left:0;padding-right:var(--ic-space-lg)}:host(.ic-date-picker-small) .prev-decade .year-button::part(button){padding-left:0;padding-right:calc(var(--ic-space-lg) + var(--ic-space-xxs))}:host .next-decade .year-button svg{margin-left:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}:host .next-decade .year-button::part(button){padding-right:0;padding-left:var(--ic-space-lg)}:host(.ic-date-picker-small) .next-decade .year-button::part(button),:host(.ic-date-picker-large) .next-decade .year-button::part(button){padding-left:var(--ic-space-xl)}:host .bottom-buttons{padding-top:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center;align-self:stretch;animation:fade-in-buttons var(--ic-transition-duration-slow)}:host(.ic-date-picker-small) .bottom-buttons{padding-top:var(--ic-space-xxs)}:host .bottom-buttons.no-today{align-items:flex-end;flex-direction:column}:host .bottom-buttons.hidden{display:none}:host .calendar{display:flex;flex-direction:column;align-items:flex-start;width:15.75rem;animation:fade-in-buttons var(--ic-transition-duration-slow)}:host(.ic-date-picker-large) .calendar{width:19.25rem}:host(.ic-date-picker-small) .calendar{padding-bottom:var(--ic-space-xxs);width:14rem}:host .hidden{display:none}:host .weekdays{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--ic-space-xs);align-self:stretch}:host .calendar-days-container{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--ic-space-xs);padding:var(--ic-space-xxs) 0}:host(.ic-date-picker-small) .calendar-days-container{padding:var(--ic-space-xxxs) 0}:host(.ic-date-picker-large) .calendar-days-container{padding:var(--ic-space-xs) 0}:host .calendar-day-header{display:flex;width:2rem;padding:var(--ic-space-xxs) 0;justify-content:center;align-items:center}:host(.ic-date-picker-small) .calendar-day-header,:host(.ic-date-picker-large) .calendar-day-header{padding:var(--ic-space-xxs)}:host .calendar-day-header ic-typography{--ic-typography-color:var(--ic-date-picker-calendar-label);text-align:center}:host .day-button-container{display:flex;justify-content:center;align-items:center;width:2.25rem;height:2.25rem}:host(.ic-date-picker-small) .day-button-container{width:2rem;height:2rem}:host(.ic-date-picker-large) .day-button-container{width:2.5rem;height:2.5rem}:host .day-button{display:flex;position:relative;justify-content:center;align-items:center;border:0;border-radius:2rem;background-color:var(--ic-date-picker-calendar-bg);width:2rem;height:2rem;cursor:pointer;transition:var(--ic-easing-transition-fast);z-index:0}:host .day-button.disabled{cursor:default}:host(.ic-date-picker-large) .day-button{width:2.25rem;height:2.25rem}:host(.ic-date-picker-small) .day-button{width:1.75rem;height:1.75rem}:host .day-button ic-typography{width:1.75rem;--ic-typography-color:var(--ic-date-picker-date-label-default)}:host .day-button.outside-range ic-typography{--ic-typography-color:var(--ic-date-picker-date-label-disabled)}:host .day-button.outside-month ic-typography{font-weight:var(--ic-font-weight-regular) !important}:host .day-button.outside-month:not(.outside-range):not(.selected) ic-typography{--ic-typography-color:var(--ic-date-picker-date-label-default)}:host .day-button:hover:not(.disabled){background-color:var(--ic-date-picker-date-default-bg-hover)}:host .day-button:active:not(.disabled){background-color:var(--ic-date-picker-date-default-bg-pressed)}@media (prefers-reduced-motion: no-preference){:host .day-button:hover:not(.disabled):not(.focussed),:host .day-button:active:not(.disabled):not(.focussed){transition:background-color var(--ic-transition-duration-slow) ease-in-out}}:host .day-button.selected:not(.hidden){background-color:var(--ic-date-picker-date-active-bg-default)}:host .day-button.selected ic-typography{--ic-typography-color:var(--ic-date-picker-date-label-selected)}:host .day-button.selected:not(.hidden):hover{background-color:var(--ic-date-picker-date-active-bg-hover)}:host .day-button.selected:not(.hidden):active{background-color:var(--ic-date-picker-date-active-bg-pressed)}:host .day-button.focussed{z-index:1}:host .day-button:focus{outline:none}:host .day-button.focussed:focus{box-shadow:var(--ic-border-focus)}:host .day-button.today:not(.hidden)::after{content:"";position:absolute;width:0.875rem;height:0.125rem;bottom:0.4rem;border-radius:var(--ic-border-radius);background-color:var(--ic-date-picker-default-underline)}:host(.ic-date-picker-small) .day-button.today::after{bottom:0.35rem}:host(.ic-date-picker-large) .day-button.today::after{width:1rem}:host .day-button.today.selected::after{background-color:var(--ic-date-picker-selected-underline)}:host #select-month-hint,:host #select-year-hint{display:none}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){:host .calendar-container,:host .calendar,:host .bottom-buttons{animation:none}}@keyframes fade-in-buttons{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes fade-in-calendar{0%{display:flex;max-height:0}100%{display:flex;max-height:600px}}@media (forced-colors: active){:host .day-button.today:not(.hidden)::after{background-color:highlight}:host .day-button.selected:not(.hidden){background-color:highlight}:host .day-button.focussed:focus{border:var(--ic-border-hc)}:host .month-button.selected::part(button),:host .year-button.selected::part(button){background-color:highlight}}';const M=H;const P="DD/MM/YYYY";const V="Dates in the future are not allowed. Please select a date in the past.";const L="Dates in the past are not allowed. Please select a date in the future.";const T="The date you have selected is on a day of the week that is not allowed. Please select another date.";const I=100;const C=360;const Y=400;const $=440;const A=class{constructor(s){e(this,s);this.icChange=i(this,"icChange",7);this.clearButtonEl=null;this.daysOfWeek=[];this.dayButtonFocussed=false;this.dayPickerKeyboardNav=false;this.dialogDescription="";this.focusDay=true;this.liveRegionEl=null;this.monthNames=[];this.monthInViewUpdateHandled=false;this.myCalendarButtonClicked=false;this.showPickerAbove=false;this.today=new Date;this.todayButtonEl=null;this.yearButtonFocussed=false;this.calendarOpen=false;this.currMonthView=[];this.currYearPickerView=[];this.decadeView=[];this.focussedDate=null;this.maxDate=null;this.minDate=null;this.monthPickerVisible=false;this.orderedDaysOfWeek=[];this.selectedDate=null;this.yearPickerVisible=false;this.dateFormat="DD/MM/YYYY";this.disabled=false;this.disableDays=[];this.disableDaysMessage="The date you have selected is on a day of the week that is not allowed. Please select another date.";this.disableFuture=false;this.disableFutureMessage="Dates in the future are not allowed. Please select a date in the past.";this.disablePast=false;this.disablePastMessage="Dates in the past are not allowed. Please select a date in the future.";this.hideHelperText=false;this.hideLabel=false;this.invalidDateMessage="Please enter a valid date.";this.max="";this.min="";this.openAtDate="";this.required=false;this.showDaysOutsideMonth=true;this.showPickerClearButton=true;this.showPickerTodayButton=true;this.size="medium";this.startOfWeek=y.Monday;this.theme="inherit";this.validationStatus="";this.validationText="";this.value="";this.setDecadeView=t=>{let e=t-1;const i=[];while(e<=t+10){i.push(e);e++}this.decadeView=i;this.decadeStart=i[1];this.decadeEnd=i[10]};this.setSelectedDate=(t,e=true)=>{if(t===null||!c(t,this.selectedDate)){this.selectedDate=t;this.value=t;if(e){this.inputEl.triggerIcChange(t)}}};this.handleCalendarMouseDown=t=>{const e=t.target;if(e.tagName!=="IC-BUTTON"){t.preventDefault()}};this.handleCalendarClick=t=>{this.clearDialogDescription();t.stopImmediatePropagation()};this.handleDocumentClick=()=>{this.calendarOpen=false};this.keyDownHandler=t=>{if(t.key==="Escape"){if(this.calendarOpen){this.closeButtonClickHandler();this.inputEl.setCalendarFocus();t.stopImmediatePropagation()}}else{this.clearDialogDescription();t.stopImmediatePropagation()}};this.closeButtonClickHandler=()=>{this.calendarOpen=false};this.focusFirstElement=()=>{this.monthButtonEl.setFocus()};this.focusLastElement=()=>{if(this.showPickerClearButton&&!this.clearButtonEl.disabled){this.clearButtonEl.setFocus()}else if(this.showPickerTodayButton&&!this.todayButtonEl.disabled){this.todayButtonEl.setFocus()}else if(this.monthPickerVisible){this.focussedMonthEl.setFocus()}else if(this.yearPickerVisible){this.focussedYearEl.setFocus()}else{this.focussedDayEl.focus()}};this.focusFocussedDay=()=>{this.focussedDayEl.focus()};this.monthButtonClickHandler=()=>{this.yearPickerVisible=false;this.focusDay=false;this.monthPickerVisible=!this.monthPickerVisible;if(this.monthPickerVisible){this.setAriaLiveRegionText("Month picker view open")}else{this.setMonthSelectedLiveRegionText()}};this.yearButtonClickHandler=()=>{this.monthPickerVisible=false;this.focusDay=false;this.yearPickerVisible=!this.yearPickerVisible;if(this.yearPickerVisible){this.setAriaLiveRegionText(`Year picker view open. ${this.getDecadeInViewText()}`)}else{this.setYearSelectedLiveRegionText()}};this.todayButtonClickHandler=()=>{this.yearPickerVisible=false;this.monthPickerVisible=false;this.setFocussedDate(new Date);this.setAriaLiveRegionText(this.getMonthInViewText());setTimeout((()=>this.focusFocussedDay()),I)};this.todayButtonKeyDownHandler=t=>{if(t.key==="Tab"&&!t.shiftKey&&this.clearButtonEl.disabled){this.focusFirstElement();t.preventDefault()}};this.clearButtonClickHandler=()=>{this.setSelectedDate(null);let t="Selected date cleared.";if(!this.monthPickerVisible&&!this.yearPickerVisible){t+=` ${this.getMonthInViewText()}`}if(this.monthPickerVisible){this.focussedMonthEl.setFocus()}else if(this.yearPickerVisible){this.focussedYearEl.setFocus()}else{this.focusFocussedDay()}this.setAriaLiveRegionText(t)};this.setMonthSelectedLiveRegionText=()=>{this.setAriaLiveRegionText(`${this.monthNames[this.monthInView]} selected. ${this.getMonthInViewText()}`)};this.setYearSelectedLiveRegionText=()=>{this.setAriaLiveRegionText(`${this.yearInView} selected. ${this.getMonthInViewText()}`)};this.getMonthInViewText=()=>`${this.monthNames[this.monthInView]} ${this.yearInView} currently in view.`;this.getDecadeInViewText=()=>`${this.decadeStart} to ${this.decadeEnd} currently in view.`;this.setAriaLiveRegionText=t=>{this.liveRegionEl&&(this.liveRegionEl.innerText=t)};this.clearDialogDescription=()=>{this.dialogDescription=""};this.clearButtonKeyDownHandler=t=>{if(t.key==="Tab"&&!t.shiftKey){this.focusFirstElement();t.preventDefault()}};this.goToPreviousMonth=(t=false)=>{this.focusDay=t;this.moveMonths(-1)};this.goToNextMonth=(t=false)=>{this.focusDay=t;this.moveMonths(1)};this.goToPreviousYear=(t=false)=>{if(this.isPrevYearAllowed()){this.focusDay=t;this.moveYears(-1)}};this.goToNextYear=(t=false)=>{if(this.isNextYearAllowed()){this.focusDay=t;this.moveYears(1)}};this.navButtonMouseDownHandler=t=>{t.preventDefault()};this.renderMonthYearNavButton=(e,i,s)=>{const a=this.size;return t("div",{"aria-hidden":"true"},t("ic-button",{id:e,disableTooltip:true,disabled:s,onClick:this.monthYearNavClickHandler,class:{flip:i},variant:"icon-tertiary",innerHTML:v,size:a,tabIndex:-1,"aria-hidden":"true",onMouseDown:this.navButtonMouseDownHandler}))};this.monthYearNavClickHandler=t=>{const e=t.target;switch(e.id){case"previous-month-button":this.goToPreviousMonth(this.dayButtonFocussed);break;case"next-month-button":this.goToNextMonth(this.dayButtonFocussed);break;case"previous-year-button":this.goToPreviousYear(this.dayButtonFocussed);break;case"next-year-button":this.goToNextYear(this.dayButtonFocussed);break}};this.previousMonthButton=()=>{let t=false;if(this.focussedDate!==null&&this.minDate!==null){const e=this.focussedDate.getFullYear()===this.minDate.getFullYear();if(e){t=this.monthInView-1<this.minDate.getMonth()}}return this.renderMonthYearNavButton("previous-month-button",true,t)};this.nextMonthButton=()=>{let t=false;if(this.focussedDate!==null&&this.maxDate!==null){const e=this.focussedDate.getFullYear()===this.maxDate.getFullYear();if(e){t=this.monthInView+1>this.maxDate.getMonth()}}return this.renderMonthYearNavButton("next-month-button",false,t)};this.previousYearButton=()=>this.renderMonthYearNavButton("previous-year-button",true,!this.isPrevYearAllowed());this.nextYearButton=()=>this.renderMonthYearNavButton("next-year-button",false,!this.isNextYearAllowed());this.isPrevYearAllowed=()=>this.isYearAllowed(this.yearInView-1);this.isNextYearAllowed=()=>this.isYearAllowed(this.yearInView+1);this.isYearAllowed=t=>o(t,this.minDate,this.maxDate);this.getMonthView=t=>{const e=d(h(t),this.startOfWeek);const i=l(r(t),this.startOfWeek);const s=[];let a=e;while(!c(a,i)){s.push(a);a=new Date(a);a.setDate(a.getDate()+1)}s.push(a);return s};this.isCurrentMonth=()=>{const t=new Date;return t.getFullYear()===this.yearInView&&t.getMonth()===this.monthInView};this.updateMonthInView=()=>{this.currMonthView=this.getMonthView(this.focussedDate);this.focussedDay=this.focussedDate.getDate();this.monthInView=this.focussedDate.getMonth();this.yearInView=this.focussedDate.getFullYear();if(this.dayPickerKeyboardNav){this.monthInViewUpdateHandled=true;this.setAriaLiveRegionText(this.getMonthInViewText());this.dayPickerKeyboardNav=false}};this.handleSelectDay=t=>{this.setSelectedDate(t);this.calendarOpen=false;this.inputEl.setCalendarFocus()};this.handleSelectMonth=t=>{this.moveMonths(t-this.monthInView);setTimeout((()=>{this.monthButtonEl.setFocus();this.monthPickerVisible=false;this.setMonthSelectedLiveRegionText()}),I)};this.handleSelectYear=t=>{const e=this.decadeView.indexOf(t);if(e>0&&e<this.decadeView.length-1){this.moveYears(t-this.yearInView);this.focusDay=false;const e=this.monthNames[this.monthInView];this.setAriaLiveRegionText(`${t} selected. ${e} ${t} currently in view.`);setTimeout((()=>{this.yearButtonEl.setFocus();this.yearPickerVisible=false}),I)}else{const e=t-this.focussedYear>0?10:-10;this.updateFocussedYear(e,this.yearButtonFocussed);this.setAriaLiveRegionText(this.getDecadeInViewText())}};this.monthPickerKeyDownHandler=t=>{let e=true;switch(t.key){case"ArrowUp":case"ArrowLeft":this.updateFocussedMonth(-1);break;case"ArrowDown":case"ArrowRight":this.updateFocussedMonth(1);break;case"Home":this.updateFocussedMonth(-this.focussedMonth);break;case"End":this.updateFocussedMonth(11-this.focussedMonth);break;case"Tab":e=this.calendarTabHandler(t);break;case"Escape":t.stopImmediatePropagation();this.monthPickerVisible=false;setTimeout((()=>this.focusFocussedDay()),I);break;default:e=false}if(e){t.preventDefault()}};this.yearPickerKeyDownHandler=t=>{let e=true;switch(t.key){case"ArrowUp":case"ArrowLeft":this.updateFocussedYear(-1);break;case"ArrowDown":case"ArrowRight":this.updateFocussedYear(1);break;case"Home":if(this.focussedYear>this.decadeStart){this.updateFocussedYear(this.decadeStart-this.focussedYear)}break;case"End":if(this.focussedYear<this.decadeEnd){this.updateFocussedYear(this.decadeEnd-this.focussedYear)}break;case"PageUp":this.updateFocussedYear(-10);break;case"PageDown":this.updateFocussedYear(10);break;case"Tab":e=this.calendarTabHandler(t);break;case"Escape":t.stopImmediatePropagation();this.yearPickerVisible=false;setTimeout((()=>this.focusFocussedDay()),I);break;default:e=false}if(e){t.preventDefault()}};this.onYearButtonFocusHandler=()=>{this.yearButtonFocussed=true};this.onYearButtonBlurHandler=()=>{this.yearButtonFocussed=false};this.monthButtonKeyDownHandler=t=>{let e=false;switch(t.key){case"ArrowLeft":case"ArrowUp":e=true;this.goToPreviousMonth();break;case"ArrowRight":case"ArrowDown":e=true;this.goToNextMonth();break;case"Home":e=true;this.focusDay=false;this.moveMonths(-this.monthInView);break;case"End":e=true;this.focusDay=false;this.moveMonths(11-this.monthInView);break;case"Tab":if(t.shiftKey){e=true;this.focusLastElement()}break;case"Escape":if(this.monthPickerVisible){this.monthPickerVisible=false;t.stopImmediatePropagation()}break}if(e){t.preventDefault()}};this.yearButtonKeyDownHandler=t=>{let e=false;switch(t.key){case"ArrowLeft":case"ArrowUp":e=true;this.goToPreviousYear();break;case"ArrowRight":case"ArrowDown":e=true;this.goToNextYear();break;case"Home":if(this.yearPickerVisible&&this.yearInView>this.decadeStart){e=true;this.moveYears(this.decadeStart-this.yearInView)}break;case"End":if(this.yearPickerVisible&&this.yearInView<this.decadeEnd){e=true;this.moveYears(this.decadeEnd-this.focussedYear)}break;case"PageUp":e=true;this.focusDay=false;this.moveYears(-10);break;case"PageDown":e=true;this.focusDay=false;this.moveYears(10);break;case"Escape":if(this.yearPickerVisible){this.yearPickerVisible=false;t.stopImmediatePropagation()}break}if(e){t.preventDefault()}};this.handleCalendarKeyDown=t=>{let e=true;switch(t.key){case"ArrowDown":this.dayPickerKeyboardNav=true;this.moveDays(7);break;case"ArrowUp":this.dayPickerKeyboardNav=true;this.moveDays(-7);break;case"ArrowLeft":this.dayPickerKeyboardNav=true;this.moveDays(-1*this.getNextDayToFocus(this.focussedDate,false));break;case"ArrowRight":this.dayPickerKeyboardNav=true;this.moveDays(this.getNextDayToFocus(this.focussedDate,true));break;case"PageUp":this.dayPickerKeyboardNav=true;t.shiftKey?this.moveYears(-1):this.moveMonths(-1);break;case"PageDown":this.dayPickerKeyboardNav=true;t.shiftKey?this.moveYears(1):this.moveMonths(1);break;case"Home":this.dayPickerKeyboardNav=true;this.setFocussedDate(new Date(this.focussedYear,this.focussedMonth,1));break;case"End":this.dayPickerKeyboardNav=true;this.setFocussedDate(new Date(this.focussedYear,this.focussedMonth+1,0));break;case"Tab":e=this.calendarTabHandler(t);break;default:e=false;break}if(e){t.preventDefault()}};this.calendarTabHandler=t=>{let e=false;if(!t.shiftKey&&(!this.showPickerTodayButton||this.isCurrentMonth())&&(!this.showPickerClearButton||this.clearButtonEl.disabled)){this.focusFirstElement();e=true}else if(t.shiftKey){this.yearButtonEl.setFocus();e=true}return e};this.onDayButtonFocusHandler=()=>{this.dayButtonFocussed=true};this.onDayButtonBlurHandler=()=>{this.dayButtonFocussed=false};this.getNextDayToFocus=(t,e,i=1)=>{const s=e?1:-1;const a=new Date(t);a.setDate(a.getDate()+s);const n=Number(a.getDay());if(this.disableDays.includes(n)){return this.getNextDayToFocus(a,e,i+1)}else{return i}};this.moveDays=t=>{const e=new Date(this.focussedDate);e.setDate(e.getDate()+t);this.setFocussedDate(e)};this.moveMonths=t=>{const e=this.focussedDate.getMonth()+t;const i=new Date(new Date(h(this.focussedDate)).setMonth(e));const s=r(i);const a=new Date(new Date(this.focussedDate).setMonth(e));this.setFocussedDate(u(a,i,s));if(this.monthPickerVisible===false&&this.yearPickerVisible===false&&this.monthInViewUpdateHandled===false){this.setAriaLiveRegionText(this.getMonthInViewText())}this.monthInViewUpdateHandled=false};this.moveYears=t=>{const e=this.focussedDate.getFullYear()+t;const i=new Date(new Date(h(this.focussedDate)).setFullYear(e));const s=r(i);const a=new Date(new Date(this.focussedDate).setFullYear(e));this.setFocussedDate(u(a,i,s));if(this.monthPickerVisible===false&&this.yearPickerVisible===false&&this.monthInViewUpdateHandled===false){this.setAriaLiveRegionText(this.getMonthInViewText())}this.monthInViewUpdateHandled=false};this.updateFocussedMonth=t=>{const e=new Date(this.focussedYear,this.focussedMonth,1);e.setMonth(this.focussedMonth+t);const i=u(e,this.minDate,this.maxDate);this.focussedMonth=i.getMonth();setTimeout((()=>this.focussedMonthEl.setFocus()),I)};this.updateFocussedYear=(t,e=true)=>{const i=new Date((new Date).setFullYear(this.focussedYear+t));const s=u(i,this.minDate,this.maxDate);this.setFocussedYear(s.getFullYear(),e)};this.setFocussedDate=t=>{this.focussedDate=u(t,this.minDate,this.maxDate)};this.setFocussedDayEl=t=>{this.focussedDayEl=t};this.setFocussedMonthEl=t=>{this.focussedMonthEl=t};this.setFocussedYearEl=t=>{this.focussedYearEl=t};this.setFocussedYear=(t,e=true)=>{const i=this.focussedYear;this.focussedYear=t;if(this.yearPickerVisible){const s=Math.floor(t/10)*10;const a=Math.floor(i/10)*10;if(s!==a){this.setDecadeView(s);this.setAriaLiveRegionText(this.getDecadeInViewText())}if(e){setTimeout((()=>{if(this.focussedYearEl!==null)this.focussedYearEl.setFocus()}),I)}}else{this.setDecadeView(Math.floor(t/10)*10)}};this.setDateInputProps=()=>{const t={hideLabel:this.hideLabel,invalidDateMessage:this.invalidDateMessage,label:this.label,showClearButton:true,showCalendarButton:true,value:this.value};if(this.dateFormat!==P){t.dateFormat=this.dateFormat}if(this.disableFuture){t.disableFuture=this.disableFuture;if(this.disableFutureMessage!==V){t.disableFutureMessage=this.disableFutureMessage}}if(this.disablePast){t.disablePast=this.disablePast;if(this.disablePastMessage!==L){t.disablePastMessage=this.disablePastMessage}}if(this.disableDays.length>0){t.disableDays=this.disableDays;if(this.disableDaysMessage!==T){t.disableDaysMessage=this.disableDaysMessage}}if(this.max!==null&&this.max!==""){t.max=this.maxDate}if(this.min!==null&&this.min!==""){t.min=this.minDate}if(this.helperText!==undefined){t.helperText=this.helperText}if(this.hideHelperText!==false){t.hideHelperText=this.hideHelperText}if(this.inputId!==undefined){t.inputId=this.inputId}if(this.name!==undefined){t.name=this.name}if(this.disabled){t.disabled=this.disabled}if(this.required){t.required=this.required}if(this.size!=="medium"){t.size=this.size}if(this.validationStatus!==""){t.validationStatus=this.validationStatus}if(this.validationText!==""){t.validationText=this.validationText}return t}}watchDisabledHandler(){w(this.disabled,this.el)}watchDisableFutureHandler(){this.watchMaxHandler()}watchDisablePastHandler(){this.watchMinHandler()}watchMaxHandler(){if(this.disableFuture){this.maxDate=new Date}else{this.maxDate=b(this.max,this.dateFormat)}}watchMinHandler(){if(this.disablePast){this.minDate=new Date}else{this.minDate=b(this.min,this.dateFormat)}}watchStartOfWeekHandler(){this.orderedDaysOfWeek=this.daysOfWeek.slice(this.startOfWeek).concat(this.daysOfWeek.slice(0,this.startOfWeek));if(this.calendarOpen){this.updateMonthInView()}}watchOpenHandler(){if(this.calendarOpen){if(this.inputEl){let t=Y;if(this.size==="small"){t=C}else if(this.size==="large"){t=$}if(this.el.offsetTop+this.inputEl.offsetHeight+t>window.innerHeight&&this.el.offsetTop>t){this.showPickerAbove=true}else{this.showPickerAbove=false}}if(this.selectedDate===null||!n(this.selectedDate,this.minDate,this.maxDate)){let t=new Date;if(this.openAtDate!==""){t=b(this.openAtDate,this.dateFormat)}this.setFocussedDate(t)}else{this.setFocussedDate(this.selectedDate)}let t=this.getMonthInViewText();if(this.selectedDate===null){t+=" No date selected."}t+=" Use arrow keys to change day. Press enter or space to select a date or press escape to close the picker";this.dialogDescription=t;setTimeout((()=>this.focusFocussedDay()),I);document.addEventListener("click",this.handleDocumentClick)}else{document.removeEventListener("click",this.handleDocumentClick);this.monthPickerVisible=false;this.yearPickerVisible=false}}watchFocussedDateHandler(t,e){if(e===null||!(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth())){this.updateMonthInView()}}watchMonthInViewHandler(){this.focussedMonth=this.monthInView}watchYearInViewHandler(){this.setFocussedYear(this.yearInView,false)}watchYearPickerVisibleHandler(){if(!this.yearPickerVisible){this.setFocussedYear(this.yearInView)}}watchMonthPickerVisibleHandler(){if(!this.monthPickerVisible){this.focussedMonth=this.monthInView}}watchFocussedDayEl(){if(this.focusDay){setTimeout((()=>this.focusFocussedDay()),I)}this.focusDay=true}componentWillLoad(){k([{prop:this.label,propName:"label"}],"Date Picker");this.monthNames=f(m);this.daysOfWeek=f(g);this.watchStartOfWeekHandler();this.watchMaxHandler();this.watchMinHandler();w(this.disabled,this.el)}componentWillRender(){this.dateInputProps=this.setDateInputProps()}componentWillUpdate(){this.dateInputProps=this.setDateInputProps()}localCalendarButtonClickHandler(t){this.myCalendarButtonClicked=true;if(!this.calendarOpen){this.setSelectedDate(t.detail.value,false)}this.calendarOpen=!this.calendarOpen}calendarButtonClickHandler(){if(!this.myCalendarButtonClicked){this.calendarOpen=false}this.myCalendarButtonClicked=false}render(){const{calendarOpen:e,dateInputProps:i,monthNames:a,size:r,focussedMonth:h,focussedYear:o,monthInView:d,yearInView:l,monthPickerVisible:u,yearPickerVisible:b,orderedDaysOfWeek:f,decadeView:p,minDate:m,maxDate:y,showPickerClearButton:w,showPickerTodayButton:k,dialogDescription:g,theme:v}=this;let H="";if(u){H=`Use the arrow keys to change the selected month. To return to day picker view, press Enter or Space to select a month, or press Escape.`}else{H=`Press Enter or Space to open month picker view or use the arrow keys to change month.`}let M="";if(b){M=`Use the arrow keys to change the selected year. To return to day picker view, press Enter or Space to select a year, or press Escape.`}else{M=`Press Enter or Space to open year picker view or use the arrow keys to change the selected year.`}const P="choose date";const V=a&&a[d]?a[d]:"Open month picker";const L=this.yearInView?this.yearInView:"Open year picker";let T=m;if(this.disablePast){const t=new Date(m);t.setDate(m.getDate()-1);T=t}return t(s,{key:"59530924b1c1a8701fe9d568dda744acbb9f9429",onKeyDown:this.keyDownHandler,class:{[`ic-date-picker-${r}`]:true,[`ic-theme-${v}`]:v!=="inherit"}},t("div",{key:"02b510a9196a1c64ac5805bacda63070486a88a6",class:"date-input-container"},t("ic-date-input",Object.assign({key:"85985258b70c8eef02db8ec330d144aef0c07c00",ref:t=>this.inputEl=t},i))),e&&t("div",{key:"0c0de6d01a028c5c6bd0bf0e60313055ad69c4fb"},t("span",{key:"3710d052f35c166c73ae17a4bff3866ae31988d2",id:"dialog-description",class:"sr-only"},g),t("div",{key:"38cc8d6f732d6290a8a489e6b4f283ad5f8546b1",role:"dialog","aria-modal":"true","aria-label":P,"aria-describedBy":"dialog-description",class:{"calendar-container":true,above:this.showPickerAbove},onMouseDown:this.handleCalendarMouseDown,onClick:this.handleCalendarClick},t("span",{key:"de970be8432eb42903d10c751dd7f5693032433b",ref:t=>this.liveRegionEl=t,id:"live-region","aria-live":"assertive",class:"sr-only"}),t("div",{key:"1f61a0183d227713f12202a7eacc9eee8e696376",class:{"month-year-nav-container":true}},t("div",{key:"5aa91f8d46ea2fb6781880dbed605827e676f8b1",class:"month-year-nav"},this.previousMonthButton(),t("span",{key:"ad9538194a76899bd59f46ed9b115e95c44435f0",id:"select-month-hint","aria-hidden":"true"},H),t("ic-button",{key:"6d75e6cad6a70036350579d02b610233f9471149",ref:t=>this.monthButtonEl=t,size:r,class:"month-picker-button","aria-haspopup":"menu","aria-expanded":u?"true":"false","full-width":"true",variant:"tertiary","aria-label":V,"aria-describedby":"select-month-hint",onKeyDown:this.monthButtonKeyDownHandler,onClick:this.monthButtonClickHandler},a[d]),this.nextMonthButton()),t("div",{key:"122524d109dbb355bbf7aa78ba505edcad8a0614",class:"month-year-nav"},this.previousYearButton(),t("span",{key:"bd65e30ab89c47e85fbce0ab74d8252fb1a0055b",id:"select-year-hint","aria-hidden":"true"},M),t("ic-button",{key:"d7f1ba0cf97bfe1483357de887730c63f4d0b3f0",ref:t=>this.yearButtonEl=t,size:r,class:"year-picker-button","aria-haspopup":"menu","aria-expanded":b?"true":"false","full-width":"true",variant:"tertiary","aria-label":L,"aria-describedby":"select-year-hint",onKeyDown:this.yearButtonKeyDownHandler,onClick:this.yearButtonClickHandler},this.yearInView),this.nextYearButton())),!(u||b)&&t("div",{key:"cb82883365a79cd430017f7fcb761e8ba2573c32",class:{calendar:true,hidden:u||b},onKeyDown:this.handleCalendarKeyDown},t("div",{key:"7ec2ee64c0ed75bf2a7f2a6e860d56a05583bf40",class:"weekdays","aria-hidden":"true"},f.map((e=>{const i=r==="small"?e.charAt(0):e;return t("div",{class:"calendar-day-header"},t("ic-typography",{variant:"caption"},i))}))),t("div",{key:"dbc8e69226b9ed38bf51f05f44f688be5720a2ac",class:"calendar-days-container"},this.currMonthView.map((e=>t(x,{day:e,disableDay:this.disableDays.includes(Number(e.getDay())),today:c(e,this.today),selected:c(e,this.selectedDate),focussed:c(e,this.focussedDate),inRange:n(e,T,y),monthInView:d,onSelectDay:this.handleSelectDay,focussedDayRef:this.setFocussedDayEl,onFocusDay:this.onDayButtonFocusHandler,onBlurDay:this.onDayButtonBlurHandler,showDaysOutsideMonth:this.showDaysOutsideMonth}))))),t("div",{key:"ae8bc96be8bd8a97ddb952afb04a383b69b88653",class:{"month-picker-container":true,hidden:!u}},u&&t(D,{key:"f6227d14a2d4db07a8fe16cb531a573d125d715b",size:r,onSelectMonth:this.handleSelectMonth,monthInView:d,focussedMonth:h,onKeyDown:this.monthPickerKeyDownHandler,focussedMonthRef:this.setFocussedMonthEl,minDate:m,maxDate:y,yearInView:l})),t("div",{key:"5eb0c8a44ee68394f453e0f5240f0647c85fdd5f",class:{"year-picker-container":true,hidden:!b}},b&&t(z,{key:"df83d40f781654acc445af4ca93e56eb4507fe9c",decadeView:p,size:r,focussedYear:o,onSelectYear:this.handleSelectYear,onKeyDown:this.yearPickerKeyDownHandler,onFocusYear:this.onYearButtonFocusHandler,onBlurYear:this.onYearButtonBlurHandler,yearInView:l,minDate:m,maxDate:y,focussedYearRef:this.setFocussedYearEl})),t("div",{key:"ef1d29f341f868d5a35f31595cabbb2aac97fc76",class:{"bottom-buttons":true,"no-today":!k}},k&&t("ic-button",{key:"596dc8d6aa888c4a300276eb1e18f6ca4284dec6",id:"today-button",variant:"tertiary",ref:t=>this.todayButtonEl=t,size:r,"aria-label":"Navigate to current date",onClick:this.todayButtonClickHandler,onKeyDown:this.todayButtonKeyDownHandler,disabled:this.isCurrentMonth()},"Go to today"),w&&t("ic-button",{key:"8cce911a05aa3d009da3a9fe863939604bbe126a",id:"clear-button","aria-label":"clear selected date",ref:t=>this.clearButtonEl=t,variant:"tertiary",size:r,onClick:this.clearButtonClickHandler,onKeyDown:this.clearButtonKeyDownHandler,disabled:this.value===""||this.value===null||this.value===undefined},"Clear")))))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],disableFuture:["watchDisableFutureHandler"],disablePast:["watchDisablePastHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],startOfWeek:["watchStartOfWeekHandler"],calendarOpen:["watchOpenHandler"],focussedDate:["watchFocussedDateHandler"],monthInView:["watchMonthInViewHandler"],yearInView:["watchYearInViewHandler"],yearPickerVisible:["watchYearPickerVisibleHandler"],monthPickerVisible:["watchMonthPickerVisibleHandler"],focussedDayEl:["watchFocussedDayEl"]}}};A.style=M;export{A as ic_date_picker};
-//# sourceMappingURL=p-ac74cdac.entry.js.map