@ukic/canary-web-components 3.0.0-canary.22 → 3.0.0-canary.23

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

@@ -1 +0,0 @@
-{"version":3,"names":["icDataTableCss","IcDataTableStyle0","DataTable","constructor","hostRef","this","DENSITY_HEIGHT_MULTIPLIER","dense","default","spacious","DENSITY_PADDING_HEIGHT_DIFF","SORT_ICONS","unsorted","unsortedIcon","ascending","ascendingIcon","descending","descendingIcon","hasLoadedForOneSecond","resizeObserver","SHOW_HIDE_STRING","SHOW_HIDE_CSS_CLASS","TOOLTIP_STRING","TOOLTIP","TEXT_WRAP_STRING","TEXT_WRAP_CLASS","dataUpdated","columnsUpdated","rowHeightSet","initialLoad","icPageChangeEvent","itemsPerPageChange","DATA_ROW_HEIGHT_STRING","ROW_HEIGHT_CSS_VARIABLE","LINE_CLAMP_CSS_VARIABLE","DEFAULT_LINE_HEIGHT","densityUpdate","truncationPatternUpdated","isNewDebounceDelaySet","headerResizeObserver","IC_TOOLTIP_STRING","SHOW_TRUNC_TOOLTIP_STRING","CELL_DESCRIPTION_STRING","CELL_CONTAINER_WITH_DESCRIPTION_STRING","CELL_TEXT_WRAPPER_STRING","IC_TYPOGRAPHY_STRING","fromRow","scrollable","scrollOffset","selectedRows","debounceDelay","columnHeaderTruncation","disableAutoSort","density","embedded","globalRowHeight","hideColumnHeaders","loading","minimumLoadingDisplayDuration","paginationBarOptions","alignment","hideAllFromItemsPerPage","hideRangeLabel","itemLabel","itemsPerPageOptions","label","value","monochrome","pageLabel","rangeLabelType","selectedItemsPerPage","selectItemsPerPageOnEnter","setToFirstPageOnPaginationChange","showGoToPageControl","showItemsPerPageControl","type","rowSelection","showPagination","sortable","sortOptions","sortOrders","defaultColumn","stickyColumnHeaders","stickyRowHeaders","tableLayout","theme","updating","runHeaderResizeObserver","ResizeObserver","headerResizeCallback","observe","el","tableContainerWidth","_b","_a","shadowRoot","querySelector","clientWidth","prevTableContainerWidth","_c","querySelectorAll","forEach","header","tooltip","typographyEls","length","classList","remove","add","handleResize","updateCellHeightsWithDescriptions","fixCellOverflow","getRowHeight","cellContainer","parseInt","getComputedStyle","document","documentElement","fontSize","parseFloat","getAttribute","truncateUpdatedData","truncationPattern","getTypographyElements","typographyEl","getCellContainer","truncWrapper","getTruncWrapper","clientHeight","scrollHeight","resetSingleShowHideTruncation","setTimeout","addShowHideTruncationIfNeeded","updateTruncationTooltip","truncateTableSorted","contains","createShowHideTruncation","resetTruncation","then","removeAttribute","tableSorted","truncateRowHeightSet","tooltipEl","getTooltip","style","height","setProperty","removeTooltip","setAttribute","getShowHideButton","truncate","updateSetRowHeight","truncateItemsPerPageChange","allRows","rowsPerPage","previousItemsPerPage","newRows","Array","from","slice","row","truncatePageChange","typographyScrollHeightExceedsContainerHeight","addShowHideTruncation","truncateDensityUpdate","cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight","truncatePatternUpdated","addTooltipTruncation","removeRowHeightVariable","element","removeProperty","getLines","Math","floor","closest","prepend","isEmptyString","dataTruncation","Number","removeTextWrap","tableCell","deleteTextWrapDataKey","array","isArray","val","textWrap","checkMaxLines","setShowHideExpanded","resetAllShowHideTruncation","startLoadingTimer","timerStarted","Date","now","isObject","undefined","notDefaultDensity","getCellContent","cell","dataType","toLocaleDateString","getCellAlignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","description","max","min","progress","updatingOptions","visibleColumnCount","columns","filter","col","hidden","h","colSpan","data","class","fullWidth","size","setRowHeight","pxToRem","setTruncationClass","getColumnWidth","columnWidth","columnWidthStyling","assign","minWidth","maxWidth","getCalculatedRowHeight","columnProps","rowTextWrap","currentRowHeight","getSlottedActionElement","actionElement","slotName","adjustWidthForActionElement","elements","actionElementSpan","firstChild","slottedActionElement","width","getBoundingClientRect","gridWrapper","gridTemplateColumns","createCellContent","cellSlotName","rowOptions","hasIcon","cellValue","rowEmphasis","innerHTML","isSlotUsed","columnAlignment","horizontal","rowAlignment","_d","_e","icon","emphasis","name","Fragment","_f","onAllCells","_g","_h","variant","href","target","rel","_j","_l","_k","createCells","rowIndex","rowKeys","rowHeader","variableRowHeightVal","variableRowHeight","call","index","map","column","scope","CellContent","vertical","createColumnHeaders","cellAlignment","colspan","title","excludeColumnFromSort","hideOnHeader","id","getSortButtonLabel","onClick","sortRows","sortedColumn","sortedColumnOrder","onRowClick","notCurrentlySelected","selectedRow","icSelectedRowChange","emit","selectAllRows","organisedData","icSelectAllRows","createRows","toRow","paginationOffset","slottedColumns","prototype","hasOwnProperty","addDataToPosition","sort","find","getSortFunction","isRowSelected","cellIndex","checked","disabled","hideLabel","onIcCheck","values","indexOf","getNextSortOption","option","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","valueOf","String","localeCompare","numeric","sensitivity","a","b","nextSortOrderIndex","icSortChange","columnName","sorted","removeTooltipOnly","regenerateTooltip","updateScrollOffset","tableRowContainer","scrollTop","updateRowHeightForDescriptions","rowHeight","toString","getDescriptionHeight","descriptionMarginTop","window","getPropertyValue","isXSDevice","deviceSizeMatches","IC_DEVICE_SIZES","XS","typography","descriptionHeight","descriptionHeightPlusLineHeight","textContent","cellIcon","addLineClampCSS","setTableDimensions","tableHostDimensions","fixCellTooltip","tooltipChildElement","tagName","children","setExternalPopperProps","strategy","getSlotElements","menu","popover","fixCellTooltips","slotElements","slottedEl","renderTableBody","overlay","renderLoadingIndicator","isLoading","loadingOptions","ref","loadingOverlay","labelDuration","loadingIndicator","renderAriaLiveLoading","renderEmptyState","emptyStateEl","aligned","heading","headerTruncationChangeHandler","columnsChangeHandler","disconnectedCallback","disconnect","removeEventListener","componentWillLoad","previousRowsPerPage","componentDidLoad","tableElement","tableContainer","checkResizeObserver","showLoadingIndicator","dynamicDebounce","addEventListener","icColumnsLoaded","icDataLoaded","componentDidUpdate","componentDidRender","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","loadingHandler","truncationPatternHandler","dataHandler","densityHandler","rowHeightChangeHandler","newValue","oldValue","icRowHeightChange","resetRowHeights","cssText","descriptionCellHeight","cellContainerHeight","totalHeight","iconHeight","createElement","render","caption","rowsSelected","allRowsSelected","headerCheckboxLabelState","Host","tabIndex","onScroll","indeterminate","nativeIndeterminateBehaviour","totalItems"],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: inline-flex;\n  max-height: 100%;\n  width: var(--table-width, 100%);\n  height: 100%;\n  min-width: var(--table-min-width);\n  max-width: var(--table-max-width);\n}\n\ntbody {\n  vertical-align: top;\n}\n\n.table-container {\n  position: relative;\n  height: calc(100% - var(--ic-space-xxxs));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.cell-container {\n  display: flex;\n  min-height: 1.5rem;\n  overflow-y: hidden;\n  height: var(--row-height);\n\n  --ic-typography-color: var(--ic-data-table-text-default-emphasis);\n}\n\n.truncation-show-hide {\n  display: block;\n}\n\n.cell-icon.truncation-show-hide {\n  display: flex;\n}\n\n.cell-container:not(.data-type-element, .truncation-show-hide) {\n  overflow-x: hidden;\n}\n\nic-loading-indicator {\n  position: sticky;\n  top: 20px;\n}\n\n.table-row-container {\n  position: relative;\n  height: 100%;\n  overflow: auto;\n  transition: var(--ic-easing-transition-fast);\n  overflow-anchor: none;\n}\n\n:host([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-image: linear-gradient(\n    var(--ic-data-table-cell-background-selected) 0 0\n  );\n  background-color: var(--ic-data-table-cell-background) !important;\n}\n\n.table-row:hover {\n  background-image: linear-gradient(\n    var(--ic-data-table-cell-background-hover) 0 0\n  );\n  background-color: var(--ic-data-table-cell-background) !important;\n}\n\n.table-row-selected:hover {\n  background-image: linear-gradient(\n    var(--ic-data-table-cell-background-selected-hover) 0 0\n  );\n}\n\n.sort-button {\n  margin-left: auto;\n}\n\n.sort-button:hover {\n  background-color: var(--ic-data-table-icon-button-background-hover);\n}\n\n.sort-button:active {\n  background-color: var(--ic-data-table-icon-button-background-pressed);\n}\n\n.sort-button svg {\n  color: var(--ic-data-table-sort-toggle-icon);\n}\n\n.sort-button-unsorted svg {\n  color: var(--ic-data-table-sort-toggle-icon-default);\n}\n\n.table-density-dense .column-header-inner-container,\ntd.table-density-dense {\n  padding: var(--ic-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}\n\n.data-type-number,\n.data-type-date {\n  text-align: right;\n  justify-content: end;\n}\n\n.cell-vertical-align-top {\n  vertical-align: top;\n  align-items: flex-start;\n}\n\n.cell-vertical-align-middle {\n  vertical-align: middle;\n  align-items: center;\n}\n\n.cell-vertical-align-bottom {\n  vertical-align: bottom;\n  align-items: flex-end;\n}\n\n.cell-emphasis-low ic-typography {\n  --ic-typography-color: var(--ic-data-table-text-low-emphasis);\n}\n\n.cell-emphasis-high ic-typography {\n  --ic-typography-color: var(--ic-data-table-text-high-emphasis);\n\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n  background-color: var(--ic-data-table-pagination-bar-background-color);\n  border-top: var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n  position: absolute;\n  left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n}\n\n.loading-empty {\n  padding: var(--ic-space-xl) var(--ic-space-xxl);\n  margin-top: var(--ic-space-xl);\n}\n\n.updating-state {\n  padding: 0;\n  border-bottom: var(--ic-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-popover) - 1);\n  background-color: var(--ic-data-table-overlay-background);\n  border: var(--ic-space-1px) solid var(--ic-data-table-overlay-border);\n}\n\n.loading.show {\n  opacity: 1;\n}\n\n.icon,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-right: var(--ic-space-xxs);\n}\n\n.column-header .icon > svg,\n.column-header ::slotted(svg) {\n  fill: var(--ic-data-table-icon);\n}\n\n.table-cell .icon > svg,\n.table-cell ::slotted(svg),\n.cell-description-icon > svg {\n  fill: var(--ic-data-table-icon-default-emphasis);\n}\n\n.cell-emphasis-high .icon > svg,\n.cell-emphasis-high ::slotted(svg) {\n  fill: var(--ic-data-table-icon-high-emphasis);\n}\n\n.cell-emphasis-low .icon > svg,\n.cell-emphasis-low ::slotted(svg) {\n  fill: var(--ic-data-table-icon-low-emphasis);\n}\n\n.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg) {\n  margin-right: auto;\n}\n\n.column-header-alignment-center > ic-typography,\n.column-header-alignment-center > .cell-text-wrapper,\n.row-header-alignment-right > ic-typography,\n.row-header-alignment-right > .cell-text-wrapper,\n.cell-alignment-center > ic-typography,\n.cell-alignment-center > .cell-text-wrapper {\n  flex: 1;\n}\n\n.checkbox-cell {\n  --column-width: var(--ic-space-xxl);\n\n  align-content: center;\n  border-right: none;\n}\n\n.table-density-dense.checkbox-cell {\n  --column-width: 2.5rem;\n}\n\n.checkbox-wrapper {\n  display: flex;\n  justify-content: center;\n}\n\n.icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n.truncation-tooltip ic-typography {\n  display: -webkit-box;\n  line-clamp: var(--ic-line-clamp, 0);\n  -webkit-line-clamp: var(--ic-line-clamp, 0);\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography {\n  white-space: normal;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n  width: 100%;\n}\n\n.action-element {\n  display: flex;\n  justify-content: right;\n}\n\n.cell-grid-wrapper {\n  display: grid;\n  grid-template-columns: auto auto;\n}\n\n.loading-overlay {\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--ic-data-table-loading-indicator-overlay-background);\n  z-index: calc(var(--ic-z-index-popover) - 2);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading-overlay.show {\n  visibility: visible;\n  opacity: 0.6;\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .loading-overlay {\n    transition: none;\n  }\n}\n\n.cell-text-wrapper {\n  overflow: hidden;\n}\n\n.cell-text-wrapper > ic-typography {\n  margin-left: 2px;\n}\n\n.cell-text-no-wrap {\n  word-wrap: initial;\n}\n\n.cell-container-with-description {\n  display: flex;\n  flex-direction: row;\n}\n\n.cell-description {\n  display: flex;\n  flex-direction: row;\n  margin-top: var(--ic-space-xxs);\n  word-break: break-all;\n}\n\n.cell-description-text {\n  color: var(--ic-data-table-cell-data-description);\n}\n\n.cell-description-icon {\n  padding-right: var(--ic-space-xs);\n}\n\n.cell-description-icon > svg {\n  height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  display: flex;\n}\n\n@media (min-width: 577px) {\n  .column-header-inner-container {\n    display: flex;\n    align-items: center;\n  }\n}\n\n@media (max-width: 577px) {\n  .cell-icon {\n    flex-wrap: wrap;\n  }\n\n  .cell-description-icon {\n    padding-right: 0;\n  }\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .icon,\n  ::slotted(svg),\n  .cell-description-icon > svg {\n    fill: currentcolor;\n  }\n\n  .sort-button svg {\n    color: currentcolor;\n  }\n\n  .table-row-selected {\n    background-color: Highlight !important;\n  }\n}\n","/* eslint-disable react/jsx-no-bind */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Element,\n  h,\n  Prop,\n  State,\n  Listen,\n  Watch,\n  Fragment,\n  Method,\n  Event,\n  EventEmitter,\n  Host,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n  IcDataTableDataType,\n  IcDataTableColumnDataTypes,\n  IcDataTableColumnObject,\n  IcDataTableColumnWidthTypes,\n  IcDataTableDensityOptions,\n  IcDataTableRowHeights,\n  IcDataTableSortOrderOptions,\n  IcDataTableTruncationTypes,\n  IcDensityUpdateEventDetail,\n  IcSortEventDetail,\n  IcLoadingOptions,\n} from \"./ic-data-table.types\";\nimport { IcPaginationBarOptions, IcThemeMode } from \"../../utils/types\";\n// Unable to import helper functions via @ukic/web-components\nimport {\n  isEmptyString,\n  isSlotUsed,\n  pxToRem,\n  addDataToPosition,\n  dynamicDebounce,\n  getSlotElements,\n  checkResizeObserver,\n  deviceSizeMatches,\n} from \"../../utils/helpers\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\n\n/**\n * @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.\n * @slot {COLUMN_KEY}-{ROW_INDEX}[-icon] - Each cell should have its own slot, named using the column tag and the row index, allowing for custom elements to be displayed. Include `-icon` at the end for that cell's icon slot.\n * @slot {COLUMN_KEY}-column-icon - The icon slot for a column header.\n * @slot title-bar - A custom ic-data-table-title-bar can be slotted above the column headers to display additional information about the table.\n * @slot pagination-bar - A custom ic-pagination-bar can be slotted below the data to provide enhanced control over how the data is interacted with when being fetched externally.\n */\n@Component({\n  tag: \"ic-data-table\",\n  styleUrl: \"ic-data-table.css\",\n  shadow: true,\n})\nexport class DataTable {\n  private DENSITY_HEIGHT_MULTIPLIER = {\n    dense: 0.8,\n    default: 1,\n    spacious: 1.2,\n  };\n\n  private DENSITY_PADDING_HEIGHT_DIFF = {\n    dense: 8,\n    default: 16,\n    spacious: 20,\n  };\n\n  private SORT_ICONS = {\n    unsorted: unsortedIcon,\n    ascending: ascendingIcon,\n    descending: descendingIcon,\n  };\n\n  private hasLoadedForOneSecond = true;\n  private loadingIndicator?: HTMLIcLoadingIndicatorElement;\n  private loadingOverlay?: HTMLDivElement;\n  private timerStarted: number;\n  private resizeObserver: ResizeObserver | null = null;\n  private SHOW_HIDE_STRING = \"show-hide\";\n  private SHOW_HIDE_CSS_CLASS = `${this.SHOW_HIDE_STRING}-wrap`;\n  private TOOLTIP_STRING = \"tooltip\";\n  private TOOLTIP = `ic-${this.TOOLTIP_STRING}`;\n  private TEXT_WRAP_STRING = \"text-wrap\";\n  private TEXT_WRAP_CLASS = `.${this.TEXT_WRAP_STRING}`;\n  private dataUpdated = false;\n  private columnsUpdated = false;\n  private tableSorted: boolean;\n  private rowHeightSet = false;\n  private initialLoad = false;\n  private icPageChangeEvent = false;\n  private itemsPerPageChange = false;\n  private DATA_ROW_HEIGHT_STRING = \"data-row-height\";\n  private ROW_HEIGHT_CSS_VARIABLE = \"--row-height\";\n  private LINE_CLAMP_CSS_VARIABLE = \"--ic-line-clamp\";\n  private previousItemsPerPage: number;\n  private DEFAULT_LINE_HEIGHT = 24;\n  private densityUpdate = false;\n  private previousPaginationPage: number;\n  private truncationPatternUpdated: boolean = false;\n  private isNewDebounceDelaySet = false;\n  private headerResizeObserver: ResizeObserver | null = null;\n  private prevTableContainerWidth: number;\n  private IC_TOOLTIP_STRING = \"ic-tooltip\";\n  private SHOW_TRUNC_TOOLTIP_STRING = \"show-trunc-tooltip\";\n  private CELL_DESCRIPTION_STRING = \".cell-description\";\n  private CELL_CONTAINER_WITH_DESCRIPTION_STRING =\n    \"cell-container-with-description\";\n  private CELL_TEXT_WRAPPER_STRING = \".cell-text-wrapper\";\n  private IC_TYPOGRAPHY_STRING = \"ic-typography\";\n  private organisedData?: IcDataTableDataType[];\n\n  @Element() el: HTMLIcDataTableElement;\n\n  @State() fromRow: number = 0;\n\n  @State() previousRowsPerPage: number;\n\n  @State() rowsPerPage: number;\n\n  @State() scrollable: boolean = false;\n\n  @State() scrollOffset: number = 0;\n\n  @State() selectedRows: IcDataTableDataType[] = [];\n\n  @State() sortedColumn: string;\n\n  @State() sortedColumnOrder: IcDataTableSortOrderOptions;\n\n  @State() toRow: number;\n\n  @State() currentRowHeight: number;\n\n  @State() debounceDelay = 0;\n\n  /**\n   * The title for the table only visible to screen readers.\n   */\n  @Prop() caption!: string;\n\n  /**\n   * Determines whether the column header should be truncated and display a tooltip. Default is `false`.\n   */\n  @Prop() columnHeaderTruncation: boolean = false;\n\n  @Watch(\"columnHeaderTruncation\")\n  headerTruncationChangeHandler(): void {\n    if (this.columnHeaderTruncation) {\n      this.prevTableContainerWidth = 0;\n    } else {\n      this.el.shadowRoot\n        ?.querySelectorAll(\"th.column-header\")\n        ?.forEach((header) => {\n          header\n            .querySelector(this.IC_TOOLTIP_STRING)\n            ?.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n        });\n    }\n  }\n\n  /**\n   * The column headers for the table.\n   */\n  @Prop() columns!: IcDataTableColumnObject[];\n  @Watch(\"columns\")\n  columnsChangeHandler(): void {\n    this.columnsUpdated = true;\n  }\n\n  /**\n   * The row content for the table.\n   */\n  @Prop() data?: IcDataTableDataType[];\n\n  /**\n   * If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source.\n   */\n  @Prop() disableAutoSort?: boolean = false;\n\n  /**\n   * Set the density of the table including font and padding.\n   */\n  @Prop({ mutable: true }) density: IcDataTableDensityOptions = \"default\";\n\n  /**\n   * Applies a border to the table container.\n   */\n  @Prop() embedded: boolean = false;\n\n  /**\n   * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method.\n   */\n  @Prop({ mutable: true }) globalRowHeight: IcDataTableRowHeights = \"auto\";\n\n  /**\n   * Sets the table height. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n   */\n  @Prop() height?: string;\n\n  /**\n   * If `true`, column headers will not be visible.\n   */\n  @Prop() hideColumnHeaders?: boolean = false;\n\n  /**\n   * When set to `true`, the full table will show a loading state, featuring a radial indicator.\n   */\n  @Prop({ mutable: true }) loading: boolean = false;\n\n  /**\n   * Sets the props for the circular loading indicator used in the loading state.\n   */\n  @Prop() loadingOptions?: {\n    description?: string;\n    label?: string;\n    labelDuration?: number;\n    max?: number;\n    min?: number;\n    progress?: number;\n    monochrome?: boolean;\n    overlay?: boolean;\n  };\n\n  /**\n   * Sets the maximum width of the data table. Can be set in `px`, `rem`, or `%`.\n   */\n  @Prop() maxWidth?: string;\n\n  /**\n   * Sets the minimum width of the data table. Can be set in `px`, `rem`, or `%`.\n   */\n  @Prop() minWidth?: string;\n\n  /**\n   * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.\n   */\n  @Prop() minimumLoadingDisplayDuration: number = 1000;\n\n  /**\n   * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.\n   */\n  @Prop() paginationBarOptions: IcPaginationBarOptions = {\n    alignment: \"right\",\n    hideAllFromItemsPerPage: false,\n    hideRangeLabel: false,\n    itemLabel: \"Item\",\n    itemsPerPageOptions: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    monochrome: false,\n    pageLabel: \"Page\",\n    rangeLabelType: \"page\",\n    selectedItemsPerPage: 10,\n    selectItemsPerPageOnEnter: true,\n    setToFirstPageOnPaginationChange: false,\n    showGoToPageControl: true,\n    showItemsPerPageControl: true,\n    type: \"simple\",\n  };\n\n  /**\n   * If `true`, a checkbox column will be displayed to the left of the table which allows multiple rows to be selected.\n   */\n  @Prop() rowSelection: boolean = false;\n\n  /**\n   * If `true`, adds a pagination bar to the bottom of the table.\n   */\n  @Prop() showPagination?: boolean = false;\n\n  /**\n   * If `true`, allows table columns to be sorted using applied sort buttons.\n   */\n  @Prop() sortable?: boolean = false;\n\n  /**\n   * Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n   */\n  @Prop() sortOptions: {\n    sortOrders: IcDataTableSortOrderOptions[];\n    defaultColumn?: string;\n  } = {\n    sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n    defaultColumn: \"\",\n  };\n\n  /**\n   * If `true`, column headers will remain at the top of the table when scrolling vertically.\n   */\n  @Prop() stickyColumnHeaders: boolean = false;\n\n  /**\n   * If `true`, row headers will remain to the left when scrolling horizontally.\n   */\n  @Prop() stickyRowHeaders: boolean = false;\n\n  /**\n   * Sets the layout of the table\n   */\n  @Prop() tableLayout?: \"fixed\" | \"auto\" = \"fixed\";\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * Sets the method used to truncate long text in cells where textWrap is `false`. The `tooltip` truncation pattern allows the overflowing text to be seen in a tooltip. The `show-hide` truncation pattern allows the overflowing text to be shown and hidden using the ic-typography \"See more\"/\"See less\" buttons.\n   */\n  @Prop() truncationPattern?: IcDataTableTruncationTypes;\n\n  /**\n   * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.\n   */\n  @Prop() updating: boolean = false;\n\n  /**\n   * Sets the props for the linear loading indicator used in the updating state.\n   */\n  @Prop() updatingOptions?: {\n    description?: string;\n    max?: number;\n    min?: number;\n    progress?: number;\n    monochrome?: boolean;\n  };\n\n  /**\n   * Allows for custom setting of row heights on individual rows based on an individual value from the `data` prop and the row index.\n   * If the function returns `null`, that row's height will be set to the `globalRowHeight` property.\n   */\n  @Prop({ mutable: true }) variableRowHeight?: (params: {\n    [key: string]: any;\n    index: number;\n  }) => IcDataTableRowHeights | null;\n\n  /**\n   * Sets the table width. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n   */\n  @Prop() width?: string;\n\n  /**\n   * Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.\n   */\n  @Event() icRowHeightChange: EventEmitter<void>;\n\n  /**\n   * Emitted when all rows are selected or deselected in the data table via the \"select all\" checkbox.\n   */\n  @Event() icSelectAllRows: EventEmitter<IcDataTableDataType[]>;\n\n  /**\n   * Emitted when the selected row changes in the data table.\n   */\n  @Event() icSelectedRowChange: EventEmitter<{\n    row: IcDataTableDataType | null;\n    selectedRows: IcDataTableDataType[];\n  }>;\n\n  /**\n   * Emitted when the columns have finished loading after being updated or initially rendered.\n   */\n  @Event() icColumnsLoaded: EventEmitter<void>;\n\n  /**\n   * Emitted when the data has finished loading after being updated or initially rendered.\n   */\n  @Event() icDataLoaded: EventEmitter<void>;\n\n  /**\n   * Emitted when a column sort button is clicked.\n   */\n  @Event() icSortChange: EventEmitter<IcSortEventDetail>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    this.headerResizeObserver?.disconnect();\n    window.removeEventListener(\"resize\", this.handleResize);\n  }\n\n  componentWillLoad(): void {\n    this.rowsPerPage = Number(\n      this.paginationBarOptions.itemsPerPageOptions![0].value\n    );\n    this.previousRowsPerPage = this.rowsPerPage;\n    this.toRow = this.rowsPerPage;\n    this.sortedColumn = this.sortOptions.defaultColumn!;\n    this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n    this.loadingOptions = {\n      ...this.loadingOptions,\n    };\n    this.initialLoad = true;\n    this.previousItemsPerPage = this.rowsPerPage;\n  }\n\n  componentDidLoad(): void {\n    const tableElement = this.el.shadowRoot?.querySelector(\"table\");\n    const tableContainer =\n      this.el.shadowRoot?.querySelector(\".table-container\");\n\n    checkResizeObserver(this.runHeaderResizeObserver);\n\n    if (this.dataUpdated) {\n      this.dataUpdated = false;\n    }\n\n    if (\n      tableElement &&\n      tableContainer &&\n      (tableElement.clientHeight > tableContainer.clientHeight ||\n        tableElement.clientWidth > tableContainer.clientWidth)\n    ) {\n      this.scrollable = true;\n    }\n    if (this.loading) {\n      this.startLoadingTimer();\n      this.showLoadingIndicator();\n    }\n\n    if (this.truncationPattern) {\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          if (\n            cellContainer &&\n            !cellContainer.classList.contains(this.TEXT_WRAP_STRING)\n          ) {\n            this.dataTruncation(typographyEl, cellContainer);\n            this.resizeObserver = new ResizeObserver(\n              // This gets triggered twice due to updated data and see more/see less button\n              dynamicDebounce(\n                () => {\n                  this.dataTruncation(typographyEl, cellContainer);\n\n                  if (!this.isNewDebounceDelaySet) {\n                    this.debounceDelay = 200;\n                    this.isNewDebounceDelaySet = true;\n                  }\n                },\n                () => this.debounceDelay\n              ) as ResizeObserverCallback\n            );\n\n            this.resizeObserver.observe(typographyEl);\n          }\n        }\n      );\n    }\n\n    if (this.globalRowHeight !== \"auto\") {\n      this.updateSetRowHeight();\n    }\n    window.addEventListener(\"resize\", this.handleResize);\n\n    this.icColumnsLoaded.emit();\n    if (this.data && !this.loading && !this.updating) this.icDataLoaded.emit();\n  }\n\n  componentDidUpdate(): void {\n    // truncation updates invoked here once new/updated data has\n    // rendered to take into account updated .cell-container/ic-typography box model updates.\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING ||\n      this.truncationPattern === this.TOOLTIP_STRING\n    ) {\n      if (this.dataUpdated) {\n        this.truncateUpdatedData();\n      }\n      if (this.tableSorted) {\n        this.truncateTableSorted();\n      }\n      if (this.rowHeightSet) {\n        this.truncateRowHeightSet();\n      }\n      if (this.itemsPerPageChange) {\n        this.truncateItemsPerPageChange();\n      }\n      if (!this.initialLoad && this.icPageChangeEvent) {\n        this.truncatePageChange();\n      }\n      if (this.densityUpdate) {\n        this.truncateDensityUpdate();\n      }\n      if (this.truncationPatternUpdated) {\n        this.truncatePatternUpdated();\n      }\n    }\n\n    if (this.columnsUpdated) {\n      this.icColumnsLoaded.emit();\n      this.columnsUpdated = false;\n    }\n\n    if (this.dataUpdated && !this.loading && !this.updating) {\n      this.icDataLoaded.emit();\n      this.dataUpdated = false;\n    }\n  }\n\n  componentDidRender(): void {\n    this.fixCellTooltips();\n    this.fixCellOverflow();\n    this.updateCellHeightsWithDescriptions();\n    this.adjustWidthForActionElement();\n  }\n\n  private runHeaderResizeObserver = () => {\n    this.headerResizeObserver = new ResizeObserver(() => {\n      this.headerResizeCallback();\n    });\n    this.headerResizeObserver.observe(this.el);\n  };\n\n  private headerResizeCallback = () => {\n    if (!this.hideColumnHeaders && this.columnHeaderTruncation) {\n      const tableContainerWidth =\n        this.el.shadowRoot?.querySelector(\".table-container\")?.clientWidth;\n      if (\n        tableContainerWidth &&\n        tableContainerWidth !== this.prevTableContainerWidth\n      ) {\n        this.el.shadowRoot\n          ?.querySelectorAll(\"th.column-header\")\n          .forEach((header) => {\n            const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n            const typographyEls = header.querySelectorAll(\n              this.IC_TYPOGRAPHY_STRING\n            );\n            if (tooltip && typographyEls && typographyEls.length === 2) {\n              tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n              if (typographyEls[1].clientWidth > typographyEls[0].clientWidth) {\n                tooltip.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING);\n              }\n            }\n          });\n        this.prevTableContainerWidth = tableContainerWidth;\n      }\n    }\n  };\n\n  private handleResize = () => {\n    this.updateCellHeightsWithDescriptions();\n    this.fixCellOverflow();\n  };\n\n  private getRowHeight = (cellContainer: HTMLElement) =>\n    parseInt(getComputedStyle(document.documentElement).fontSize) *\n    parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING) || \"\");\n\n  private truncateUpdatedData = () => {\n    if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        if (cellContainer) {\n          const truncWrapper = this.getTruncWrapper(typographyEl);\n          if (\n            truncWrapper &&\n            cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >=\n              truncWrapper.scrollHeight\n          ) {\n            this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n            return;\n          }\n          setTimeout(() => {\n            // slight delay due to data rendering\n            this.addShowHideTruncationIfNeeded(typographyEl, cellContainer);\n          }, 150);\n        }\n      });\n    }\n\n    if (this.truncationPattern === this.TOOLTIP_STRING) {\n      this.updateTruncationTooltip();\n    }\n\n    this.dataUpdated = false;\n  };\n\n  private truncateTableSorted = () => {\n    if (this.truncationPattern === this.TOOLTIP_STRING) {\n      this.updateTruncationTooltip();\n    }\n\n    if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (cellContainer) {\n          if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n            this.createShowHideTruncation(typographyEl, cellContainer);\n          } else {\n            typographyEl.resetTruncation().then(() => {\n              cellContainer.removeAttribute(\"style\");\n            });\n          }\n        }\n      });\n    }\n\n    this.tableSorted = false;\n  };\n\n  private truncateRowHeightSet = () => {\n    // This function recalculates the tooltip truncation when the rowHeight has been set.\n    // This is in componentDidUpdate so a setTimeout is not used to wait for the render to be complete\n\n    this.getTypographyElements().forEach((typographyEl) => {\n      const cellContainer = this.getCellContainer(typographyEl);\n      const tooltipEl = this.getTooltip(typographyEl);\n\n      if (cellContainer) {\n        if (this.globalRowHeight === \"auto\") {\n          cellContainer.style.height = \"\";\n          cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n          cellContainer.removeAttribute(this.DATA_ROW_HEIGHT_STRING);\n\n          if (this.truncationPattern === this.TOOLTIP_STRING) {\n            this.removeTooltip(cellContainer, typographyEl, tooltipEl);\n            typographyEl.setAttribute(\n              \"style\",\n              `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n            );\n          } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n            this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n          }\n\n          return;\n        }\n\n        // If the set row height is bigger than the cell container even\n        // with textWrap, set the row height\n        if (\n          !cellContainer.classList.contains(\n            this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n          ) &&\n          !cellContainer.style.height &&\n          this.getRowHeight(cellContainer) > cellContainer.clientHeight &&\n          !cellContainer.classList.contains(this.TEXT_WRAP_STRING)\n        ) {\n          cellContainer.style.setProperty(\n            this.ROW_HEIGHT_CSS_VARIABLE,\n            cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n          );\n        }\n\n        if (this.truncationPattern) {\n          // If the set row height is bigger than the typography truncation wrapper\n          // scroll height, remove see more / see less button\n          if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n            const truncWrapper = this.getTruncWrapper(typographyEl);\n\n            if (\n              this.getShowHideButton(typographyEl) &&\n              truncWrapper &&\n              truncWrapper.scrollHeight <= cellContainer.clientHeight\n            ) {\n              this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n              return;\n            }\n          }\n          this.truncate(typographyEl, cellContainer, tooltipEl);\n        } else {\n          this.updateSetRowHeight(typographyEl);\n        }\n      }\n    });\n\n    this.rowHeightSet = false;\n  };\n\n  private truncateItemsPerPageChange = () => {\n    // Only run truncation on the new rows\n    // when the number of items per page has increased\n    const allRows = this.el.shadowRoot?.querySelectorAll(\".table-row\");\n\n    if (allRows && this.rowsPerPage > this.previousItemsPerPage) {\n      const newRows = Array.from(allRows).slice(this.previousItemsPerPage);\n\n      newRows.forEach((row) => {\n        row.querySelectorAll(\"ic-typography\").forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltipEl = this.getTooltip(typographyEl);\n\n          if (cellContainer)\n            this.truncate(typographyEl, cellContainer, tooltipEl);\n        });\n      });\n    }\n\n    this.previousItemsPerPage = this.rowsPerPage;\n    this.itemsPerPageChange = false;\n  };\n\n  private truncatePageChange = () => {\n    if (this.truncationPattern === this.TOOLTIP_STRING) {\n      this.updateTruncationTooltip();\n    }\n\n    if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n      // set truncation to see more if opened and next/previous page is pressed\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (\n          cellContainer &&\n          this.typographyScrollHeightExceedsContainerHeight(\n            typographyEl,\n            cellContainer\n          ) &&\n          !this.getShowHideButton(typographyEl)\n        ) {\n          this.addShowHideTruncation(cellContainer, typographyEl);\n        }\n      });\n    }\n\n    this.icPageChangeEvent = false;\n  };\n\n  private truncateDensityUpdate = () => {\n    this.getTypographyElements().forEach((typographyEl) => {\n      const cellContainer = this.getCellContainer(typographyEl);\n      const tooltipEl = this.getTooltip(typographyEl);\n\n      if (cellContainer) this.truncate(typographyEl, cellContainer, tooltipEl);\n    });\n\n    this.densityUpdate = false;\n  };\n\n  private typographyScrollHeightExceedsContainerHeight = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) => cellContainer && typographyEl.scrollHeight > cellContainer.clientHeight;\n\n  private cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) => {\n    const truncWrapper = this.getTruncWrapper(typographyEl);\n    return (\n      truncWrapper &&\n      cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n        truncWrapper.scrollHeight\n    );\n  };\n\n  private truncatePatternUpdated = () => {\n    if (this.truncationPattern === this.TOOLTIP_STRING) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        const tooltipEl = this.getTooltip(typographyEl);\n\n        if (\n          cellContainer &&\n          this.typographyScrollHeightExceedsContainerHeight(\n            typographyEl,\n            cellContainer\n          )\n        ) {\n          this.addTooltipTruncation(typographyEl, cellContainer, tooltipEl);\n        }\n      });\n    } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (cellContainer) {\n          if (\n            this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight(\n              typographyEl,\n              cellContainer\n            )\n          ) {\n            this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n            return;\n          }\n          this.addShowHideTruncationIfNeeded(typographyEl, cellContainer);\n        }\n      });\n    }\n  };\n\n  private updateSetRowHeight = (typographyEl?: HTMLIcTypographyElement) => {\n    const removeRowHeightVariable = (element: HTMLIcTypographyElement) => {\n      const cellContainer = this.getCellContainer(element);\n\n      if (\n        cellContainer &&\n        element.scrollHeight > this.getRowHeight(cellContainer)\n      ) {\n        cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n      }\n    };\n\n    if (typographyEl) {\n      removeRowHeightVariable(typographyEl);\n    } else {\n      this.getTypographyElements().forEach((typographyEl) => {\n        removeRowHeightVariable(typographyEl);\n      });\n    }\n  };\n\n  private createShowHideTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    descriptionHeight = 0\n  ) {\n    typographyEl.checkMaxLines(typographyEl.scrollHeight);\n    typographyEl.setAttribute(\n      \"max-lines\",\n      `${this.getLines(cellContainer.clientHeight - descriptionHeight)}`\n    );\n    typographyEl.setShowHideExpanded(false);\n\n    cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n  }\n\n  private getLines = (height: number): number =>\n    Math.floor(height / this.DEFAULT_LINE_HEIGHT);\n\n  private truncate = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement | null\n  ) => {\n    if (\n      this.typographyScrollHeightExceedsContainerHeight(\n        typographyEl,\n        cellContainer\n      )\n    ) {\n      //24 is the height of a single line\n      if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n        if (this.truncationPattern === this.TOOLTIP_STRING) {\n          this.addTooltipTruncation(typographyEl, cellContainer, tooltip);\n        }\n        if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n          this.addShowHideTruncation(cellContainer, typographyEl);\n        }\n      }\n    } else {\n      if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {\n        typographyEl.setAttribute(\n          \"style\",\n          `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n        );\n\n        cellContainer\n          .querySelector(this.CELL_TEXT_WRAPPER_STRING)\n          ?.prepend(typographyEl);\n        tooltip.remove();\n      }\n\n      if (\n        this.truncationPattern === this.SHOW_HIDE_STRING &&\n        !isEmptyString(typographyEl?.getAttribute(\"max-lines\"))\n      ) {\n        this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n      }\n    }\n  };\n\n  private addTooltipTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement | null\n  ) {\n    this.addLineClampCSS(typographyEl, cellContainer);\n\n    if (!tooltip) {\n      this.createTruncationTooltip(typographyEl, cellContainer);\n    }\n  }\n\n  private addShowHideTruncationIfNeeded = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ): boolean => {\n    if (\n      this.typographyScrollHeightExceedsContainerHeight(\n        typographyEl,\n        cellContainer\n      )\n    ) {\n      this.addShowHideTruncation(cellContainer, typographyEl);\n      return true;\n    }\n    return false;\n  };\n\n  private addShowHideTruncation(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement\n  ) {\n    cellContainer.classList.add(this.SHOW_HIDE_CSS_CLASS);\n    this.createShowHideTruncation(typographyEl, cellContainer);\n  }\n\n  private dataTruncation = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) => {\n    // Tooltip truncation mentioned in AC. Will need revisiting\n    const tooltip = this.getTooltip(typographyEl);\n    if (\n      cellContainer.classList.contains(\"data-type-element\") ||\n      this.dataUpdated\n    ) {\n      return;\n    }\n\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING &&\n      this.getShowHideButton(typographyEl)\n    ) {\n      // If the see more/see less is present and the max lines is equal to the cell container\n      // remove the see more/see less button\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      if (\n        truncWrapper &&\n        this.getLines(truncWrapper.scrollHeight) ===\n          Number(typographyEl.getAttribute(\"max-lines\"))\n      ) {\n        this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n      }\n    }\n\n    // Deals with setting and resetting row height and re-truncating data\n    if (this.rowHeightSet && this.truncationPattern === this.SHOW_HIDE_STRING) {\n      // cellContainer.clientHeight - 24 removes the extra line by see more/see less\n      if (\n        this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight(\n          typographyEl,\n          cellContainer\n        )\n      ) {\n        this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n        return;\n      }\n\n      if (this.addShowHideTruncationIfNeeded(typographyEl, cellContainer)) {\n        return;\n      }\n    }\n\n    if (\n      typographyEl.scrollHeight > 0 &&\n      cellContainer.clientHeight > 0 &&\n      typographyEl.scrollHeight === cellContainer.clientHeight\n    ) {\n      if (tooltip) {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      return;\n    }\n\n    this.truncate(typographyEl, cellContainer, tooltip);\n  };\n\n  private getTruncWrapper = (typographyEl: HTMLIcTypographyElement) =>\n    typographyEl.shadowRoot?.querySelector(\".trunc-wrapper\");\n\n  private getShowHideButton = (typographyEl: HTMLIcTypographyElement) =>\n    typographyEl.shadowRoot?.querySelector(\"button\");\n\n  // Set the height to initial if row height is set and the show / hide truncation\n  // is clicked\n  @Listen(\"typographyTruncationExpandToggle\")\n  handleTypographyTruncationExpandToggle({\n    detail,\n  }: CustomEvent<{\n    expanded: boolean;\n    typographyEl: HTMLIcTypographyElement;\n  }>): void {\n    const { expanded, typographyEl } = detail;\n    const cellContainer = this.getCellContainer(typographyEl);\n\n    if (\n      cellContainer?.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE) &&\n      expanded\n    ) {\n      cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, \"inherit\");\n    }\n  }\n\n  @Listen(\"icPageChange\")\n  handlePageChange({ detail, target }: CustomEvent<{ value: number }>): void {\n    if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n      this.fromRow = (detail.value - 1) * this.rowsPerPage;\n      this.toRow = this.fromRow + this.rowsPerPage;\n      const tableRowsContainer = this.el.shadowRoot?.querySelector(\n        \".table-row-container\"\n      );\n      if (tableRowsContainer) {\n        if (this.previousRowsPerPage === this.rowsPerPage) {\n          tableRowsContainer.scrollTop = 0;\n        } else if (this.previousRowsPerPage < this.rowsPerPage) {\n          tableRowsContainer.scrollTop = this.scrollOffset;\n          this.previousRowsPerPage = this.rowsPerPage;\n        } else {\n          this.previousRowsPerPage = this.rowsPerPage;\n        }\n      }\n      this.selectedRows = [];\n    }\n\n    if (!this.initialLoad && this.previousPaginationPage !== detail.value) {\n      // This is to prevent icPageChange from triggering truncation on first load\n      this.icPageChangeEvent = true;\n    }\n\n    this.previousPaginationPage = detail.value;\n    this.initialLoad = false;\n  }\n\n  @Listen(\"icItemsPerPageChange\")\n  handleItemsPerPageChange({\n    detail,\n    target,\n  }: CustomEvent<{ value: number }>): void {\n    if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n      this.previousRowsPerPage = this.rowsPerPage;\n      this.rowsPerPage = detail.value;\n    }\n\n    this.itemsPerPageChange = true;\n  }\n\n  @Listen(\"icTableDensityUpdate\")\n  handleDensityChange(ev: CustomEvent<IcDensityUpdateEventDetail>): void {\n    this.density = ev.detail.value;\n  }\n\n  @Watch(\"loading\")\n  loadingHandler(): void {\n    if (this.loading) {\n      this.startLoadingTimer();\n      setTimeout(() => {\n        this.showLoadingIndicator();\n      }, 500);\n    }\n  }\n\n  @Watch(\"truncationPattern\")\n  truncationPatternHandler(): void {\n    if (this.truncationPattern === this.TOOLTIP_STRING) {\n      this.resetAllShowHideTruncation();\n      this.updateTruncationTooltip(true);\n\n      // Not using debounceDataTruncation here due to resizeObserver not being triggered\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        const tooltip = this.getTooltip(typographyEl);\n\n        if (cellContainer) this.truncate(typographyEl, cellContainer, tooltip);\n      });\n    } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n      // ResizeObserver is trigger here due to the see more/see less links being removed.\n      // The resizeObserver will also apply the tooltip where relevant\n      this.updateTruncationTooltip(true);\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (cellContainer) {\n          if (\n            this.cellContainerMinusLineHeightIsGreaterThanTruncWrapperScrollHeight(\n              typographyEl,\n              cellContainer\n            )\n          ) {\n            this.resetSingleShowHideTruncation(typographyEl, cellContainer);\n            return;\n          }\n          setTimeout(() => {\n            // slight delay due to data rendering\n            this.addShowHideTruncationIfNeeded(typographyEl, cellContainer);\n          }, 150);\n        }\n      });\n    }\n\n    this.truncationPatternUpdated = true;\n  }\n\n  @Watch(\"data\")\n  async dataHandler(): Promise<void> {\n    this.loadingOptions = {\n      ...this.loadingOptions,\n    };\n    if (this.loading) {\n      !this.hasLoadedForOneSecond\n        ? setTimeout(\n            () => (this.loading = false),\n            this.minimumLoadingDisplayDuration -\n              (Date.now() - this.timerStarted)\n          )\n        : (this.loading = false);\n    }\n    if (this.updating) this.updating = false;\n\n    this.dataUpdated = true;\n  }\n\n  @Watch(\"density\")\n  async densityHandler(): Promise<void> {\n    this.densityUpdate = true;\n  }\n\n  private removeTextWrap = (): void => {\n    this.getTypographyElements().forEach((typographyEl) => {\n      const tableCell = typographyEl.closest(\"td\");\n      if (tableCell?.classList.contains(this.TEXT_WRAP_STRING)) {\n        tableCell.classList.remove(this.TEXT_WRAP_STRING);\n      }\n    });\n  };\n\n  private getCellContainer = (\n    typographyEl: HTMLIcTypographyElement\n  ): HTMLElement | null => typographyEl.closest(\".cell-container\");\n\n  private deleteTextWrapDataKey = (\n    array?: IcDataTableColumnObject[] | IcDataTableDataType[]\n  ) =>\n    Array.isArray(array) &&\n    array.forEach((val) => val.textWrap && delete val.textWrap);\n\n  private resetSingleShowHideTruncation = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) => {\n    const truncWrapper = this.getTruncWrapper(typographyEl);\n\n    if (!(cellContainer && truncWrapper)) return;\n\n    if (\n      truncWrapper.scrollHeight > cellContainer.clientHeight &&\n      !isEmptyString(typographyEl.getAttribute(\"max-lines\")) &&\n      Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT) !==\n        Number(typographyEl.getAttribute(\"max-lines\"))\n    ) {\n      typographyEl.checkMaxLines(truncWrapper.scrollHeight);\n      typographyEl.setAttribute(\n        \"max-lines\",\n        `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n      );\n      typographyEl.setShowHideExpanded(false);\n\n      cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n    } else if (\n      !cellContainer.classList.contains(\n        this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n      )\n    ) {\n      typographyEl.resetTruncation().then(() => {\n        if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n          cellContainer.style.setProperty(\n            this.ROW_HEIGHT_CSS_VARIABLE,\n            cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n          );\n        }\n      });\n    }\n  };\n\n  private resetAllShowHideTruncation = () => {\n    this.getTypographyElements().forEach((typographyEl) => {\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      typographyEl.resetTruncation().then(() => {\n        if (cellContainer && !typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n          cellContainer.style.setProperty(\n            this.ROW_HEIGHT_CSS_VARIABLE,\n            cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n          );\n        }\n      });\n    });\n  };\n\n  @Watch(\"globalRowHeight\")\n  @Watch(\"variableRowHeight\")\n  rowHeightChangeHandler(newValue: number, oldValue: number): void {\n    if (+newValue !== +oldValue) {\n      this.deleteTextWrapDataKey(this.data);\n      this.deleteTextWrapDataKey(this.columns);\n      this.removeTextWrap();\n\n      this.icRowHeightChange.emit();\n\n      this.rowHeightSet = true;\n    }\n  }\n\n  /**\n   * Resets the `globalRowHeight` prop to number or auto and sets the `variableRowHeight` prop to `null`.\n   */\n  @Method()\n  async resetRowHeights(rowHeight?: number | \"auto\"): Promise<void> {\n    this.globalRowHeight = rowHeight || \"auto\";\n    this.variableRowHeight = undefined;\n  }\n\n  private showLoadingIndicator() {\n    if (this.loadingOptions?.overlay) {\n      this.loadingOverlay?.classList.add(\"show\");\n    }\n    this.loadingIndicator?.classList.add(\"show\");\n  }\n\n  private startLoadingTimer = (): void => {\n    this.hasLoadedForOneSecond = false;\n    this.timerStarted = Date.now();\n    setTimeout(() => {\n      this.hasLoadedForOneSecond = true;\n      this.timerStarted = 0;\n    }, this.minimumLoadingDisplayDuration);\n  };\n\n  private isObject = (value: any) =>\n    value !== undefined && value !== null && typeof value === \"object\";\n\n  private notDefaultDensity = () => this.density !== \"default\";\n\n  private getCellContent = (\n    cell: any,\n    dataType: IcDataTableColumnDataTypes\n  ): any => {\n    switch (dataType) {\n      case \"element\":\n        return undefined;\n      case \"date\":\n        return (\n          cell instanceof Date ? cell : new Date(cell)\n        ).toLocaleDateString();\n      default:\n        return cell;\n    }\n  };\n\n  private getCellAlignment = (\n    cell: any,\n    alignment: \"horizontal\" | \"vertical\"\n  ) => {\n    if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n      return this.getObjectValue(\n        this.getObjectValue(cell, \"cellAlignment\"),\n        alignment\n      );\n    }\n  };\n\n  private getCellOptions = (cell: any, key: string) => {\n    if (!(this.isObject(cell) && Object.keys(cell).includes(key))) return;\n\n    return this.getObjectValue(cell, key);\n  };\n\n  private createUpdatingIndicator = () => {\n    const { description, max, min, progress, monochrome } =\n      this.updatingOptions || {};\n    const visibleColumnCount = this.columns.filter(\n      (col) => col.hidden !== true\n    ).length;\n    return (\n      <th\n        colSpan={visibleColumnCount + (this.rowSelection && this.data ? 1 : 0)}\n        class=\"updating-state\"\n      >\n        <ic-loading-indicator\n          theme={this.theme}\n          monochrome={monochrome}\n          description={description || \"Updating table data\"}\n          fullWidth={true}\n          max={max}\n          min={min}\n          progress={progress}\n          type=\"linear\"\n          size=\"small\"\n        ></ic-loading-indicator>\n      </th>\n    );\n  };\n\n  private setRowHeight = (height: number) =>\n    pxToRem(\n      `${\n        height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n        this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n      }px`\n    );\n\n  private setTruncationClass = () =>\n    this.truncationPattern\n      ? { [`truncation-${this.truncationPattern}`]: true }\n      : {};\n\n  private getColumnWidth = (\n    columnWidth?: string | IcDataTableColumnWidthTypes\n  ) => {\n    // TODO: Setting max width on columns\n    let columnWidthStyling = {};\n\n    if (typeof columnWidth === \"string\") {\n      columnWidthStyling = {\n        ...columnWidthStyling,\n        [\"--column-width\"]: columnWidth,\n      };\n    } else if (columnWidth && Object.keys(columnWidth).length > 0) {\n      if (columnWidth.minWidth) {\n        columnWidthStyling = {\n          ...columnWidthStyling,\n          [\"--column-min-width\"]: columnWidth.minWidth,\n        };\n      }\n\n      if (columnWidth.maxWidth) {\n        columnWidthStyling = {\n          ...columnWidthStyling,\n          [\"--column-max-width\"]: columnWidth.maxWidth,\n        };\n      }\n    }\n\n    return columnWidthStyling;\n  };\n\n  private getCalculatedRowHeight = (\n    columnProps: IcDataTableColumnObject,\n    rowTextWrap: boolean,\n    cell: any,\n    currentRowHeight?: number\n  ) => {\n    if (\n      (this.truncationPattern || currentRowHeight) &&\n      !columnProps?.textWrap &&\n      !rowTextWrap &&\n      !this.getCellOptions(cell, \"textWrap\") &&\n      columnProps?.dataType !== \"element\"\n    ) {\n      return {\n        [this.ROW_HEIGHT_CSS_VARIABLE]: this.setRowHeight(currentRowHeight!),\n      };\n    }\n\n    return {};\n  };\n\n  private getSlottedActionElement = (\n    actionElement: HTMLElement\n  ): Element | null => {\n    const slotName = actionElement.getAttribute(\"name\");\n    return this.el.querySelector(`[slot=\"${slotName}\"]`);\n  };\n\n  private adjustWidthForActionElement = () => {\n    const elements = this.el.shadowRoot?.querySelectorAll(\".action-element\");\n    elements?.forEach((actionElementSpan) => {\n      const actionElement = actionElementSpan.firstChild as HTMLElement;\n      const slottedActionElement = this.getSlottedActionElement(actionElement);\n      const width = slottedActionElement?.getBoundingClientRect().width ?? 0;\n      const gridWrapper =\n        actionElementSpan.closest<HTMLElement>(\".cell-grid-wrapper\");\n      if (gridWrapper) {\n        gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;\n      }\n    });\n  };\n\n  private createCellContent = (\n    columnProps: IcDataTableColumnObject,\n    cell: any,\n    cellSlotName: string,\n    rowOptions: any,\n    hasIcon: boolean,\n    cellValue: (key: string) => any,\n    rowEmphasis: string,\n    currentRowHeight?: number\n  ): HTMLElement => (\n    <div\n      innerHTML={\n        columnProps?.dataType === \"element\" &&\n        !isSlotUsed(this.el, cellSlotName)\n          ? (cell as string)\n          : undefined\n      }\n      class={{\n        \"cell-container\": columnProps?.dataType !== \"element\",\n        [`cell-alignment-${\n          columnProps?.columnAlignment?.horizontal ||\n          rowOptions?.rowAlignment?.horizontal ||\n          this.getCellAlignment(cell, \"horizontal\")\n        }`]:\n          !!columnProps?.columnAlignment?.horizontal ||\n          !!rowOptions?.rowAlignment?.horizontal ||\n          !!this.getCellAlignment(cell, \"horizontal\"),\n        [`data-type-${columnProps?.dataType}`]: true,\n        [this.TEXT_WRAP_STRING]:\n          columnProps?.textWrap ||\n          rowOptions?.textWrap ||\n          !!this.getCellOptions(cell, \"textWrap\"),\n        [\"cell-icon\"]: hasIcon || !!columnProps?.icon?.icon,\n        [`cell-emphasis-${\n          (this.isObject(cell) && cellValue(\"emphasis\")) ||\n          columnProps?.emphasis ||\n          rowEmphasis\n        }`]:\n          (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n          !!columnProps?.emphasis ||\n          !!rowEmphasis,\n        ...this.setTruncationClass(),\n        [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:\n          this.isObject(cell) && Object.keys(cell).includes(\"description\"),\n      }}\n      style={{\n        ...this.getCalculatedRowHeight(\n          columnProps,\n          rowOptions?.textWrap,\n          cell,\n          currentRowHeight\n        ),\n        ...this.getColumnWidth(columnProps?.columnWidth),\n      }}\n      data-row-height={\n        this.truncationPattern || currentRowHeight\n          ? this.setRowHeight(currentRowHeight!)\n          : null\n      }\n    >\n      {isSlotUsed(this.el, cellSlotName) ? (\n        <slot name={cellSlotName} />\n      ) : (\n        <Fragment>\n          {isSlotUsed(this.el, `${cellSlotName}-icon`) ? (\n            <slot name={`${cellSlotName}-icon`} />\n          ) : (\n            (hasIcon || columnProps?.icon?.onAllCells) &&\n            (cellValue(\"icon\") || columnProps?.icon?.icon) && (\n              <span\n                class=\"icon\"\n                innerHTML={cellValue(\"icon\") || columnProps?.icon?.icon}\n              ></span>\n            )\n          )}\n          {columnProps?.dataType !== \"element\" &&\n            !isSlotUsed(this.el, cellSlotName) && (\n              <div\n                class={{\n                  \"cell-text-wrapper\": true,\n                  \"cell-text-no-wrap\": !this.truncationPattern,\n                }}\n              >\n                <ic-typography\n                  variant=\"body\"\n                  class={{\n                    [`cell-emphasis-${\n                      (this.isObject(cell) && cellValue(\"emphasis\")) ||\n                      columnProps?.emphasis ||\n                      rowEmphasis\n                    }`]:\n                      (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n                      !!columnProps?.emphasis ||\n                      !!rowEmphasis,\n                    [`text-${this.density}`]: this.notDefaultDensity(),\n                  }}\n                >\n                  {this.isObject(cell) && columnProps?.dataType !== \"date\" ? (\n                    Object.keys(cell).includes(\"href\") ? (\n                      <ic-link\n                        href={cellValue(\"href\")}\n                        theme={this.theme}\n                        target={cellValue(\"target\") || undefined}\n                        rel={cellValue(\"rel\") || undefined}\n                      >\n                        {cellValue(\"data\")}\n                      </ic-link>\n                    ) : (\n                      cellValue(\"data\")\n                    )\n                  ) : (\n                    this.getCellContent(cell, columnProps?.dataType)\n                  )}\n                </ic-typography>\n                {this.isObject(cell) &&\n                  Object.keys(cell).includes(\"description\") && (\n                    <div\n                      class={{\n                        [\"cell-description\"]: true,\n                        [`data-type-${columnProps?.dataType}`]: true,\n                      }}\n                    >\n                      {cellValue(\"description\")?.icon && (\n                        <span\n                          class=\"cell-description-icon\"\n                          innerHTML={cellValue(\"description\").icon}\n                        ></span>\n                      )}\n                      <ic-typography\n                        variant=\"caption\"\n                        class=\"cell-description-text\"\n                      >\n                        {cellValue(\"description\")?.data ??\n                          cellValue(\"description\")}\n                      </ic-typography>\n                    </div>\n                  )}\n              </div>\n            )}\n        </Fragment>\n      )}\n    </div>\n  );\n\n  private createCells = (row: IcDataTableDataType, rowIndex: number) => {\n    const rowKeys = Object.keys(row);\n    const rowOptions = this.getObjectValue(row, \"rowOptions\");\n    let rowAlignment: string;\n    let rowEmphasis: string;\n\n    const rowHeader = this.getObjectValue(row, \"header\");\n    if (rowHeader) {\n      rowAlignment = this.getObjectValue(rowHeader, \"rowAlignment\");\n      rowEmphasis = this.getObjectValue(rowHeader, \"emphasis\");\n    }\n\n    const variableRowHeightVal = this.variableRowHeight?.({\n      ...row,\n      index: rowIndex,\n    });\n\n    const currentRowHeight = variableRowHeightVal\n      ? variableRowHeightVal !== \"auto\" && variableRowHeightVal\n      : this.globalRowHeight !== \"auto\" && this.globalRowHeight;\n\n    return this.columns.map((column, index) => {\n      if (column.hidden !== true) {\n        const cell = this.getObjectValue(row, column[\"key\"]);\n        const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n        if (rowKeys[index] === \"header\") {\n          return (\n            <th\n              scope=\"row\"\n              colSpan={cellValue(\"colspan\")}\n              class={{\n                [\"row-header\"]: true,\n                [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n                  !!cellValue(\"cellAlignment\"),\n                [\"row-header-sticky\"]: this.stickyRowHeaders,\n              }}\n            >\n              {cellValue(\"title\")}\n            </th>\n          );\n        }\n\n        const cellSlotName = `${column?.key}-${rowIndex}`;\n\n        const CellContent = this.createCellContent(\n          column,\n          cell,\n          cellSlotName,\n          rowOptions,\n          this.isObject(cell) && Object.keys(cell).includes(\"icon\"),\n          cellValue,\n          rowEmphasis,\n          currentRowHeight || undefined\n        );\n\n        if (rowKeys[index] !== \"rowOptions\") {\n          return (\n            <td\n              class={{\n                [\"table-cell\"]: true,\n                [`table-density-${this.density}`]: this.notDefaultDensity(),\n                [\"with-overflow\"]: column?.dataType === \"element\",\n                [`cell-vertical-align-${\n                  column?.columnAlignment?.vertical ||\n                  rowOptions?.rowAlignment?.vertical ||\n                  rowAlignment ||\n                  this.getCellAlignment(cell, \"vertical\")\n                }`]:\n                  !!column?.columnAlignment?.vertical ||\n                  !!rowOptions?.rowAlignment?.vertical ||\n                  !!rowAlignment ||\n                  !!this.getCellAlignment(cell, \"vertical\"),\n              }}\n              style={{ ...this.getColumnWidth(column.columnWidth) }}\n            >\n              {isSlotUsed(this.el, `${cellSlotName}-action-element`) ? (\n                <div class=\"cell-grid-wrapper\">\n                  {CellContent}\n                  <span class=\"action-element\">\n                    <slot name={`${cellSlotName}-action-element`} />\n                  </span>\n                </div>\n              ) : (\n                CellContent\n              )}\n            </td>\n          );\n        }\n      }\n    });\n  };\n\n  private createColumnHeaders = () =>\n    (this.columns || []).map(\n      (\n        {\n          cellAlignment,\n          colspan,\n          icon,\n          key,\n          title,\n          columnWidth,\n          excludeColumnFromSort,\n          hidden,\n        },\n        index\n      ) =>\n        hidden !== true && (\n          <th\n            scope=\"col\"\n            class={{\n              [\"column-header\"]: true,\n              [`table-density-${this.density}`]: this.notDefaultDensity(),\n              [\"updating-state-headers\"]: this.updating && !this.loading,\n            }}\n            style={{ ...this.getColumnWidth(columnWidth) }}\n            colSpan={colspan}\n          >\n            <div\n              class={{\n                \"column-header-inner-container\": true,\n                \"truncation-tooltip\": this.columnHeaderTruncation,\n                [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,\n              }}\n            >\n              {isSlotUsed(this.el, `${key}-column-icon`) ? (\n                <slot name={`${key}-column-icon`} />\n              ) : (\n                icon &&\n                !icon.hideOnHeader && (\n                  <span 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-tertiary\"\n                  id={`sort-button-${key}`}\n                  aria-label={this.getSortButtonLabel(key)}\n                  // eslint-disable-next-line react/jsx-no-bind\n                  onClick={() => this.sortRows(key)}\n                  innerHTML={\n                    this.SORT_ICONS[\n                      this.sortedColumn === key\n                        ? this.sortedColumnOrder\n                        : \"unsorted\"\n                    ]\n                  }\n                  class={{\n                    [\"sort-button\"]: true,\n                    [\"sort-button-unsorted\"]:\n                      this.sortedColumn !== key ||\n                      this.sortedColumnOrder === \"unsorted\",\n                  }}\n                ></ic-button>\n              )}\n            </div>\n            {this.columnHeaderTruncation && (\n              <ic-typography\n                variant=\"body\"\n                aria-hidden=\"true\"\n                class={{\n                  [\"column-header-text\"]: true,\n                  [\"dummy-column-header-text\"]: this.columnHeaderTruncation,\n                  [`text-${this.density}`]: this.notDefaultDensity(),\n                }}\n              >\n                {title}\n              </ic-typography>\n            )}\n          </th>\n        )\n    );\n\n  private onRowClick = (row: IcDataTableDataType) => {\n    const notCurrentlySelected = !this.selectedRows.includes(row);\n\n    this.selectedRows = notCurrentlySelected\n      ? [...this.selectedRows, row]\n      : this.selectedRows.filter((selectedRow) => selectedRow !== row);\n\n    this.icSelectedRowChange.emit({\n      row: notCurrentlySelected ? row : null,\n      selectedRows: this.selectedRows,\n    });\n  };\n\n  private selectAllRows = () => {\n    this.selectedRows =\n      this.organisedData &&\n      this.selectedRows.length !== this.organisedData.length\n        ? [...this.organisedData]\n        : [];\n    this.icSelectAllRows.emit(this.selectedRows);\n  };\n\n  private createRows = () => {\n    const data = this.showPagination\n      ? this.data?.slice(this.fromRow, this.toRow)\n      : this.data?.slice();\n\n    const paginationOffset = this.showPagination ? this.fromRow : 0;\n\n    /**\n     * Ensures that createCells has a value in data to map over to actually render the slot.\n     * Removes the need for the user to add it multiple times.\n     * `addDataToPosition` used to add the element in the correct column order.\n     * Adding empty string value in to give `createCells` something to loop over.\n     */\n    this.organisedData = data?.map((row, rowIndex) => {\n      const slottedColumns = this.columns\n        .map(\n          ({ key }, index) =>\n            isSlotUsed(this.el, `${key}-${rowIndex + paginationOffset}`) && {\n              key,\n              index,\n            }\n        )\n        .filter(\n          (col) =>\n            !!col &&\n            // skip the column if its already in the row\n            !Object.prototype.hasOwnProperty.call(row, col.key)\n        ) as { key: string; index: number }[];\n      return slottedColumns.length > 0\n        ? addDataToPosition(row, slottedColumns, \"\")\n        : row;\n    });\n\n    return this.organisedData\n      ?.sort(\n        this.sortable &&\n          !this.disableAutoSort &&\n          this.sortedColumn &&\n          !this.columns.find((col) => col.key === this.sortedColumn)\n            ?.disableAutoSort\n          ? this.getSortFunction()\n          : undefined\n      )\n      .map((row, index) => {\n        const isRowSelected =\n          this.rowSelection && this.selectedRows.includes(row);\n        const cellIndex = index + paginationOffset;\n\n        return (\n          <tr\n            class={{\n              \"table-row\": true,\n              \"table-row-selected\": isRowSelected,\n            }}\n          >\n            {this.rowSelection && (\n              <td\n                class={{\n                  \"table-cell\": true,\n                  \"checkbox-cell\": true,\n                  [`table-density-${this.density}`]: this.notDefaultDensity(),\n                }}\n              >\n                <div class=\"checkbox-wrapper\">\n                  <ic-checkbox\n                    class=\"ic-data-table-checkbox\"\n                    checked={isRowSelected}\n                    disabled={this.updating || this.loading}\n                    hideLabel\n                    label={`${\n                      isRowSelected ? \"Deselect\" : \"Select\"\n                    } row ${cellIndex}`}\n                    onIcCheck={() => this.onRowClick(row)}\n                    size={this.density === \"dense\" ? \"small\" : \"medium\"}\n                    value={cellIndex}\n                  ></ic-checkbox>\n                </div>\n              </td>\n            )}\n            {this.createCells(row, cellIndex)}\n          </tr>\n        );\n      });\n  };\n\n  private getObjectValue = (cell: object, key: string) =>\n    Object.values(cell)[Object.keys(cell).indexOf(key)];\n\n  private getSortButtonLabel = (key: string) => {\n    let label = \"\";\n    const getNextSortOption = (option: IcDataTableSortOrderOptions) => {\n      const sortOrders = this.sortOptions.sortOrders;\n      return sortOrders[(sortOrders.indexOf(option) + 1) % sortOrders.length];\n    };\n\n    if (this.sortedColumn === key) {\n      const sortOption = getNextSortOption(this.sortedColumnOrder);\n      label = sortOption !== \"unsorted\" ? `Sort ${sortOption}` : \"Remove sort\";\n    } else {\n      label = `Sort ${getNextSortOption(\"unsorted\")}`;\n    }\n\n    return label;\n  };\n\n  private getComparison = (targetRow: any, comparisonRow: any): number => {\n    const targetRowValue = targetRow[this.sortedColumn];\n    const comparisonRowValue = comparisonRow[this.sortedColumn];\n    return this.columns.find((col) => col.key === this.sortedColumn)!\n      .dataType === \"date\"\n      ? new Date(targetRowValue).valueOf() -\n          new Date(comparisonRowValue).valueOf()\n      : String(\n          this.isObject(targetRowValue)\n            ? Object.values(targetRowValue)[0]\n            : targetRowValue\n        ).localeCompare(\n          String(\n            this.isObject(comparisonRowValue)\n              ? Object.values(comparisonRowValue)[0]\n              : comparisonRowValue\n          ),\n          undefined,\n          { numeric: true, sensitivity: \"base\" }\n        );\n  };\n\n  private getSortFunction = () => {\n    switch (this.sortedColumnOrder) {\n      case \"ascending\":\n        return (a: any, b: any) => this.getComparison(a, b);\n      case \"descending\":\n        return (a: any, b: any) => this.getComparison(b, a);\n      default:\n        return undefined;\n    }\n  };\n\n  private sortRows = (column: string) => {\n    const sortOrders = this.sortOptions.sortOrders;\n\n    if (column !== this.sortedColumn) {\n      if (this.sortedColumn) {\n        this.el.shadowRoot\n          ?.querySelector(`#sort-button-${this.sortedColumn}`)\n          ?.setAttribute(\"aria-label\", this.getSortButtonLabel(column)); // Passing through unsorted column returns correct label for newly unsorted column\n      }\n      this.sortedColumn = column;\n      this.sortedColumnOrder = \"unsorted\";\n    }\n\n    let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n    if (nextSortOrderIndex > sortOrders.length - 1) {\n      nextSortOrderIndex = 0;\n    }\n\n    this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n    this.el.shadowRoot\n      ?.querySelector(`#sort-button-${column}`)\n      ?.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n\n    this.tableSorted = true;\n\n    this.icSortChange.emit({\n      columnName: column,\n      sorted: this.sortedColumnOrder,\n    });\n  };\n\n  /** Gets all `ic-typography`elements within the data table, excluding column headers and cell descriptions */\n  private getTypographyElements = (): HTMLIcTypographyElement[] =>\n    Array.from(\n      this.el.shadowRoot?.querySelectorAll(\n        \"ic-typography:not(.column-header-text,.cell-description-text)\"\n      ) || []\n    );\n\n  private getTooltip = (typographyEl: HTMLIcTypographyElement) =>\n    typographyEl.closest<HTMLIcTooltipElement>(this.TOOLTIP);\n\n  private updateTruncationTooltip = (removeTooltipOnly = false) => {\n    this.getTypographyElements().forEach((typographyEl) => {\n      const tooltip = this.getTooltip(typographyEl);\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      if (cellContainer) {\n        if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n          this.removeTooltip(cellContainer, typographyEl, tooltip);\n          typographyEl.setAttribute(\n            \"style\",\n            `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n          );\n          return;\n        }\n\n        this.regenerateTooltip(\n          cellContainer,\n          typographyEl,\n          tooltip,\n          removeTooltipOnly\n        );\n      }\n    });\n  };\n\n  private updateScrollOffset = () => {\n    const tableRowContainer = this.el.shadowRoot?.querySelector(\n      \".table-row-container\"\n    );\n    if (tableRowContainer) this.scrollOffset = tableRowContainer.scrollTop;\n  };\n\n  private updateRowHeightForDescriptions = (\n    rowHeight: number,\n    cellContainer: Element\n  ) => {\n    cellContainer.setAttribute(\n      this.DATA_ROW_HEIGHT_STRING,\n      rowHeight.toString()\n    );\n    cellContainer.setAttribute(\n      \"style\",\n      `${this.ROW_HEIGHT_CSS_VARIABLE}: ${rowHeight}px`\n    );\n  };\n\n  private getDescriptionHeight = (description: Element) => {\n    const descriptionMarginTop = window\n      .getComputedStyle(description)\n      .getPropertyValue(\"margin-top\");\n    return description.clientHeight + parseInt(descriptionMarginTop, 10);\n  };\n\n  /** Method to update the row heights on cells with descriptions and tooltip truncation */\n  private updateCellHeightsWithDescriptions = () => {\n    const isXSDevice = deviceSizeMatches(IC_DEVICE_SIZES.XS);\n    this.el.shadowRoot\n      ?.querySelectorAll(this.CELL_DESCRIPTION_STRING)\n      ?.forEach((description) => {\n        const cellContainer = description.closest<HTMLElement>(\n          `.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`\n        );\n        const typography =\n          cellContainer?.querySelector<HTMLIcTypographyElement>(\n            this.IC_TYPOGRAPHY_STRING\n          );\n\n        if (\n          typography &&\n          cellContainer &&\n          this.globalRowHeight &&\n          this.globalRowHeight !== \"auto\"\n        ) {\n          const descriptionHeight = this.getDescriptionHeight(description);\n          const descriptionHeightPlusLineHeight =\n            descriptionHeight + this.DEFAULT_LINE_HEIGHT;\n          if (\n            !typography.textContent &&\n            descriptionHeightPlusLineHeight > this.globalRowHeight\n          ) {\n            this.updateRowHeightForDescriptions(\n              descriptionHeight,\n              cellContainer\n            );\n          } else if (this.truncationPattern === this.TOOLTIP_STRING) {\n            if (descriptionHeightPlusLineHeight > this.globalRowHeight) {\n              const cellIcon = cellContainer.querySelector(\".icon\");\n              let rowHeight = descriptionHeightPlusLineHeight;\n              if (cellIcon && isXSDevice) {\n                // recalculate descriptionHeight as when a word break occurs this value changes\n                // Additional spacing given for 300-400% zoom\n                rowHeight += cellIcon.clientHeight;\n              }\n              this.updateRowHeightForDescriptions(rowHeight, cellContainer);\n            }\n            this.addLineClampCSS(typography, cellContainer);\n            // Additional case for show/hide truncation for when a description is present, but the text\n            // isn't overflowing the cell to trigger the show more button to appear.\n          } else if (\n            this.truncationPattern === this.SHOW_HIDE_STRING &&\n            descriptionHeightPlusLineHeight > this.globalRowHeight &&\n            typography.style.getPropertyValue(\"--truncation-max-lines\") !==\n              \"initial\"\n          ) {\n            this.updateRowHeightForDescriptions(\n              descriptionHeightPlusLineHeight,\n              cellContainer\n            );\n            this.createShowHideTruncation(\n              typography,\n              cellContainer,\n              descriptionHeight\n            );\n          }\n        }\n      });\n  };\n\n  private regenerateTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement | null,\n    removeTooltipOnly?: boolean\n  ) {\n    // When sorting the table, instead of regenerating the tooltip,\n    // the tooltip details are updated\n\n    if (tooltip) {\n      if (this.tableSorted) {\n        tooltip.setAttribute(\"target\", typographyEl.id);\n        tooltip.setAttribute(\"label\", typographyEl.textContent!);\n      } else {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      if (removeTooltipOnly) {\n        return;\n      }\n    }\n\n    // This add line clamp to data only when\n    // the data object has been updated\n    if (!typographyEl.getAttribute(\"style\") && this.dataUpdated) {\n      this.addLineClampCSS(typographyEl, cellContainer);\n    }\n\n    if (\n      typographyEl?.scrollHeight > cellContainer?.clientHeight &&\n      this.truncationPattern === this.TOOLTIP_STRING\n    ) {\n      if (\n        !typographyEl.getAttribute(\"style\") ||\n        typographyEl.style.cssText.includes(\n          `${this.LINE_CLAMP_CSS_VARIABLE}: 0;`\n        )\n      ) {\n        this.addLineClampCSS(typographyEl, cellContainer);\n      }\n      if (!cellContainer.querySelector(this.IC_TOOLTIP_STRING))\n        this.createTruncationTooltip(typographyEl, cellContainer);\n    }\n  }\n  private setTableDimensions = () => {\n    let tableHostDimensions = {};\n\n    if (this.width) {\n      tableHostDimensions = {\n        ...tableHostDimensions,\n        [\"--table-width\"]: this.width,\n      };\n    }\n\n    if (this.height) {\n      tableHostDimensions = {\n        ...tableHostDimensions,\n        [\"--table-height\"]: this.height,\n      };\n    }\n\n    if (this.maxWidth) {\n      tableHostDimensions = {\n        ...tableHostDimensions,\n        [\"--table-max-width\"]: this.maxWidth,\n      };\n    }\n\n    if (this.minWidth) {\n      tableHostDimensions = {\n        ...tableHostDimensions,\n        [\"--table-min-width\"]: this.minWidth,\n      };\n    }\n\n    return tableHostDimensions;\n  };\n\n  private removeTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement | null\n  ) {\n    cellContainer\n      .querySelector(this.CELL_TEXT_WRAPPER_STRING)\n      ?.prepend(typographyEl);\n    tooltip?.remove();\n  }\n\n  private addLineClampCSS(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const descriptionCellHeight = cellContainer.querySelector(\n      this.CELL_DESCRIPTION_STRING\n    )?.clientHeight;\n    const cellContainerHeight = cellContainer.clientHeight;\n\n    let totalHeight = cellContainerHeight;\n    if (\n      cellContainer.classList.contains(\n        this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n      ) &&\n      descriptionCellHeight &&\n      cellContainerHeight > descriptionCellHeight\n    ) {\n      const iconHeight =\n        (deviceSizeMatches(IC_DEVICE_SIZES.XS) &&\n          cellContainer?.querySelector(\".icon\")?.clientHeight) ||\n        0;\n      totalHeight = totalHeight - descriptionCellHeight - iconHeight;\n    }\n\n    typographyEl.setAttribute(\n      \"style\",\n      `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(totalHeight || 0)}`\n    );\n  }\n\n  private createTruncationTooltip(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const tooltipEl = document.createElement(\n      this.IC_TOOLTIP_STRING\n    ) as HTMLIcTooltipElement;\n    tooltipEl.setAttribute(\"target\", typographyEl.id);\n    tooltipEl.setAttribute(\"label\", typographyEl.textContent!);\n    tooltipEl.classList.add(\"ic-tooltip-overflow\");\n    tooltipEl.setExternalPopperProps({\n      // This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly\n      strategy: \"fixed\",\n    });\n    cellContainer\n      .querySelector(this.CELL_TEXT_WRAPPER_STRING)\n      ?.prepend(tooltipEl);\n    tooltipEl.prepend(typographyEl);\n  }\n\n  private fixCellTooltip = (element: Element) => {\n    let tooltip: HTMLIcTooltipElement | null = null;\n    const tooltipChildElement =\n      element.shadowRoot?.querySelector<HTMLIcTooltipElement>(\n        this.IC_TOOLTIP_STRING\n      );\n\n    if (element.tagName === \"IC-TOOLTIP\") {\n      tooltip = element as HTMLIcTooltipElement;\n    } else if (tooltipChildElement) {\n      tooltip = tooltipChildElement;\n    } else if (element.children?.length > 0) {\n      Array.from(element.children).forEach((el) => {\n        this.fixCellTooltip(el);\n      });\n    } else {\n      return;\n    }\n\n    tooltip?.setExternalPopperProps({\n      strategy: \"fixed\",\n    });\n  };\n\n  private fixCellOverflow = () => {\n    this.el.shadowRoot\n      ?.querySelectorAll(\".data-type-element\")\n      ?.forEach((element) => {\n        let children: any = Array.from(element.children);\n        if (children.length === 1 && children[0].tagName === \"SLOT\") {\n          children = getSlotElements(element);\n        }\n        children?.forEach((el: any) => {\n          if (el.tagName === \"IC-SELECT\") {\n            const menu = el.shadowRoot?.querySelector(\"ic-menu\");\n            menu?.setExternalPopperProps({\n              strategy: \"fixed\",\n            });\n            (el as HTMLIcSelectElement).style.setProperty(\n              \"--input-width\",\n              `${element.clientWidth}px`\n            );\n          } else {\n            const popover = el.querySelector(\"ic-popover-menu\");\n            popover?.setExternalPopperProps({\n              strategy: \"fixed\",\n            });\n          }\n        });\n      });\n  };\n\n  private fixCellTooltips = () => {\n    this.el.shadowRoot\n      ?.querySelectorAll(\".data-type-element\")\n      ?.forEach((element) => {\n        const slotElements = getSlotElements(element);\n        slotElements?.forEach((slottedEl) => {\n          this.fixCellTooltip(slottedEl as Element);\n        });\n      });\n\n    this.el.shadowRoot\n      ?.querySelectorAll(\".action-element\")\n      ?.forEach((actionElementSpan) => {\n        const actionElement = actionElementSpan.firstChild as HTMLElement;\n        const slottedActionElement =\n          this.getSlottedActionElement(actionElement);\n        if (slottedActionElement) {\n          this.fixCellTooltip(slottedActionElement as HTMLElement);\n        }\n      });\n  };\n\n  private renderTableBody = (\n    loading: boolean,\n    data?: IcDataTableDataType[],\n    overlay?: boolean\n  ) => {\n    if (!data?.length) return;\n\n    if (overlay && loading) {\n      return <tbody>{this.createRows()}</tbody>;\n    } else if (loading && !overlay) {\n      return null;\n    } else {\n      return <tbody>{this.createRows()}</tbody>;\n    }\n  };\n\n  private renderLoadingIndicator = (\n    isLoading: boolean,\n    loadingOptions?: IcLoadingOptions\n  ) => {\n    if (!isLoading) return null;\n\n    return (\n      <Fragment>\n        <div\n          class=\"loading-overlay\"\n          ref={(el) => (this.loadingOverlay = el)}\n        ></div>\n        <ic-loading-indicator\n          theme={this.theme}\n          monochrome={loadingOptions?.monochrome}\n          class={{\n            \"loading-empty\": isLoading,\n            loading: true,\n          }}\n          description={loadingOptions?.description || \"Loading table data\"}\n          label={loadingOptions?.label || \"Loading...\"}\n          labelDuration={loadingOptions?.labelDuration}\n          max={loadingOptions?.max}\n          min={loadingOptions?.min}\n          progress={loadingOptions?.progress}\n          ref={(el: HTMLIcLoadingIndicatorElement) =>\n            (this.loadingIndicator = el)\n          }\n        ></ic-loading-indicator>\n      </Fragment>\n    );\n  };\n\n  private renderAriaLiveLoading = () => {\n    if (this.loading) {\n      return this.loadingOptions?.label || \"Loading...\";\n    } else if (this.updating) {\n      return this.updatingOptions?.description || \"Updating table data\";\n    } else {\n      return \"\";\n    }\n  };\n\n  private renderEmptyState = (\n    loading: boolean,\n    data?: IcDataTableDataType[],\n    overlay?: boolean\n  ) => {\n    const emptyStateEl = isSlotUsed(this.el, \"empty-state\") ? (\n      <slot name=\"empty-state\" />\n    ) : (\n      <ic-empty-state\n        aligned=\"center\"\n        heading=\"No Data\"\n        class=\"loading-empty\"\n      ></ic-empty-state>\n    );\n\n    if (loading && !data?.length && overlay) {\n      return emptyStateEl;\n    } else if (!loading && !data?.length) {\n      return emptyStateEl;\n    } else {\n      return null;\n    }\n  };\n\n  render() {\n    const {\n      caption,\n      columns,\n      createColumnHeaders,\n      createUpdatingIndicator,\n      data,\n      density,\n      hideColumnHeaders,\n      rowSelection,\n      loading,\n      loadingOptions,\n      paginationBarOptions,\n      rowsPerPage,\n      scrollable,\n      scrollOffset,\n      selectAllRows,\n      selectedRows,\n      showPagination,\n      sortable,\n      sortedColumn,\n      sortedColumnOrder,\n      stickyColumnHeaders,\n      updateScrollOffset,\n      updating,\n      tableLayout,\n      theme,\n    } = this;\n\n    const rowsSelected = selectedRows.length > 0;\n    const allRowsSelected =\n      selectedRows.length === (showPagination ? rowsPerPage : data?.length);\n\n    const headerCheckboxLabelState = rowsSelected\n      ? allRowsSelected\n        ? \"deselect all\"\n        : \"select all remaining\"\n      : \"select all\";\n\n    return (\n      <Host\n        style={{ ...this.setTableDimensions() }}\n        class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n      >\n        <div class=\"table-container\">\n          {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n          <div\n            class={{\n              [\"table-row-container\"]: true,\n              scrollable,\n            }}\n            tabIndex={scrollable ? 0 : undefined}\n            onScroll={updateScrollOffset}\n          >\n            <table\n              style={{\n                \"--table-layout\": tableLayout,\n              }}\n            >\n              <caption class=\"table-caption\">{caption}</caption>\n              {!hideColumnHeaders && (\n                <thead\n                  class={{\n                    [\"column-header-sticky\"]: stickyColumnHeaders,\n                    [\"column-header-overlay\"]:\n                      stickyColumnHeaders && scrollOffset !== 0,\n                  }}\n                >\n                  <tr>\n                    {rowSelection && data && (\n                      <th\n                        class={{\n                          \"column-header\": true,\n                          \"checkbox-cell\": true,\n                          \"updating-state-headers\": updating && !loading,\n                          [`table-density-${density}`]:\n                            this.notDefaultDensity(),\n                        }}\n                      >\n                        <div class=\"checkbox-wrapper\">\n                          <ic-checkbox\n                            class=\"ic-data-table-checkbox\"\n                            checked={rowsSelected && allRowsSelected}\n                            disabled={updating || loading}\n                            hideLabel\n                            indeterminate={rowsSelected && !allRowsSelected}\n                            label={`${caption} ${headerCheckboxLabelState} rows`}\n                            nativeIndeterminateBehaviour\n                            onIcCheck={() => selectAllRows()}\n                            size={density === \"dense\" ? \"small\" : \"medium\"}\n                            value={caption}\n                          ></ic-checkbox>\n                        </div>\n                      </th>\n                    )}\n                    {createColumnHeaders()}\n                  </tr>\n                </thead>\n              )}\n              {updating &&\n                !loading &&\n                (hideColumnHeaders ? (\n                  <thead>{createUpdatingIndicator()}</thead>\n                ) : (\n                  createUpdatingIndicator()\n                ))}\n              {this.renderTableBody(loading, data, loadingOptions?.overlay)}\n            </table>\n            {this.renderEmptyState(loading, data, loadingOptions?.overlay)}\n          </div>\n          <div aria-live=\"assertive\" class=\"sr-only\">\n            {this.renderAriaLiveLoading()}\n          </div>\n          {this.renderLoadingIndicator(loading, loadingOptions)}\n          {(showPagination || isSlotUsed(this.el, \"pagination-bar\")) && (\n            <div class=\"pagination-container\">\n              {isSlotUsed(this.el, \"pagination-bar\") ? (\n                <slot name=\"pagination-bar\" />\n              ) : (\n                <ic-pagination-bar\n                  alignment={paginationBarOptions.alignment}\n                  hideAllFromItemsPerPage={\n                    paginationBarOptions.hideAllFromItemsPerPage\n                  }\n                  hideRangeLabel={paginationBarOptions.hideRangeLabel}\n                  itemLabel={paginationBarOptions.itemLabel}\n                  itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\n                  monochrome={paginationBarOptions.monochrome}\n                  pageLabel={paginationBarOptions.pageLabel}\n                  rangeLabelType={paginationBarOptions.rangeLabelType}\n                  selectedItemsPerPage={\n                    paginationBarOptions.selectedItemsPerPage\n                  }\n                  selectItemsPerPageOnEnter={\n                    paginationBarOptions.selectItemsPerPageOnEnter\n                  }\n                  setToFirstPageOnPaginationChange={\n                    paginationBarOptions.setToFirstPageOnPaginationChange\n                  }\n                  showGoToPageControl={paginationBarOptions.showGoToPageControl}\n                  showItemsPerPageControl={\n                    paginationBarOptions.showItemsPerPageControl\n                  }\n                  theme={theme}\n                  totalItems={data?.length ?? 0}\n                  type={paginationBarOptions.type}\n                ></ic-pagination-bar>\n              )}\n            </div>\n          )}\n          {sortable && (\n            <div class=\"screen-reader-sort-text\" aria-live=\"polite\">\n              {sortedColumnOrder !== \"unsorted\" && sortedColumn\n                ? `${\n                    columns.find((col) => col.key === sortedColumn)?.title ||\n                    sortedColumn\n                  } sorted ${sortedColumnOrder}`\n                : \"table unsorted\"}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0qBAAA,MAAMA,EAAiB,+3SACvB,MAAAC,EAAeD,E,MCyDFE,EAAS,MALtB,WAAAC,CAAAC,G,gTAMUC,KAAAC,0BAA4B,CAClCC,MAAO,GACPC,QAAS,EACTC,SAAU,KAGJJ,KAAAK,4BAA8B,CACpCH,MAAO,EACPC,QAAS,GACTC,SAAU,IAGJJ,KAAAM,WAAa,CACnBC,SAAUC,EACVC,UAAWC,EACXC,WAAYC,GAGNZ,KAAAa,sBAAwB,KAIxBb,KAAAc,eAAwC,KACxCd,KAAAe,iBAAmB,YACnBf,KAAAgB,oBAAsB,GAAGhB,KAAKe,wBAC9Bf,KAAAiB,eAAiB,UACjBjB,KAAAkB,QAAU,MAAMlB,KAAKiB,iBACrBjB,KAAAmB,iBAAmB,YACnBnB,KAAAoB,gBAAkB,IAAIpB,KAAKmB,mBAC3BnB,KAAAqB,YAAc,MACdrB,KAAAsB,eAAiB,MAEjBtB,KAAAuB,aAAe,MACfvB,KAAAwB,YAAc,MACdxB,KAAAyB,kBAAoB,MACpBzB,KAAA0B,mBAAqB,MACrB1B,KAAA2B,uBAAyB,kBACzB3B,KAAA4B,wBAA0B,eAC1B5B,KAAA6B,wBAA0B,kBAE1B7B,KAAA8B,oBAAsB,GACtB9B,KAAA+B,cAAgB,MAEhB/B,KAAAgC,yBAAoC,MACpChC,KAAAiC,sBAAwB,MACxBjC,KAAAkC,qBAA8C,KAE9ClC,KAAAmC,kBAAoB,aACpBnC,KAAAoC,0BAA4B,qBAC5BpC,KAAAqC,wBAA0B,oBAC1BrC,KAAAsC,uCACN,kCACMtC,KAAAuC,yBAA2B,qBAC3BvC,KAAAwC,qBAAuB,gBAKtBxC,KAAAyC,QAAkB,EAMlBzC,KAAA0C,WAAsB,MAEtB1C,KAAA2C,aAAuB,EAEvB3C,KAAA4C,aAAsC,GAUtC5C,KAAA6C,cAAgB,EAUjB7C,KAAA8C,uBAAkC,MAkClC9C,KAAA+C,gBAA4B,MAKX/C,KAAAgD,QAAqC,UAKtDhD,KAAAiD,SAAoB,MAKHjD,KAAAkD,gBAAyC,OAU1DlD,KAAAmD,kBAA8B,MAKbnD,KAAAoD,QAAmB,MA6BpCpD,KAAAqD,8BAAwC,IAKxCrD,KAAAsD,qBAA+C,CACrDC,UAAW,QACXC,wBAAyB,MACzBC,eAAgB,MAChBC,UAAW,OACXC,oBAAqB,CACnB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAExBC,WAAY,MACZC,UAAW,OACXC,eAAgB,OAChBC,qBAAsB,GACtBC,0BAA2B,KAC3BC,iCAAkC,MAClCC,oBAAqB,KACrBC,wBAAyB,KACzBC,KAAM,UAMAtE,KAAAuE,aAAwB,MAKxBvE,KAAAwE,eAA2B,MAK3BxE,KAAAyE,SAAqB,MAKrBzE,KAAA0E,YAGJ,CACFC,WAAY,CAAC,WAAY,YAAa,cACtCC,cAAe,IAMT5E,KAAA6E,oBAA+B,MAK/B7E,KAAA8E,iBAA4B,MAK5B9E,KAAA+E,YAAiC,QAKjC/E,KAAAgF,MAAsB,UAUtBhF,KAAAiF,SAAoB,MAgMpBjF,KAAAkF,wBAA0B,KAChClF,KAAKkC,qBAAuB,IAAIiD,gBAAe,KAC7CnF,KAAKoF,sBAAsB,IAE7BpF,KAAKkC,qBAAqBmD,QAAQrF,KAAKsF,GAAG,EAGpCtF,KAAAoF,qBAAuB,K,UAC7B,IAAKpF,KAAKmD,mBAAqBnD,KAAK8C,uBAAwB,CAC1D,MAAMyC,GACJC,GAAAC,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAAc,uBAAmB,MAAAH,SAAA,SAAAA,EAAEI,YACzD,GACEL,GACAA,IAAwBvF,KAAK6F,wBAC7B,EACAC,EAAA9F,KAAKsF,GAAGI,cAAU,MAAAI,SAAA,SAAAA,EACdC,iBAAiB,oBAClBC,SAASC,IACR,MAAMC,EAAUD,EAAON,cAAc3F,KAAKmC,mBAC1C,MAAMgE,EAAgBF,EAAOF,iBAC3B/F,KAAKwC,sBAEP,GAAI0D,GAAWC,GAAiBA,EAAcC,SAAW,EAAG,CAC1DF,EAAQG,UAAUC,OAAOtG,KAAKoC,2BAC9B,GAAI+D,EAAc,GAAGP,YAAcO,EAAc,GAAGP,YAAa,CAC/DM,EAAQG,UAAUE,IAAIvG,KAAKoC,0B,MAInCpC,KAAK6F,wBAA0BN,C,IAK7BvF,KAAAwG,aAAe,KACrBxG,KAAKyG,oCACLzG,KAAK0G,iBAAiB,EAGhB1G,KAAA2G,aAAgBC,GACtBC,SAASC,iBAAiBC,SAASC,iBAAiBC,UACpDC,WAAWN,EAAcO,aAAanH,KAAK2B,yBAA2B,IAEhE3B,KAAAoH,oBAAsB,KAC5B,GAAIpH,KAAKqH,oBAAsBrH,KAAKe,iBAAkB,CACpDf,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAC5C,GAAIX,EAAe,CACjB,MAAMa,EAAezH,KAAK0H,gBAAgBH,GAC1C,GACEE,GACAb,EAAce,aAAe3H,KAAK8B,qBAChC2F,EAAaG,aACf,CACA5H,KAAK6H,8BAA8BN,EAAcX,GACjD,M,CAEFkB,YAAW,KAET9H,KAAK+H,8BAA8BR,EAAcX,EAAc,GAC9D,I,KAKT,GAAI5G,KAAKqH,oBAAsBrH,KAAKiB,eAAgB,CAClDjB,KAAKgI,yB,CAGPhI,KAAKqB,YAAc,KAAK,EAGlBrB,KAAAiI,oBAAsB,KAC5B,GAAIjI,KAAKqH,oBAAsBrH,KAAKiB,eAAgB,CAClDjB,KAAKgI,yB,CAGP,GAAIhI,KAAKqH,oBAAsBrH,KAAKe,iBAAkB,CACpDf,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAE5C,GAAIX,EAAe,CACjB,IAAKA,EAAcP,UAAU6B,SAASlI,KAAKmB,kBAAmB,CAC5DnB,KAAKmI,yBAAyBZ,EAAcX,E,KACvC,CACLW,EAAaa,kBAAkBC,MAAK,KAClCzB,EAAc0B,gBAAgB,QAAQ,G,MAOhDtI,KAAKuI,YAAc,KAAK,EAGlBvI,KAAAwI,qBAAuB,KAI7BxI,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAC5C,MAAMkB,EAAYzI,KAAK0I,WAAWnB,GAElC,GAAIX,EAAe,CACjB,GAAI5G,KAAKkD,kBAAoB,OAAQ,CACnC0D,EAAc+B,MAAMC,OAAS,GAC7BhC,EAAc+B,MAAME,YAAY7I,KAAK4B,wBAAyB,MAC9DgF,EAAc0B,gBAAgBtI,KAAK2B,wBAEnC,GAAI3B,KAAKqH,oBAAsBrH,KAAKiB,eAAgB,CAClDjB,KAAK8I,cAAclC,EAAeW,EAAckB,GAChDlB,EAAawB,aACX,QACA,GAAG/I,KAAK6B,6B,MAEL,GAAI7B,KAAKqH,oBAAsBrH,KAAKe,iBAAkB,CAC3Df,KAAK6H,8BAA8BN,EAAcX,E,CAGnD,M,CAKF,IACGA,EAAcP,UAAU6B,SACvBlI,KAAKsC,0CAENsE,EAAc+B,MAAMC,QACrB5I,KAAK2G,aAAaC,GAAiBA,EAAce,eAChDf,EAAcP,UAAU6B,SAASlI,KAAKmB,kBACvC,CACAyF,EAAc+B,MAAME,YAClB7I,KAAK4B,wBACLgF,EAAcO,aAAanH,KAAK2B,wB,CAIpC,GAAI3B,KAAKqH,kBAAmB,CAG1B,GAAIrH,KAAKqH,oBAAsBrH,KAAKe,iBAAkB,CACpD,MAAM0G,EAAezH,KAAK0H,gBAAgBH,GAE1C,GACEvH,KAAKgJ,kBAAkBzB,IACvBE,GACAA,EAAaG,cAAgBhB,EAAce,aAC3C,CACA3H,KAAK6H,8BAA8BN,EAAcX,GACjD,M,EAGJ5G,KAAKiJ,SAAS1B,EAAcX,EAAe6B,E,KACtC,CACLzI,KAAKkJ,mBAAmB3B,E,MAK9BvH,KAAKuB,aAAe,KAAK,EAGnBvB,KAAAmJ,2BAA6B,K,MAGnC,MAAMC,GAAU3D,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EAAEM,iBAAiB,cAErD,GAAIqD,GAAWpJ,KAAKqJ,YAAcrJ,KAAKsJ,qBAAsB,CAC3D,MAAMC,EAAUC,MAAMC,KAAKL,GAASM,MAAM1J,KAAKsJ,sBAE/CC,EAAQvD,SAAS2D,IACfA,EAAI5D,iBAAiB,iBAAiBC,SAASuB,IAC7C,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAC5C,MAAMkB,EAAYzI,KAAK0I,WAAWnB,GAElC,GAAIX,EACF5G,KAAKiJ,SAAS1B,EAAcX,EAAe6B,EAAU,GACvD,G,CAINzI,KAAKsJ,qBAAuBtJ,KAAKqJ,YACjCrJ,KAAK0B,mBAAqB,KAAK,EAGzB1B,KAAA4J,mBAAqB,KAC3B,GAAI5J,KAAKqH,oBAAsBrH,KAAKiB,eAAgB,CAClDjB,KAAKgI,yB,CAGP,GAAIhI,KAAKqH,oBAAsBrH,KAAKe,iBAAkB,CAEpDf,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAE5C,GACEX,GACA5G,KAAK6J,6CACHtC,EACAX,KAED5G,KAAKgJ,kBAAkBzB,GACxB,CACAvH,KAAK8J,sBAAsBlD,EAAeW,E,KAKhDvH,KAAKyB,kBAAoB,KAAK,EAGxBzB,KAAA+J,sBAAwB,KAC9B/J,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAC5C,MAAMkB,EAAYzI,KAAK0I,WAAWnB,GAElC,GAAIX,EAAe5G,KAAKiJ,SAAS1B,EAAcX,EAAe6B,EAAU,IAG1EzI,KAAK+B,cAAgB,KAAK,EAGpB/B,KAAA6J,6CAA+C,CACrDtC,EACAX,IACGA,GAAiBW,EAAaK,aAAehB,EAAce,aAExD3H,KAAAgK,kEAAoE,CAC1EzC,EACAX,KAEA,MAAMa,EAAezH,KAAK0H,gBAAgBH,GAC1C,OACEE,GACAb,EAAce,aAAe3H,KAAK8B,oBAChC2F,EAAaG,YAAY,EAIvB5H,KAAAiK,uBAAyB,KAC/B,GAAIjK,KAAKqH,oBAAsBrH,KAAKiB,eAAgB,CAClDjB,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAC5C,MAAMkB,EAAYzI,KAAK0I,WAAWnB,GAElC,GACEX,GACA5G,KAAK6J,6CACHtC,EACAX,GAEF,CACA5G,KAAKkK,qBAAqB3C,EAAcX,EAAe6B,E,UAGtD,GAAIzI,KAAKqH,oBAAsBrH,KAAKe,iBAAkB,CAC3Df,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAE5C,GAAIX,EAAe,CACjB,GACE5G,KAAKgK,kEACHzC,EACAX,GAEF,CACA5G,KAAK6H,8BAA8BN,EAAcX,GACjD,M,CAEF5G,KAAK+H,8BAA8BR,EAAcX,E,OAMjD5G,KAAAkJ,mBAAsB3B,IAC5B,MAAM4C,EAA2BC,IAC/B,MAAMxD,EAAgB5G,KAAKwH,iBAAiB4C,GAE5C,GACExD,GACAwD,EAAQxC,aAAe5H,KAAK2G,aAAaC,GACzC,CACAA,EAAc+B,MAAM0B,eAAerK,KAAK4B,wB,GAI5C,GAAI2F,EAAc,CAChB4C,EAAwB5C,E,KACnB,CACLvH,KAAKsH,wBAAwBtB,SAASuB,IACpC4C,EAAwB5C,EAAa,G,GAoBnCvH,KAAAsK,SAAY1B,GAClB2B,KAAKC,MAAM5B,EAAS5I,KAAK8B,qBAEnB9B,KAAAiJ,SAAW,CACjB1B,EACAX,EACAV,K,MAEA,GACElG,KAAK6J,6CACHtC,EACAX,GAEF,CAEA,IAAKW,EAAakD,QAAQzK,KAAKoB,iBAAkB,CAC/C,GAAIpB,KAAKqH,oBAAsBrH,KAAKiB,eAAgB,CAClDjB,KAAKkK,qBAAqB3C,EAAcX,EAAeV,E,CAEzD,GAAIlG,KAAKqH,oBAAsBrH,KAAKe,iBAAkB,CACpDf,KAAK8J,sBAAsBlD,EAAeW,E,OAGzC,CACL,GAAIvH,KAAKqH,oBAAsBrH,KAAKiB,gBAAkBiF,EAAS,CAC7DqB,EAAawB,aACX,QACA,GAAG/I,KAAK6B,+BAGV4D,EAAAmB,EACGjB,cAAc3F,KAAKuC,6BAAyB,MAAAkD,SAAA,SAAAA,EAC3CiF,QAAQnD,GACZrB,EAAQI,Q,CAGV,GACEtG,KAAKqH,oBAAsBrH,KAAKe,mBAC/B4J,EAAcpD,IAAY,MAAZA,SAAY,SAAZA,EAAcJ,aAAa,cAC1C,CACAnH,KAAK6H,8BAA8BN,EAAcX,E,IAiB/C5G,KAAA+H,8BAAgC,CACtCR,EACAX,KAEA,GACE5G,KAAK6J,6CACHtC,EACAX,GAEF,CACA5G,KAAK8J,sBAAsBlD,EAAeW,GAC1C,OAAO,I,CAET,OAAO,KAAK,EAWNvH,KAAA4K,eAAiB,CACvBrD,EACAX,KAGA,MAAMV,EAAUlG,KAAK0I,WAAWnB,GAChC,GACEX,EAAcP,UAAU6B,SAAS,sBACjClI,KAAKqB,YACL,CACA,M,CAGF,GACErB,KAAKqH,oBAAsBrH,KAAKe,kBAChCf,KAAKgJ,kBAAkBzB,GACvB,CAGA,MAAME,EAAezH,KAAK0H,gBAAgBH,GAC1C,GACEE,GACAzH,KAAKsK,SAAS7C,EAAaG,gBACzBiD,OAAOtD,EAAaJ,aAAa,cACnC,CACAnH,KAAK6H,8BAA8BN,EAAcX,E,EAKrD,GAAI5G,KAAKuB,cAAgBvB,KAAKqH,oBAAsBrH,KAAKe,iBAAkB,CAEzE,GACEf,KAAKgK,kEACHzC,EACAX,GAEF,CACA5G,KAAK6H,8BAA8BN,EAAcX,GACjD,M,CAGF,GAAI5G,KAAK+H,8BAA8BR,EAAcX,GAAgB,CACnE,M,EAIJ,GACEW,EAAaK,aAAe,GAC5BhB,EAAce,aAAe,GAC7BJ,EAAaK,eAAiBhB,EAAce,aAC5C,CACA,GAAIzB,EAAS,CACXlG,KAAK8I,cAAclC,EAAeW,EAAcrB,E,CAElD,M,CAGFlG,KAAKiJ,SAAS1B,EAAcX,EAAeV,EAAQ,EAG7ClG,KAAA0H,gBAAmBH,IAAqC,IAAA9B,EAC9D,OAAAA,EAAA8B,EAAa7B,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAAc,iBAAiB,EAElD3F,KAAAgJ,kBAAqBzB,IAAqC,IAAA9B,EAChE,OAAAA,EAAA8B,EAAa7B,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAAc,SAAS,EAiJ1C3F,KAAA8K,eAAiB,KACvB9K,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMwD,EAAYxD,EAAakD,QAAQ,MACvC,GAAIM,IAAS,MAATA,SAAS,SAATA,EAAW1E,UAAU6B,SAASlI,KAAKmB,kBAAmB,CACxD4J,EAAU1E,UAAUC,OAAOtG,KAAKmB,iB,IAElC,EAGInB,KAAAwH,iBACND,GACuBA,EAAakD,QAAQ,mBAEtCzK,KAAAgL,sBACNC,GAEAzB,MAAM0B,QAAQD,IACdA,EAAMjF,SAASmF,GAAQA,EAAIC,iBAAmBD,EAAIC,WAE5CpL,KAAA6H,8BAAgC,CACtCN,EACAX,KAEA,MAAMa,EAAezH,KAAK0H,gBAAgBH,GAE1C,KAAMX,GAAiBa,GAAe,OAEtC,GACEA,EAAaG,aAAehB,EAAce,eACzCgD,EAAcpD,EAAaJ,aAAa,eACzCoD,KAAKC,OAAM5D,IAAa,MAAbA,SAAa,SAAbA,EAAee,cAAe3H,KAAK8B,uBAC5C+I,OAAOtD,EAAaJ,aAAa,cACnC,CACAI,EAAa8D,cAAc5D,EAAaG,cACxCL,EAAawB,aACX,YACA,GAAGwB,KAAKC,OAAM5D,IAAa,MAAbA,SAAa,SAAbA,EAAee,cAAe3H,KAAK8B,wBAEnDyF,EAAa+D,oBAAoB,OAEjC1E,EAAc+B,MAAME,YAAY7I,KAAK4B,wBAAyB,K,MACzD,IACJgF,EAAcP,UAAU6B,SACvBlI,KAAKsC,wCAEP,CACAiF,EAAaa,kBAAkBC,MAAK,KAClC,IAAKd,EAAakD,QAAQzK,KAAKoB,iBAAkB,CAC/CwF,EAAc+B,MAAME,YAClB7I,KAAK4B,wBACLgF,EAAcO,aAAanH,KAAK2B,wB,OAOlC3B,KAAAuL,2BAA6B,KACnCvL,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAE5CA,EAAaa,kBAAkBC,MAAK,KAClC,GAAIzB,IAAkBW,EAAakD,QAAQzK,KAAKoB,iBAAkB,CAChEwF,EAAc+B,MAAME,YAClB7I,KAAK4B,wBACLgF,EAAcO,aAAanH,KAAK2B,wB,IAGpC,GACF,EAiCI3B,KAAAwL,kBAAoB,KAC1BxL,KAAKa,sBAAwB,MAC7Bb,KAAKyL,aAAeC,KAAKC,MACzB7D,YAAW,KACT9H,KAAKa,sBAAwB,KAC7Bb,KAAKyL,aAAe,CAAC,GACpBzL,KAAKqD,8BAA8B,EAGhCrD,KAAA4L,SAAY/H,GAClBA,IAAUgI,WAAahI,IAAU,aAAeA,IAAU,SAEpD7D,KAAA8L,kBAAoB,IAAM9L,KAAKgD,UAAY,UAE3ChD,KAAA+L,eAAiB,CACvBC,EACAC,KAEA,OAAQA,GACN,IAAK,UACH,OAAOJ,UACT,IAAK,OACH,OACEG,aAAgBN,KAAOM,EAAO,IAAIN,KAAKM,IACvCE,qBACJ,QACE,OAAOF,E,EAILhM,KAAAmM,iBAAmB,CACzBH,EACAzI,KAEA,GAAIvD,KAAK4L,SAASI,IAASI,OAAOC,KAAKL,GAAMM,SAAS,iBAAkB,CACtE,OAAOtM,KAAKuM,eACVvM,KAAKuM,eAAeP,EAAM,iBAC1BzI,E,GAKEvD,KAAAwM,eAAiB,CAACR,EAAWS,KACnC,KAAMzM,KAAK4L,SAASI,IAASI,OAAOC,KAAKL,GAAMM,SAASG,IAAO,OAE/D,OAAOzM,KAAKuM,eAAeP,EAAMS,EAAI,EAG/BzM,KAAA0M,wBAA0B,KAChC,MAAMC,YAAEA,EAAWC,IAAEA,EAAGC,IAAEA,EAAGC,SAAEA,EAAQhJ,WAAEA,GACvC9D,KAAK+M,iBAAmB,GAC1B,MAAMC,EAAqBhN,KAAKiN,QAAQC,QACrCC,GAAQA,EAAIC,SAAW,OACxBhH,OACF,OACEiH,EAAA,MACEC,QAASN,GAAsBhN,KAAKuE,cAAgBvE,KAAKuN,KAAO,EAAI,GACpEC,MAAM,kBAENH,EAAA,wBACErI,MAAOhF,KAAKgF,MACZlB,WAAYA,EACZ6I,YAAaA,GAAe,sBAC5Bc,UAAW,KACXb,IAAKA,EACLC,IAAKA,EACLC,SAAUA,EACVxI,KAAK,SACLoJ,KAAK,UAEJ,EAID1N,KAAA2N,aAAgB/E,GACtBgF,EACE,GACEhF,EAAS5I,KAAKC,0BAA0BD,KAAKgD,SAC7ChD,KAAKK,4BAA4BL,KAAKgD,cAIpChD,KAAA6N,mBAAqB,IAC3B7N,KAAKqH,kBACD,CAAE,CAAC,cAAcrH,KAAKqH,qBAAsB,MAC5C,GAEErH,KAAA8N,eACNC,IAGA,IAAIC,EAAqB,GAEzB,UAAWD,IAAgB,SAAU,CACnCC,EAAkB5B,OAAA6B,OAAA7B,OAAA6B,OAAA,GACbD,GAAkB,CACrB,CAAC,kBAAmBD,G,MAEjB,GAAIA,GAAe3B,OAAOC,KAAK0B,GAAa3H,OAAS,EAAG,CAC7D,GAAI2H,EAAYG,SAAU,CACxBF,EAAkB5B,OAAA6B,OAAA7B,OAAA6B,OAAA,GACbD,GAAkB,CACrB,CAAC,sBAAuBD,EAAYG,U,CAIxC,GAAIH,EAAYI,SAAU,CACxBH,EAAkB5B,OAAA6B,OAAA7B,OAAA6B,OAAA,GACbD,GAAkB,CACrB,CAAC,sBAAuBD,EAAYI,U,EAK1C,OAAOH,CAAkB,EAGnBhO,KAAAoO,uBAAyB,CAC/BC,EACAC,EACAtC,EACAuC,KAEA,IACGvO,KAAKqH,mBAAqBkH,MAC1BF,IAAW,MAAXA,SAAW,SAAXA,EAAajD,YACbkD,IACAtO,KAAKwM,eAAeR,EAAM,cAC3BqC,IAAW,MAAXA,SAAW,SAAXA,EAAapC,YAAa,UAC1B,CACA,MAAO,CACL,CAACjM,KAAK4B,yBAA0B5B,KAAK2N,aAAaY,G,CAItD,MAAO,EAAE,EAGHvO,KAAAwO,wBACNC,IAEA,MAAMC,EAAWD,EAActH,aAAa,QAC5C,OAAOnH,KAAKsF,GAAGK,cAAc,UAAU+I,MAAa,EAG9C1O,KAAA2O,4BAA8B,K,MACpC,MAAMC,GAAWnJ,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EAAEM,iBAAiB,mBACtD6I,IAAQ,MAARA,SAAQ,SAARA,EAAU5I,SAAS6I,I,MACjB,MAAMJ,EAAgBI,EAAkBC,WACxC,MAAMC,EAAuB/O,KAAKwO,wBAAwBC,GAC1D,MAAMO,GAAQvJ,EAAAsJ,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBE,wBAAwBD,SAAK,MAAAvJ,SAAA,EAAAA,EAAI,EACrE,MAAMyJ,EACJL,EAAkBpE,QAAqB,sBACzC,GAAIyE,EAAa,CACfA,EAAYvG,MAAMwG,oBAAsB,aAAaH,2B,IAEvD,EAGIhP,KAAAoP,kBAAoB,CAC1Bf,EACArC,EACAqD,EACAC,EACAC,EACAC,EACAC,EACAlB,K,0BACgB,OAChBlB,EAAA,OACEqC,WACErB,IAAW,MAAXA,SAAW,SAAXA,EAAapC,YAAa,YACzB0D,EAAW3P,KAAKsF,GAAI+J,GAChBrD,EACDH,UAEN2B,MAAKpB,OAAA6B,OAAA7B,OAAA6B,OAAA,CACH,kBAAkBI,IAAW,MAAXA,SAAW,SAAXA,EAAapC,YAAa,UAC5C,CAAC,oBACCxG,EAAA4I,IAAW,MAAXA,SAAW,SAAXA,EAAauB,mBAAe,MAAAnK,SAAA,SAAAA,EAAEoK,eAC9BrK,EAAA8J,IAAU,MAAVA,SAAU,SAAVA,EAAYQ,gBAAY,MAAAtK,SAAA,SAAAA,EAAEqK,aAC1B7P,KAAKmM,iBAAiBH,EAAM,qBAE1BlG,EAAAuI,IAAW,MAAXA,SAAW,SAAXA,EAAauB,mBAAe,MAAA9J,SAAA,SAAAA,EAAE+J,iBAC9BE,EAAAT,IAAU,MAAVA,SAAU,SAAVA,EAAYQ,gBAAY,MAAAC,SAAA,SAAAA,EAAEF,eAC1B7P,KAAKmM,iBAAiBH,EAAM,cAChC,CAAC,aAAaqC,IAAW,MAAXA,SAAW,SAAXA,EAAapC,YAAa,KACxC,CAACjM,KAAKmB,mBACJkN,IAAW,MAAXA,SAAW,SAAXA,EAAajD,YACbkE,IAAU,MAAVA,SAAU,SAAVA,EAAYlE,aACVpL,KAAKwM,eAAeR,EAAM,YAC9B,CAAC,aAAcuD,OAAaS,EAAA3B,IAAW,MAAXA,SAAW,SAAXA,EAAa4B,QAAI,MAAAD,SAAA,SAAAA,EAAEC,MAC/C,CAAC,iBACEjQ,KAAK4L,SAASI,IAASwD,EAAU,cAClCnB,IAAW,MAAXA,SAAW,SAAXA,EAAa6B,WACbT,KAECzP,KAAK4L,SAASI,MAAWwD,EAAU,gBAClCnB,IAAW,MAAXA,SAAW,SAAXA,EAAa6B,aACbT,GACDzP,KAAK6N,sBAAoB,CAC5B,CAAC7N,KAAKsC,wCACJtC,KAAK4L,SAASI,IAASI,OAAOC,KAAKL,GAAMM,SAAS,iBAEtD3D,MAAKyD,OAAA6B,OAAA7B,OAAA6B,OAAA,GACAjO,KAAKoO,uBACNC,EACAiB,IAAU,MAAVA,SAAU,SAAVA,EAAYlE,SACZY,EACAuC,IAECvO,KAAK8N,eAAeO,IAAW,MAAXA,SAAW,SAAXA,EAAaN,cAAY,kBAGhD/N,KAAKqH,mBAAqBkH,EACtBvO,KAAK2N,aAAaY,GAClB,MAGLoB,EAAW3P,KAAKsF,GAAI+J,GACnBhC,EAAA,QAAM8C,KAAMd,IAEZhC,EAAC+C,EAAQ,KACNT,EAAW3P,KAAKsF,GAAI,GAAG+J,UACtBhC,EAAA,QAAM8C,KAAM,GAAGd,YAEdE,KAAWc,EAAAhC,IAAW,MAAXA,SAAW,SAAXA,EAAa4B,QAAI,MAAAI,SAAA,SAAAA,EAAEC,eAC9Bd,EAAU,WAAWe,EAAAlC,IAAW,MAAXA,SAAW,SAAXA,EAAa4B,QAAI,MAAAM,SAAA,SAAAA,EAAEN,QACvC5C,EAAA,QACEG,MAAM,OACNkC,UAAWF,EAAU,WAAWgB,EAAAnC,IAAW,MAAXA,SAAW,SAAXA,EAAa4B,QAAI,MAAAO,SAAA,SAAAA,EAAEP,SAIxD5B,IAAW,MAAXA,SAAW,SAAXA,EAAapC,YAAa,YACxB0D,EAAW3P,KAAKsF,GAAI+J,IACnBhC,EAAA,OACEG,MAAO,CACL,oBAAqB,KACrB,qBAAsBxN,KAAKqH,oBAG7BgG,EAAA,iBACEoD,QAAQ,OACRjD,MAAO,CACL,CAAC,iBACExN,KAAK4L,SAASI,IAASwD,EAAU,cAClCnB,IAAW,MAAXA,SAAW,SAAXA,EAAa6B,WACbT,KAECzP,KAAK4L,SAASI,MAAWwD,EAAU,gBAClCnB,IAAW,MAAXA,SAAW,SAAXA,EAAa6B,aACbT,EACJ,CAAC,QAAQzP,KAAKgD,WAAYhD,KAAK8L,sBAGhC9L,KAAK4L,SAASI,KAASqC,IAAW,MAAXA,SAAW,SAAXA,EAAapC,YAAa,OAChDG,OAAOC,KAAKL,GAAMM,SAAS,QACzBe,EAAA,WACEqD,KAAMlB,EAAU,QAChBxK,MAAOhF,KAAKgF,MACZ2L,OAAQnB,EAAU,WAAa3D,UAC/B+E,IAAKpB,EAAU,QAAU3D,WAExB2D,EAAU,SAGbA,EAAU,QAGZxP,KAAK+L,eAAeC,EAAMqC,IAAW,MAAXA,SAAW,SAAXA,EAAapC,WAG1CjM,KAAK4L,SAASI,IACbI,OAAOC,KAAKL,GAAMM,SAAS,gBACzBe,EAAA,OACEG,MAAO,CACL,CAAC,oBAAqB,KACtB,CAAC,aAAaa,IAAW,MAAXA,SAAW,SAAXA,EAAapC,YAAa,SAGzC4E,EAAArB,EAAU,kBAAc,MAAAqB,SAAA,SAAAA,EAAEZ,OACzB5C,EAAA,QACEG,MAAM,wBACNkC,UAAWF,EAAU,eAAeS,OAGxC5C,EAAA,iBACEoD,QAAQ,UACRjD,MAAM,0BAELsD,GAAAC,EAAAvB,EAAU,kBAAc,MAAAuB,SAAA,SAAAA,EAAExD,QAAI,MAAAuD,SAAA,EAAAA,EAC7BtB,EAAU,mBAQ1B,EAGAxP,KAAAgR,YAAc,CAACrH,EAA0BsH,K,MAC/C,MAAMC,EAAU9E,OAAOC,KAAK1C,GAC5B,MAAM2F,EAAatP,KAAKuM,eAAe5C,EAAK,cAC5C,IAAImG,EACJ,IAAIL,EAEJ,MAAM0B,EAAYnR,KAAKuM,eAAe5C,EAAK,UAC3C,GAAIwH,EAAW,CACbrB,EAAe9P,KAAKuM,eAAe4E,EAAW,gBAC9C1B,EAAczP,KAAKuM,eAAe4E,EAAW,W,CAG/C,MAAMC,GAAuB3L,EAAAzF,KAAKqR,qBAAiB,MAAA5L,SAAA,SAAAA,EAAA6L,KAAAtR,KAAAoM,OAAA6B,OAAA7B,OAAA6B,OAAA,GAC9CtE,GAAG,CACN4H,MAAON,KAGT,MAAM1C,EAAmB6C,EACrBA,IAAyB,QAAUA,EACnCpR,KAAKkD,kBAAoB,QAAUlD,KAAKkD,gBAE5C,OAAOlD,KAAKiN,QAAQuE,KAAI,CAACC,EAAQF,K,YAC/B,GAAIE,EAAOrE,SAAW,KAAM,CAC1B,MAAMpB,EAAOhM,KAAKuM,eAAe5C,EAAK8H,EAAO,QAC7C,MAAMjC,EAAa/C,GAAgBzM,KAAKuM,eAAeP,EAAMS,GAE7D,GAAIyE,EAAQK,KAAW,SAAU,CAC/B,OACElE,EAAA,MACEqE,MAAM,MACNpE,QAASkC,EAAU,WACnBhC,MAAO,CACL,CAAC,cAAe,KAChB,CAAC,wBAAwBgC,EAAU,sBAC/BA,EAAU,iBACd,CAAC,qBAAsBxP,KAAK8E,mBAG7B0K,EAAU,S,CAKjB,MAAMH,EAAe,GAAGoC,IAAM,MAANA,SAAM,SAANA,EAAQhF,OAAOwE,IAEvC,MAAMU,EAAc3R,KAAKoP,kBACvBqC,EACAzF,EACAqD,EACAC,EACAtP,KAAK4L,SAASI,IAASI,OAAOC,KAAKL,GAAMM,SAAS,QAClDkD,EACAC,EACAlB,GAAoB1C,WAGtB,GAAIqF,EAAQK,KAAW,aAAc,CACnC,OACElE,EAAA,MACEG,MAAO,CACL,CAAC,cAAe,KAChB,CAAC,iBAAiBxN,KAAKgD,WAAYhD,KAAK8L,oBACxC,CAAC,kBAAkB2F,IAAM,MAANA,SAAM,SAANA,EAAQxF,YAAa,UACxC,CAAC,yBACCxG,EAAAgM,IAAM,MAANA,SAAM,SAANA,EAAQ7B,mBAAe,MAAAnK,SAAA,SAAAA,EAAEmM,aACzBpM,EAAA8J,IAAU,MAAVA,SAAU,SAAVA,EAAYQ,gBAAY,MAAAtK,SAAA,SAAAA,EAAEoM,WAC1B9B,GACA9P,KAAKmM,iBAAiBH,EAAM,mBAE1BlG,EAAA2L,IAAM,MAANA,SAAM,SAANA,EAAQ7B,mBAAe,MAAA9J,SAAA,SAAAA,EAAE8L,eACzB7B,EAAAT,IAAU,MAAVA,SAAU,SAAVA,EAAYQ,gBAAY,MAAAC,SAAA,SAAAA,EAAE6B,aAC1B9B,KACA9P,KAAKmM,iBAAiBH,EAAM,aAElCrD,MAAKyD,OAAA6B,OAAA,GAAOjO,KAAK8N,eAAe2D,EAAO1D,eAEtC4B,EAAW3P,KAAKsF,GAAI,GAAG+J,oBACtBhC,EAAA,OAAKG,MAAM,qBACRmE,EACDtE,EAAA,QAAMG,MAAM,kBACVH,EAAA,QAAM8C,KAAM,GAAGd,uBAEb,E,KAQhB,EAGIrP,KAAA6R,oBAAsB,KAC3B7R,KAAKiN,SAAW,IAAIuE,KACnB,EAEIM,gBACAC,UACA9B,OACAxD,MACAuF,QACAjE,cACAkE,wBACA7E,UAEFmE,IAEAnE,IAAW,MACTC,EAAA,MACEqE,MAAM,MACNlE,MAAO,CACL,CAAC,iBAAkB,KACnB,CAAC,iBAAiBxN,KAAKgD,WAAYhD,KAAK8L,oBACxC,CAAC,0BAA2B9L,KAAKiF,WAAajF,KAAKoD,SAErDuF,MAAKyD,OAAA6B,OAAA,GAAOjO,KAAK8N,eAAeC,IAChCT,QAASyE,GAET1E,EAAA,OACEG,MAAO,CACL,gCAAiC,KACjC,qBAAsBxN,KAAK8C,uBAC3B,CAAC,2BAA2BgP,OAAoBA,IAGjDnC,EAAW3P,KAAKsF,GAAI,GAAGmH,iBACtBY,EAAA,QAAM8C,KAAM,GAAG1D,kBAEfwD,IACCA,EAAKiC,cACJ7E,EAAA,QAAMG,MAAM,OAAOkC,UAAWO,EAAKA,OAGtCjQ,KAAK8C,uBACJuK,EAAA,cAAYzJ,MAAOoO,EAAOrB,OAAQ,iBAAiBY,KACjDlE,EAAA,iBACE8E,GAAI,iBAAiBZ,IACrBd,QAAQ,OACRjD,MAAO,CACL,CAAC,sBAAuB,KACxB,CAAC,QAAQxN,KAAKgD,WAAYhD,KAAK8L,sBAGhCkG,IAIL3E,EAAA,iBACEoD,QAAQ,OACRjD,MAAO,CACL,CAAC,sBAAuB,KACxB,CAAC,QAAQxN,KAAKgD,WAAYhD,KAAK8L,sBAGhCkG,GAGJhS,KAAKyE,WAAawN,GACjB5E,EAAA,aACEoD,QAAQ,gBACR0B,GAAI,eAAe1F,IAAK,aACZzM,KAAKoS,mBAAmB3F,GAEpC4F,QAAS,IAAMrS,KAAKsS,SAAS7F,GAC7BiD,UACE1P,KAAKM,WACHN,KAAKuS,eAAiB9F,EAClBzM,KAAKwS,kBACL,YAGRhF,MAAO,CACL,CAAC,eAAgB,KACjB,CAAC,wBACCxN,KAAKuS,eAAiB9F,GACtBzM,KAAKwS,oBAAsB,eAKpCxS,KAAK8C,wBACJuK,EAAA,iBACEoD,QAAQ,OAAM,cACF,OACZjD,MAAO,CACL,CAAC,sBAAuB,KACxB,CAAC,4BAA6BxN,KAAK8C,uBACnC,CAAC,QAAQ9C,KAAKgD,WAAYhD,KAAK8L,sBAGhCkG,MAOPhS,KAAAyS,WAAc9I,IACpB,MAAM+I,GAAwB1S,KAAK4C,aAAa0J,SAAS3C,GAEzD3J,KAAK4C,aAAe8P,EAChB,IAAI1S,KAAK4C,aAAc+G,GACvB3J,KAAK4C,aAAasK,QAAQyF,GAAgBA,IAAgBhJ,IAE9D3J,KAAK4S,oBAAoBC,KAAK,CAC5BlJ,IAAK+I,EAAuB/I,EAAM,KAClC/G,aAAc5C,KAAK4C,cACnB,EAGI5C,KAAA8S,cAAgB,KACtB9S,KAAK4C,aACH5C,KAAK+S,eACL/S,KAAK4C,aAAawD,SAAWpG,KAAK+S,cAAc3M,OAC5C,IAAIpG,KAAK+S,eACT,GACN/S,KAAKgT,gBAAgBH,KAAK7S,KAAK4C,aAAa,EAGtC5C,KAAAiT,WAAa,K,YACnB,MAAM1F,EAAOvN,KAAKwE,gBACdiB,EAAAzF,KAAKuN,QAAI,MAAA9H,SAAA,SAAAA,EAAEiE,MAAM1J,KAAKyC,QAASzC,KAAKkT,QACpC1N,EAAAxF,KAAKuN,QAAI,MAAA/H,SAAA,SAAAA,EAAEkE,QAEf,MAAMyJ,EAAmBnT,KAAKwE,eAAiBxE,KAAKyC,QAAU,EAQ9DzC,KAAK+S,cAAgBxF,IAAI,MAAJA,SAAI,SAAJA,EAAMiE,KAAI,CAAC7H,EAAKsH,KACnC,MAAMmC,EAAiBpT,KAAKiN,QACzBuE,KACC,EAAG/E,OAAO8E,IACR5B,EAAW3P,KAAKsF,GAAI,GAAGmH,KAAOwE,EAAWkC,MAAuB,CAC9D1G,MACA8E,WAGLrE,QACEC,KACGA,IAEDf,OAAOiH,UAAUC,eAAehC,KAAK3H,EAAKwD,EAAIV,OAErD,OAAO2G,EAAehN,OAAS,EAC3BmN,EAAkB5J,EAAKyJ,EAAgB,IACvCzJ,CAAG,IAGT,OAAO7D,EAAA9F,KAAK+S,iBAAa,MAAAjN,SAAA,SAAAA,EACrB0N,KACAxT,KAAKyE,WACFzE,KAAK+C,iBACN/C,KAAKuS,iBACJxC,EAAA/P,KAAKiN,QAAQwG,MAAMtG,GAAQA,EAAIV,MAAQzM,KAAKuS,kBAAa,MAAAxC,SAAA,SAAAA,EACtDhN,iBACF/C,KAAK0T,kBACL7H,WAEL2F,KAAI,CAAC7H,EAAK4H,KACT,MAAMoC,EACJ3T,KAAKuE,cAAgBvE,KAAK4C,aAAa0J,SAAS3C,GAClD,MAAMiK,EAAYrC,EAAQ4B,EAE1B,OACE9F,EAAA,MACEG,MAAO,CACL,YAAa,KACb,qBAAsBmG,IAGvB3T,KAAKuE,cACJ8I,EAAA,MACEG,MAAO,CACL,aAAc,KACd,gBAAiB,KACjB,CAAC,iBAAiBxN,KAAKgD,WAAYhD,KAAK8L,sBAG1CuB,EAAA,OAAKG,MAAM,oBACTH,EAAA,eACEG,MAAM,yBACNqG,QAASF,EACTG,SAAU9T,KAAKiF,UAAYjF,KAAKoD,QAChC2Q,UAAS,KACTnQ,MAAO,GACL+P,EAAgB,WAAa,gBACvBC,IACRI,UAAW,IAAMhU,KAAKyS,WAAW9I,GACjC+D,KAAM1N,KAAKgD,UAAY,QAAU,QAAU,SAC3Ca,MAAO+P,MAKd5T,KAAKgR,YAAYrH,EAAKiK,GACpB,GAEP,EAGE5T,KAAAuM,eAAiB,CAACP,EAAcS,IACtCL,OAAO6H,OAAOjI,GAAMI,OAAOC,KAAKL,GAAMkI,QAAQzH,IAExCzM,KAAAoS,mBAAsB3F,IAC5B,IAAI7I,EAAQ,GACZ,MAAMuQ,EAAqBC,IACzB,MAAMzP,EAAa3E,KAAK0E,YAAYC,WACpC,OAAOA,GAAYA,EAAWuP,QAAQE,GAAU,GAAKzP,EAAWyB,OAAO,EAGzE,GAAIpG,KAAKuS,eAAiB9F,EAAK,CAC7B,MAAM4H,EAAaF,EAAkBnU,KAAKwS,mBAC1C5O,EAAQyQ,IAAe,WAAa,QAAQA,IAAe,a,KACtD,CACLzQ,EAAQ,QAAQuQ,EAAkB,a,CAGpC,OAAOvQ,CAAK,EAGN5D,KAAAsU,cAAgB,CAACC,EAAgBC,KACvC,MAAMC,EAAiBF,EAAUvU,KAAKuS,cACtC,MAAMmC,EAAqBF,EAAcxU,KAAKuS,cAC9C,OAAOvS,KAAKiN,QAAQwG,MAAMtG,GAAQA,EAAIV,MAAQzM,KAAKuS,eAChDtG,WAAa,OACZ,IAAIP,KAAK+I,GAAgBE,UACvB,IAAIjJ,KAAKgJ,GAAoBC,UAC/BC,OACE5U,KAAK4L,SAAS6I,GACVrI,OAAO6H,OAAOQ,GAAgB,GAC9BA,GACJI,cACAD,OACE5U,KAAK4L,SAAS8I,GACVtI,OAAO6H,OAAOS,GAAoB,GAClCA,GAEN7I,UACA,CAAEiJ,QAAS,KAAMC,YAAa,QAC/B,EAGC/U,KAAA0T,gBAAkB,KACxB,OAAQ1T,KAAKwS,mBACX,IAAK,YACH,MAAO,CAACwC,EAAQC,IAAWjV,KAAKsU,cAAcU,EAAGC,GACnD,IAAK,aACH,MAAO,CAACD,EAAQC,IAAWjV,KAAKsU,cAAcW,EAAGD,GACnD,QACE,OAAOnJ,U,EAIL7L,KAAAsS,SAAYb,I,YAClB,MAAM9M,EAAa3E,KAAK0E,YAAYC,WAEpC,GAAI8M,IAAWzR,KAAKuS,aAAc,CAChC,GAAIvS,KAAKuS,aAAc,EACrB/M,GAAAC,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EACdE,cAAc,gBAAgB3F,KAAKuS,mBAAe,MAAA/M,SAAA,SAAAA,EAClDuD,aAAa,aAAc/I,KAAKoS,mBAAmBX,G,CAEzDzR,KAAKuS,aAAed,EACpBzR,KAAKwS,kBAAoB,U,CAG3B,IAAI0C,EAAqBvQ,EAAWuP,QAAQlU,KAAKwS,mBAAqB,EAEtE,GAAI0C,EAAqBvQ,EAAWyB,OAAS,EAAG,CAC9C8O,EAAqB,C,CAGvBlV,KAAKwS,kBAAoB7N,EAAWuQ,IAEpCnF,GAAAjK,EAAA9F,KAAKsF,GAAGI,cAAU,MAAAI,SAAA,SAAAA,EACdH,cAAc,gBAAgB8L,QAAS,MAAA1B,SAAA,SAAAA,EACvChH,aAAa,aAAc/I,KAAKoS,mBAAmBX,IAEvDzR,KAAKuI,YAAc,KAEnBvI,KAAKmV,aAAatC,KAAK,CACrBuC,WAAY3D,EACZ4D,OAAQrV,KAAKwS,mBACb,EAIIxS,KAAAsH,sBAAwB,K,MAC9B,OAAAkC,MAAMC,OACJhE,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EAAEM,iBAClB,mEACG,GACN,EAEK/F,KAAA0I,WAAcnB,GACpBA,EAAakD,QAA8BzK,KAAKkB,SAE1ClB,KAAAgI,wBAA0B,CAACsN,EAAoB,SACrDtV,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMrB,EAAUlG,KAAK0I,WAAWnB,GAChC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAE5C,GAAIX,EAAe,CACjB,GAAIW,EAAakD,QAAQzK,KAAKoB,iBAAkB,CAC9CpB,KAAK8I,cAAclC,EAAeW,EAAcrB,GAChDqB,EAAawB,aACX,QACA,GAAG/I,KAAK6B,8BAEV,M,CAGF7B,KAAKuV,kBACH3O,EACAW,EACArB,EACAoP,E,IAGJ,EAGItV,KAAAwV,mBAAqB,K,MAC3B,MAAMC,GAAoBhQ,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAC5C,wBAEF,GAAI8P,EAAmBzV,KAAK2C,aAAe8S,EAAkBC,SAAS,EAGhE1V,KAAA2V,+BAAiC,CACvCC,EACAhP,KAEAA,EAAcmC,aACZ/I,KAAK2B,uBACLiU,EAAUC,YAEZjP,EAAcmC,aACZ,QACA,GAAG/I,KAAK4B,4BAA4BgU,MACrC,EAGK5V,KAAA8V,qBAAwBnJ,IAC9B,MAAMoJ,EAAuBC,OAC1BlP,iBAAiB6F,GACjBsJ,iBAAiB,cACpB,OAAOtJ,EAAYhF,aAAed,SAASkP,EAAsB,GAAG,EAI9D/V,KAAAyG,kCAAoC,K,QAC1C,MAAMyP,EAAaC,EAAkBC,EAAgBC,KACrD7Q,GAAAC,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EACdM,iBAAiB/F,KAAKqC,4BAAwB,MAAAmD,SAAA,SAAAA,EAC9CQ,SAAS2G,IACT,MAAM/F,EAAgB+F,EAAYlC,QAChC,IAAIzK,KAAKsC,0CAEX,MAAMgU,EACJ1P,IAAa,MAAbA,SAAa,SAAbA,EAAejB,cACb3F,KAAKwC,sBAGT,GACE8T,GACA1P,GACA5G,KAAKkD,iBACLlD,KAAKkD,kBAAoB,OACzB,CACA,MAAMqT,EAAoBvW,KAAK8V,qBAAqBnJ,GACpD,MAAM6J,EACJD,EAAoBvW,KAAK8B,oBAC3B,IACGwU,EAAWG,aACZD,EAAkCxW,KAAKkD,gBACvC,CACAlD,KAAK2V,+BACHY,EACA3P,E,MAEG,GAAI5G,KAAKqH,oBAAsBrH,KAAKiB,eAAgB,CACzD,GAAIuV,EAAkCxW,KAAKkD,gBAAiB,CAC1D,MAAMwT,EAAW9P,EAAcjB,cAAc,SAC7C,IAAIiQ,EAAYY,EAChB,GAAIE,GAAYR,EAAY,CAG1BN,GAAac,EAAS/O,Y,CAExB3H,KAAK2V,+BAA+BC,EAAWhP,E,CAEjD5G,KAAK2W,gBAAgBL,EAAY1P,E,MAG5B,GACL5G,KAAKqH,oBAAsBrH,KAAKe,kBAChCyV,EAAkCxW,KAAKkD,iBACvCoT,EAAW3N,MAAMsN,iBAAiB,4BAChC,UACF,CACAjW,KAAK2V,+BACHa,EACA5P,GAEF5G,KAAKmI,yBACHmO,EACA1P,EACA2P,E,KAIN,EA8CEvW,KAAA4W,mBAAqB,KAC3B,IAAIC,EAAsB,GAE1B,GAAI7W,KAAKgP,MAAO,CACd6H,EAAmBzK,OAAA6B,OAAA7B,OAAA6B,OAAA,GACd4I,GAAmB,CACtB,CAAC,iBAAkB7W,KAAKgP,O,CAI5B,GAAIhP,KAAK4I,OAAQ,CACfiO,EAAmBzK,OAAA6B,OAAA7B,OAAA6B,OAAA,GACd4I,GAAmB,CACtB,CAAC,kBAAmB7W,KAAK4I,Q,CAI7B,GAAI5I,KAAKmO,SAAU,CACjB0I,EAAmBzK,OAAA6B,OAAA7B,OAAA6B,OAAA,GACd4I,GAAmB,CACtB,CAAC,qBAAsB7W,KAAKmO,U,CAIhC,GAAInO,KAAKkO,SAAU,CACjB2I,EAAmBzK,OAAA6B,OAAA7B,OAAA6B,OAAA,GACd4I,GAAmB,CACtB,CAAC,qBAAsB7W,KAAKkO,U,CAIhC,OAAO2I,CAAmB,EAgEpB7W,KAAA8W,eAAkB1M,I,QACxB,IAAIlE,EAAuC,KAC3C,MAAM6Q,GACJtR,EAAA2E,EAAQ1E,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAClB3F,KAAKmC,mBAGT,GAAIiI,EAAQ4M,UAAY,aAAc,CACpC9Q,EAAUkE,C,MACL,GAAI2M,EAAqB,CAC9B7Q,EAAU6Q,C,MACL,KAAIvR,EAAA4E,EAAQ6M,YAAQ,MAAAzR,SAAA,SAAAA,EAAEY,QAAS,EAAG,CACvCoD,MAAMC,KAAKW,EAAQ6M,UAAUjR,SAASV,IACpCtF,KAAK8W,eAAexR,EAAG,G,KAEpB,CACL,M,CAGFY,IAAO,MAAPA,SAAO,SAAPA,EAASgR,uBAAuB,CAC9BC,SAAU,SACV,EAGInX,KAAA0G,gBAAkB,K,SACxBlB,GAAAC,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EACdM,iBAAiB,yBAAqB,MAAAP,SAAA,SAAAA,EACtCQ,SAASoE,IACT,IAAI6M,EAAgBzN,MAAMC,KAAKW,EAAQ6M,UACvC,GAAIA,EAAS7Q,SAAW,GAAK6Q,EAAS,GAAGD,UAAY,OAAQ,CAC3DC,EAAWG,EAAgBhN,E,CAE7B6M,IAAQ,MAARA,SAAQ,SAARA,EAAUjR,SAASV,I,MACjB,GAAIA,EAAG0R,UAAY,YAAa,CAC9B,MAAMK,GAAO5R,EAAAH,EAAGI,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAAc,WAC1C0R,IAAI,MAAJA,SAAI,SAAJA,EAAMH,uBAAuB,CAC3BC,SAAU,UAEX7R,EAA2BqD,MAAME,YAChC,gBACA,GAAGuB,EAAQxE,gB,KAER,CACL,MAAM0R,EAAUhS,EAAGK,cAAc,mBACjC2R,IAAO,MAAPA,SAAO,SAAPA,EAASJ,uBAAuB,CAC9BC,SAAU,S,IAGd,GACF,EAGEnX,KAAAuX,gBAAkB,K,aACxB/R,GAAAC,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EACdM,iBAAiB,yBAAqB,MAAAP,SAAA,SAAAA,EACtCQ,SAASoE,IACT,MAAMoN,EAAeJ,EAAgBhN,GACrCoN,IAAY,MAAZA,SAAY,SAAZA,EAAcxR,SAASyR,IACrBzX,KAAK8W,eAAeW,EAAqB,GACzC,KAGN1H,GAAAjK,EAAA9F,KAAKsF,GAAGI,cAAU,MAAAI,SAAA,SAAAA,EACdC,iBAAiB,sBAAkB,MAAAgK,SAAA,SAAAA,EACnC/J,SAAS6I,IACT,MAAMJ,EAAgBI,EAAkBC,WACxC,MAAMC,EACJ/O,KAAKwO,wBAAwBC,GAC/B,GAAIM,EAAsB,CACxB/O,KAAK8W,eAAe/H,E,IAEtB,EAGE/O,KAAA0X,gBAAkB,CACxBtU,EACAmK,EACAoK,KAEA,KAAKpK,IAAI,MAAJA,SAAI,SAAJA,EAAMnH,QAAQ,OAEnB,GAAIuR,GAAWvU,EAAS,CACtB,OAAOiK,EAAA,aAAQrN,KAAKiT,a,MACf,GAAI7P,IAAYuU,EAAS,CAC9B,OAAO,I,KACF,CACL,OAAOtK,EAAA,aAAQrN,KAAKiT,a,GAIhBjT,KAAA4X,uBAAyB,CAC/BC,EACAC,KAEA,IAAKD,EAAW,OAAO,KAEvB,OACExK,EAAC+C,EAAQ,KACP/C,EAAA,OACEG,MAAM,kBACNuK,IAAMzS,GAAQtF,KAAKgY,eAAiB1S,IAEtC+H,EAAA,wBACErI,MAAOhF,KAAKgF,MACZlB,WAAYgU,IAAc,MAAdA,SAAc,SAAdA,EAAgBhU,WAC5B0J,MAAO,CACL,gBAAiBqK,EACjBzU,QAAS,MAEXuJ,aAAamL,IAAc,MAAdA,SAAc,SAAdA,EAAgBnL,cAAe,qBAC5C/I,OAAOkU,IAAc,MAAdA,SAAc,SAAdA,EAAgBlU,QAAS,aAChCqU,cAAeH,IAAc,MAAdA,SAAc,SAAdA,EAAgBG,cAC/BrL,IAAKkL,IAAc,MAAdA,SAAc,SAAdA,EAAgBlL,IACrBC,IAAKiL,IAAc,MAAdA,SAAc,SAAdA,EAAgBjL,IACrBC,SAAUgL,IAAc,MAAdA,SAAc,SAAdA,EAAgBhL,SAC1BiL,IAAMzS,GACHtF,KAAKkY,iBAAmB5S,IAGpB,EAIPtF,KAAAmY,sBAAwB,K,QAC9B,GAAInY,KAAKoD,QAAS,CAChB,QAAOqC,EAAAzF,KAAK8X,kBAAc,MAAArS,SAAA,SAAAA,EAAE7B,QAAS,Y,MAChC,GAAI5D,KAAKiF,SAAU,CACxB,QAAOO,EAAAxF,KAAK+M,mBAAe,MAAAvH,SAAA,SAAAA,EAAEmH,cAAe,qB,KACvC,CACL,MAAO,E,GAIH3M,KAAAoY,iBAAmB,CACzBhV,EACAmK,EACAoK,KAEA,MAAMU,EAAe1I,EAAW3P,KAAKsF,GAAI,eACvC+H,EAAA,QAAM8C,KAAK,gBAEX9C,EAAA,kBACEiL,QAAQ,SACRC,QAAQ,UACR/K,MAAM,kBAIV,GAAIpK,KAAYmK,IAAI,MAAJA,SAAI,SAAJA,EAAMnH,SAAUuR,EAAS,CACvC,OAAOU,C,MACF,IAAKjV,KAAYmK,IAAI,MAAJA,SAAI,SAAJA,EAAMnH,QAAQ,CACpC,OAAOiS,C,KACF,CACL,OAAO,I,GAtoEX,6BAAAG,G,QACE,GAAIxY,KAAK8C,uBAAwB,CAC/B9C,KAAK6F,wBAA0B,C,KAC1B,EACLL,GAAAC,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EACdM,iBAAiB,uBAAmB,MAAAP,SAAA,SAAAA,EACpCQ,SAASC,I,OACTR,EAAAQ,EACGN,cAAc3F,KAAKmC,sBAAkB,MAAAsD,SAAA,SAAAA,EACpCY,UAAUC,OAAOtG,KAAKoC,0BAA0B,G,EAU5D,oBAAAqW,GACEzY,KAAKsB,eAAiB,I,CAkNxB,oBAAAoX,G,SACEjT,EAAAzF,KAAKc,kBAAc,MAAA2E,SAAA,SAAAA,EAAEkT,cACrBnT,EAAAxF,KAAKkC,wBAAoB,MAAAsD,SAAA,SAAAA,EAAEmT,aAC3B3C,OAAO4C,oBAAoB,SAAU5Y,KAAKwG,a,CAG5C,iBAAAqS,GACE7Y,KAAKqJ,YAAcwB,OACjB7K,KAAKsD,qBAAqBK,oBAAqB,GAAGE,OAEpD7D,KAAK8Y,oBAAsB9Y,KAAKqJ,YAChCrJ,KAAKkT,MAAQlT,KAAKqJ,YAClBrJ,KAAKuS,aAAevS,KAAK0E,YAAYE,cACrC5E,KAAKwS,kBAAoBxS,KAAK0E,YAAYC,WAAW,GACrD3E,KAAK8X,eAAc1L,OAAA6B,OAAA,GACdjO,KAAK8X,gBAEV9X,KAAKwB,YAAc,KACnBxB,KAAKsJ,qBAAuBtJ,KAAKqJ,W,CAGnC,gBAAA0P,G,QACE,MAAMC,GAAevT,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAAc,SACvD,MAAMsT,GACJzT,EAAAxF,KAAKsF,GAAGI,cAAU,MAAAF,SAAA,SAAAA,EAAEG,cAAc,oBAEpCuT,EAAoBlZ,KAAKkF,yBAEzB,GAAIlF,KAAKqB,YAAa,CACpBrB,KAAKqB,YAAc,K,CAGrB,GACE2X,GACAC,IACCD,EAAarR,aAAesR,EAAetR,cAC1CqR,EAAapT,YAAcqT,EAAerT,aAC5C,CACA5F,KAAK0C,WAAa,I,CAEpB,GAAI1C,KAAKoD,QAAS,CAChBpD,KAAKwL,oBACLxL,KAAKmZ,sB,CAGP,GAAInZ,KAAKqH,kBAAmB,CAC1BrH,KAAKsH,wBAAwBtB,SAC1BuB,IACC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAC5C,GACEX,IACCA,EAAcP,UAAU6B,SAASlI,KAAKmB,kBACvC,CACAnB,KAAK4K,eAAerD,EAAcX,GAClC5G,KAAKc,eAAiB,IAAIqE,eAExBiU,GACE,KACEpZ,KAAK4K,eAAerD,EAAcX,GAElC,IAAK5G,KAAKiC,sBAAuB,CAC/BjC,KAAK6C,cAAgB,IACrB7C,KAAKiC,sBAAwB,I,KAGjC,IAAMjC,KAAK6C,iBAIf7C,KAAKc,eAAeuE,QAAQkC,E,KAMpC,GAAIvH,KAAKkD,kBAAoB,OAAQ,CACnClD,KAAKkJ,oB,CAEP8M,OAAOqD,iBAAiB,SAAUrZ,KAAKwG,cAEvCxG,KAAKsZ,gBAAgBzG,OACrB,GAAI7S,KAAKuN,OAASvN,KAAKoD,UAAYpD,KAAKiF,SAAUjF,KAAKuZ,aAAa1G,M,CAGtE,kBAAA2G,GAGE,GACExZ,KAAKqH,oBAAsBrH,KAAKe,kBAChCf,KAAKqH,oBAAsBrH,KAAKiB,eAChC,CACA,GAAIjB,KAAKqB,YAAa,CACpBrB,KAAKoH,qB,CAEP,GAAIpH,KAAKuI,YAAa,CACpBvI,KAAKiI,qB,CAEP,GAAIjI,KAAKuB,aAAc,CACrBvB,KAAKwI,sB,CAEP,GAAIxI,KAAK0B,mBAAoB,CAC3B1B,KAAKmJ,4B,CAEP,IAAKnJ,KAAKwB,aAAexB,KAAKyB,kBAAmB,CAC/CzB,KAAK4J,oB,CAEP,GAAI5J,KAAK+B,cAAe,CACtB/B,KAAK+J,uB,CAEP,GAAI/J,KAAKgC,yBAA0B,CACjChC,KAAKiK,wB,EAIT,GAAIjK,KAAKsB,eAAgB,CACvBtB,KAAKsZ,gBAAgBzG,OACrB7S,KAAKsB,eAAiB,K,CAGxB,GAAItB,KAAKqB,cAAgBrB,KAAKoD,UAAYpD,KAAKiF,SAAU,CACvDjF,KAAKuZ,aAAa1G,OAClB7S,KAAKqB,YAAc,K,EAIvB,kBAAAoY,GACEzZ,KAAKuX,kBACLvX,KAAK0G,kBACL1G,KAAKyG,oCACLzG,KAAK2O,6B,CA6SC,wBAAAxG,CACNZ,EACAX,EACA2P,EAAoB,GAEpBhP,EAAa8D,cAAc9D,EAAaK,cACxCL,EAAawB,aACX,YACA,GAAG/I,KAAKsK,SAAS1D,EAAce,aAAe4O,MAEhDhP,EAAa+D,oBAAoB,OAEjC1E,EAAc+B,MAAME,YAAY7I,KAAK4B,wBAAyB,K,CAgDxD,oBAAAsI,CACN3C,EACAX,EACAV,GAEAlG,KAAK2W,gBAAgBpP,EAAcX,GAEnC,IAAKV,EAAS,CACZlG,KAAK0Z,wBAAwBnS,EAAcX,E,EAoBvC,qBAAAkD,CACNlD,EACAW,GAEAX,EAAcP,UAAUE,IAAIvG,KAAKgB,qBACjChB,KAAKmI,yBAAyBZ,EAAcX,E,CAyE9C,sCAAA+S,EAAuCC,OACrCA,IAKA,MAAMC,SAAEA,EAAQtS,aAAEA,GAAiBqS,EACnC,MAAMhT,EAAgB5G,KAAKwH,iBAAiBD,GAE5C,IACEX,IAAa,MAAbA,SAAa,SAAbA,EAAe+B,MAAMsN,iBAAiBjW,KAAK4B,2BAC3CiY,EACA,CACAjT,EAAc+B,MAAME,YAAY7I,KAAK4B,wBAAyB,U,EAKlE,gBAAAkY,EAAiBF,OAAEA,EAAMjJ,OAAEA,I,MACzB,GAAKA,EAAsCoJ,gBAAkB/Z,KAAKsF,GAAI,CACpEtF,KAAKyC,SAAWmX,EAAO/V,MAAQ,GAAK7D,KAAKqJ,YACzCrJ,KAAKkT,MAAQlT,KAAKyC,QAAUzC,KAAKqJ,YACjC,MAAM2Q,GAAqBvU,EAAAzF,KAAKsF,GAAGI,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAC7C,wBAEF,GAAIqU,EAAoB,CACtB,GAAIha,KAAK8Y,sBAAwB9Y,KAAKqJ,YAAa,CACjD2Q,EAAmBtE,UAAY,C,MAC1B,GAAI1V,KAAK8Y,oBAAsB9Y,KAAKqJ,YAAa,CACtD2Q,EAAmBtE,UAAY1V,KAAK2C,aACpC3C,KAAK8Y,oBAAsB9Y,KAAKqJ,W,KAC3B,CACLrJ,KAAK8Y,oBAAsB9Y,KAAKqJ,W,EAGpCrJ,KAAK4C,aAAe,E,CAGtB,IAAK5C,KAAKwB,aAAexB,KAAKia,yBAA2BL,EAAO/V,MAAO,CAErE7D,KAAKyB,kBAAoB,I,CAG3BzB,KAAKia,uBAAyBL,EAAO/V,MACrC7D,KAAKwB,YAAc,K,CAIrB,wBAAA0Y,EAAyBN,OACvBA,EAAMjJ,OACNA,IAEA,GAAKA,EAAsCoJ,gBAAkB/Z,KAAKsF,GAAI,CACpEtF,KAAK8Y,oBAAsB9Y,KAAKqJ,YAChCrJ,KAAKqJ,YAAcuQ,EAAO/V,K,CAG5B7D,KAAK0B,mBAAqB,I,CAI5B,mBAAAyY,CAAoBC,GAClBpa,KAAKgD,QAAUoX,EAAGR,OAAO/V,K,CAI3B,cAAAwW,GACE,GAAIra,KAAKoD,QAAS,CAChBpD,KAAKwL,oBACL1D,YAAW,KACT9H,KAAKmZ,sBAAsB,GAC1B,I,EAKP,wBAAAmB,GACE,GAAIta,KAAKqH,oBAAsBrH,KAAKiB,eAAgB,CAClDjB,KAAKuL,6BACLvL,KAAKgI,wBAAwB,MAG7BhI,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAC5C,MAAMrB,EAAUlG,KAAK0I,WAAWnB,GAEhC,GAAIX,EAAe5G,KAAKiJ,SAAS1B,EAAcX,EAAeV,EAAQ,G,MAEnE,GAAIlG,KAAKqH,oBAAsBrH,KAAKe,iBAAkB,CAG3Df,KAAKgI,wBAAwB,MAC7BhI,KAAKsH,wBAAwBtB,SAASuB,IACpC,MAAMX,EAAgB5G,KAAKwH,iBAAiBD,GAE5C,GAAIX,EAAe,CACjB,GACE5G,KAAKgK,kEACHzC,EACAX,GAEF,CACA5G,KAAK6H,8BAA8BN,EAAcX,GACjD,M,CAEFkB,YAAW,KAET9H,KAAK+H,8BAA8BR,EAAcX,EAAc,GAC9D,I,KAKT5G,KAAKgC,yBAA2B,I,CAIlC,iBAAMuY,GACJva,KAAK8X,eAAc1L,OAAA6B,OAAA,GACdjO,KAAK8X,gBAEV,GAAI9X,KAAKoD,QAAS,EACfpD,KAAKa,sBACFiH,YACE,IAAO9H,KAAKoD,QAAU,OACtBpD,KAAKqD,+BACFqI,KAAKC,MAAQ3L,KAAKyL,eAEtBzL,KAAKoD,QAAU,K,CAEtB,GAAIpD,KAAKiF,SAAUjF,KAAKiF,SAAW,MAEnCjF,KAAKqB,YAAc,I,CAIrB,oBAAMmZ,GACJxa,KAAK+B,cAAgB,I,CA6EvB,sBAAA0Y,CAAuBC,EAAkBC,GACvC,IAAKD,KAAcC,EAAU,CAC3B3a,KAAKgL,sBAAsBhL,KAAKuN,MAChCvN,KAAKgL,sBAAsBhL,KAAKiN,SAChCjN,KAAK8K,iBAEL9K,KAAK4a,kBAAkB/H,OAEvB7S,KAAKuB,aAAe,I,EAQxB,qBAAMsZ,CAAgBjF,GACpB5V,KAAKkD,gBAAkB0S,GAAa,OACpC5V,KAAKqR,kBAAoBxF,S,CAGnB,oBAAAsN,G,UACN,IAAI1T,EAAAzF,KAAK8X,kBAAc,MAAArS,SAAA,SAAAA,EAAEkS,QAAS,EAChCnS,EAAAxF,KAAKgY,kBAAc,MAAAxS,SAAA,SAAAA,EAAEa,UAAUE,IAAI,O,EAErCT,EAAA9F,KAAKkY,oBAAgB,MAAApS,SAAA,SAAAA,EAAEO,UAAUE,IAAI,O,CA0zB/B,iBAAAgP,CACN3O,EACAW,EACArB,EACAoP,GAKA,GAAIpP,EAAS,CACX,GAAIlG,KAAKuI,YAAa,CACpBrC,EAAQ6C,aAAa,SAAUxB,EAAa4K,IAC5CjM,EAAQ6C,aAAa,QAASxB,EAAakP,Y,KACtC,CACLzW,KAAK8I,cAAclC,EAAeW,EAAcrB,E,CAElD,GAAIoP,EAAmB,CACrB,M,EAMJ,IAAK/N,EAAaJ,aAAa,UAAYnH,KAAKqB,YAAa,CAC3DrB,KAAK2W,gBAAgBpP,EAAcX,E,CAGrC,IACEW,IAAY,MAAZA,SAAY,SAAZA,EAAcK,eAAehB,IAAa,MAAbA,SAAa,SAAbA,EAAee,eAC5C3H,KAAKqH,oBAAsBrH,KAAKiB,eAChC,CACA,IACGsG,EAAaJ,aAAa,UAC3BI,EAAaoB,MAAMmS,QAAQxO,SACzB,GAAGtM,KAAK6B,+BAEV,CACA7B,KAAK2W,gBAAgBpP,EAAcX,E,CAErC,IAAKA,EAAcjB,cAAc3F,KAAKmC,mBACpCnC,KAAK0Z,wBAAwBnS,EAAcX,E,EAqCzC,aAAAkC,CACNlC,EACAW,EACArB,G,OAEAT,EAAAmB,EACGjB,cAAc3F,KAAKuC,6BAAyB,MAAAkD,SAAA,SAAAA,EAC3CiF,QAAQnD,GACZrB,IAAO,MAAPA,SAAO,SAAPA,EAASI,Q,CAGH,eAAAqQ,CACNpP,EACAX,G,QAEA,MAAMmU,GAAwBtV,EAAAmB,EAAcjB,cAC1C3F,KAAKqC,4BACN,MAAAoD,SAAA,SAAAA,EAAEkC,aACH,MAAMqT,EAAsBpU,EAAce,aAE1C,IAAIsT,EAAcD,EAClB,GACEpU,EAAcP,UAAU6B,SACtBlI,KAAKsC,yCAEPyY,GACAC,EAAsBD,EACtB,CACA,MAAMG,EACH/E,EAAkBC,EAAgBC,OACjC7Q,EAAAoB,IAAa,MAAbA,SAAa,SAAbA,EAAejB,cAAc,YAAQ,MAAAH,SAAA,SAAAA,EAAEmC,eACzC,EACFsT,EAAcA,EAAcF,EAAwBG,C,CAGtD3T,EAAawB,aACX,QACA,GAAG/I,KAAK6B,4BAA4B7B,KAAKsK,SAAS2Q,GAAe,K,CAI7D,uBAAAvB,CACNnS,EACAX,G,MAEA,MAAM6B,EAAY1B,SAASoU,cACzBnb,KAAKmC,mBAEPsG,EAAUM,aAAa,SAAUxB,EAAa4K,IAC9C1J,EAAUM,aAAa,QAASxB,EAAakP,aAC7ChO,EAAUpC,UAAUE,IAAI,uBACxBkC,EAAUyO,uBAAuB,CAE/BC,SAAU,WAEZ1R,EAAAmB,EACGjB,cAAc3F,KAAKuC,6BAAyB,MAAAkD,SAAA,SAAAA,EAC3CiF,QAAQjC,GACZA,EAAUiC,QAAQnD,E,CAgKpB,MAAA6T,G,QACE,MAAMC,QACJA,EAAOpO,QACPA,EAAO4E,oBACPA,EAAmBnF,wBACnBA,EAAuBa,KACvBA,EAAIvK,QACJA,EAAOG,kBACPA,EAAiBoB,aACjBA,EAAYnB,QACZA,EAAO0U,eACPA,EAAcxU,qBACdA,EAAoB+F,YACpBA,EAAW3G,WACXA,EAAUC,aACVA,EAAYmQ,cACZA,EAAalQ,aACbA,EAAY4B,eACZA,EAAcC,SACdA,EAAQ8N,aACRA,EAAYC,kBACZA,EAAiB3N,oBACjBA,EAAmB2Q,mBACnBA,EAAkBvQ,SAClBA,EAAQF,YACRA,EAAWC,MACXA,GACEhF,KAEJ,MAAMsb,EAAe1Y,EAAawD,OAAS,EAC3C,MAAMmV,EACJ3Y,EAAawD,UAAY5B,EAAiB6E,EAAckE,IAAI,MAAJA,SAAI,SAAJA,EAAMnH,QAEhE,MAAMoV,EAA2BF,EAC7BC,EACE,eACA,uBACF,aAEJ,OACElO,EAACoO,EAAI,CAAAhP,IAAA,2CACH9D,MAAKyD,OAAA6B,OAAA,GAAOjO,KAAK4W,sBACjBpJ,MAAO,CAAE,CAAC,YAAYxI,KAAUA,IAAU,YAE1CqI,EAAA,OAAAZ,IAAA,2CAAKe,MAAM,mBACRmC,EAAW3P,KAAKsF,GAAI,cAAgB+H,EAAA,QAAAZ,IAAA,2CAAM0D,KAAK,cAChD9C,EAAA,OAAAZ,IAAA,2CACEe,MAAO,CACL,CAAC,uBAAwB,KACzB9K,cAEFgZ,SAAUhZ,EAAa,EAAImJ,UAC3B8P,SAAUnG,GAEVnI,EAAA,SAAAZ,IAAA,2CACE9D,MAAO,CACL,iBAAkB5D,IAGpBsI,EAAA,WAAAZ,IAAA,2CAASe,MAAM,iBAAiB6N,IAC9BlY,GACAkK,EAAA,SAAAZ,IAAA,2CACEe,MAAO,CACL,CAAC,wBAAyB3I,EAC1B,CAAC,yBACCA,GAAuBlC,IAAiB,IAG5C0K,EAAA,MAAAZ,IAAA,4CACGlI,GAAgBgJ,GACfF,EAAA,MAAAZ,IAAA,2CACEe,MAAO,CACL,gBAAiB,KACjB,gBAAiB,KACjB,yBAA0BvI,IAAa7B,EACvC,CAAC,iBAAiBJ,KAChBhD,KAAK8L,sBAGTuB,EAAA,OAAAZ,IAAA,2CAAKe,MAAM,oBACTH,EAAA,eAAAZ,IAAA,2CACEe,MAAM,yBACNqG,QAASyH,GAAgBC,EACzBzH,SAAU7O,GAAY7B,EACtB2Q,UAAS,KACT6H,cAAeN,IAAiBC,EAChC3X,MAAO,GAAGyX,KAAWG,SACrBK,6BAA4B,KAC5B7H,UAAW,IAAMlB,IACjBpF,KAAM1K,IAAY,QAAU,QAAU,SACtCa,MAAOwX,MAKdxJ,MAIN5M,IACE7B,IACAD,EACCkK,EAAA,aAAQX,KAERA,KAEH1M,KAAK0X,gBAAgBtU,EAASmK,EAAMuK,IAAc,MAAdA,SAAc,SAAdA,EAAgBH,UAEtD3X,KAAKoY,iBAAiBhV,EAASmK,EAAMuK,IAAc,MAAdA,SAAc,SAAdA,EAAgBH,UAExDtK,EAAA,OAAAZ,IAAA,uDAAe,YAAYe,MAAM,WAC9BxN,KAAKmY,yBAEPnY,KAAK4X,uBAAuBxU,EAAS0U,IACpCtT,GAAkBmL,EAAW3P,KAAKsF,GAAI,oBACtC+H,EAAA,OAAAZ,IAAA,2CAAKe,MAAM,wBACRmC,EAAW3P,KAAKsF,GAAI,kBACnB+H,EAAA,QAAM8C,KAAK,mBAEX9C,EAAA,qBACE9J,UAAWD,EAAqBC,UAChCC,wBACEF,EAAqBE,wBAEvBC,eAAgBH,EAAqBG,eACrCC,UAAWJ,EAAqBI,UAChCC,oBAAqBL,EAAqBK,oBAC1CG,WAAYR,EAAqBQ,WACjCC,UAAWT,EAAqBS,UAChCC,eAAgBV,EAAqBU,eACrCC,qBACEX,EAAqBW,qBAEvBC,0BACEZ,EAAqBY,0BAEvBC,iCACEb,EAAqBa,iCAEvBC,oBAAqBd,EAAqBc,oBAC1CC,wBACEf,EAAqBe,wBAEvBW,MAAOA,EACP8W,YAAYrW,EAAA8H,IAAI,MAAJA,SAAI,SAAJA,EAAMnH,UAAM,MAAAX,SAAA,EAAAA,EAAI,EAC5BnB,KAAMhB,EAAqBgB,QAKlCG,GACC4I,EAAA,OAAAZ,IAAA,2CAAKe,MAAM,0BAAyB,YAAW,UAC5CgF,IAAsB,YAAcD,EACjC,KACE/M,EAAAyH,EAAQwG,MAAMtG,GAAQA,EAAIV,MAAQ8F,OAAa,MAAA/M,SAAA,SAAAA,EAAEwM,QACjDO,YACSC,IACX,mB","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as i,c as e,h as t,H as o,g as a}from"./p-8e4e97b4.js";import{c,g as r,r as s,b as n,i as l,l as d}from"./p-0fe08a58.js";const p=`<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM15 13.59L13.59 15L10 11.41L6.41 15L5 13.59L8.59 10L5 6.41L6.41 5L10 8.59L13.59 5L15 6.41L11.41 10L15 13.59Z" fill="currentColor"/>\n</svg>\n`;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:inline-block;max-width:100%;vertical-align:middle}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}';const b=h;const u=class{constructor(t){i(this,t);this.icDismiss=e(this,"icDismiss",7);this.foregroundColor=null;this.hovered=false;this.visible=true;this.disabled=false;this.dismissible=false;this.dismissLabel="Dismiss";this.size="medium";this.theme="inherit";this.transparentBackground=true;this.variant="filled";this.dismissAction=()=>{this.icDismiss.emit()};this.mouseEnterHandler=()=>{this.hovered=true};this.mouseLeaveHandler=()=>{this.hovered=false}}customColorHandler(){const i=this.customColor&&c(this.customColor);if(!i){this.foregroundColor=null;return}const{r:e,g:t,b:o,a}=i;this.foregroundColor=r((e*299+t*587+o*114)/1e3);this.el.setAttribute("style",`--chip-custom-color: rgba(${e}, ${t}, ${o}, ${a});`)}watchDisabledHandler(){s(this.disabled,this.el)}componentWillLoad(){s(this.disabled,this.el);this.customColorHandler()}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Chip")}handleClick(){this.visible=!this.visible}async setFocus(){var i;(i=this.buttonEl)===null||i===void 0?void 0:i.focus()}render(){const{label:i,variant:e,size:a,dismissible:c,visible:r,disabled:s,hovered:n,theme:h,foregroundColor:b,dismissLabel:u,transparentBackground:g}=this;const f=`${i} chip`;return t(o,{key:"9a61d8ecacb78fcdf17dbbaf32e1cf79de705d78",class:{[`ic-theme-${h}`]:h!=="inherit",[`ic-chip-${b}-text`]:e==="filled"&&!!b}},r&&t("div",{key:"5cfa78f3d8647cf3f6a98649bfe583af89f3458f",class:{chip:true,[`${e}`]:true,[`${a}`]:true,disabled:s,dismissible:c,hovered:n,"non-transparent":e==="outlined"&&!g}},l(this.el,"icon")&&t("div",{key:"d7f72306a186b66c4a215a3928655989870e34b3",class:"icon"},t("slot",{key:"71b8d9a59d43e0580e7f56c1977f2992ee582d95",name:"icon"})),t("ic-typography",{key:"46ba6cddc7c12f2c246cc2d23e6d403517ad54b3",variant:"label","apply-vertical-margins":false,class:{label:true,"in-ag-grid":d(this.el)}},t("span",{key:"7e62d43da1b1d21a3b660839154aaaaedf96f935"},i)),c&&t("ic-tooltip",{key:"c82c6387a16c2cf5006710b1623a332a1f5f3122",label:u,target:"dismiss-icon",class:{"tooltip-disabled":s}},t("button",{key:"0411f0e6d7ce468a6f7a489e652240724dee0213",id:"dismiss-icon",class:"dismiss-icon",ref:i=>this.buttonEl=i,"aria-label":`${u} ${f}`,disabled:s,tabindex:s?-1:0,onClick:this.dismissAction,onMouseEnter:this.mouseEnterHandler,onMouseLeave:this.mouseLeaveHandler,innerHTML:p})),l(this.el,"badge")&&t("slot",{key:"31e71e22e0d9b8755a8bc483934aabcc4ccb9033",name:"badge"})),c&&t("div",{key:"c899f3ba330e9231e461b7869363ce85ff005b31",class:"sr-only","aria-live":"polite"},!r?`Dismissed ${f}`:""))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{customColor:["customColorHandler"],disabled:["watchDisabledHandler"]}}};u.style=b;export{u as ic_chip};
-//# sourceMappingURL=p-cdd6d5e8.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icChipCss","IcChipStyle0","Chip","constructor","hostRef","this","foregroundColor","hovered","visible","disabled","dismissible","dismissLabel","size","theme","transparentBackground","variant","dismissAction","icDismiss","emit","mouseEnterHandler","mouseLeaveHandler","customColorHandler","colorRGBA","customColor","convertToRGBA","r","g","b","a","getBrandForegroundAppearance","el","setAttribute","watchDisabledHandler","removeDisabledFalse","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","handleClick","setFocus","_a","buttonEl","focus","render","ariaLabel","h","Host","key","class","chip","isSlotUsed","name","isElInAGGrid","target","id","ref","tabindex","onClick","onMouseEnter","onMouseLeave","innerHTML","dismissIcon","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-chip/ic-chip.css?tag=ic-chip&encapsulation=shadow","../web-components/dist/collection/components/ic-chip/ic-chip.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n.chip {\n  --chip-bg-color: transparent;\n  --chip-hover-bg: var(--ic-chip-action-hover);\n  --chip-pressed-bg: var(--ic-chip-action-pressed);\n\n  display: flex;\n  padding: var(--ic-space-xxs);\n  font-size: 0.875rem;\n  border-radius: var(--ic-space-md);\n  text-align: left;\n  text-decoration: none;\n  position: relative;\n  background-color: var(--chip-bg-color);\n  border: var(--ic-border-width) solid transparent;\n  justify-content: space-between;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chip {\n    transition: var(--ic-easing-transition-fast);\n  }\n}\n\n.chip.small {\n  padding: var(--ic-space-xxxs);\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n}\n\n.chip.large {\n  padding: var(--ic-space-xs);\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n.label {\n  padding: 0 var(--ic-space-xs);\n}\n\n.chip:focus-within {\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\nic-tooltip:focus-within {\n  z-index: 1;\n}\n\n.filled {\n  --chip-bg-color: var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );\n  --ic-typography-color: var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );\n\n  color: var(--chip-custom-foreground-color, var(--ic-chip-label));\n}\n\n.filled.disabled {\n  --chip-bg-color: var(--ic-chip-background-filled-inactive);\n}\n\n:host(.ic-chip-dark-text) {\n  --chip-custom-foreground-color: var(--ic-architectural-black);\n}\n\n:host(.ic-chip-light-text) {\n  --chip-custom-foreground-color: var(--ic-architectural-white);\n}\n\n:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within) {\n  --chip-hover-bg: var(--ic-action-dark-bg-hover);\n}\n\n:host(.ic-chip-dark-text) .chip.filled:focus-within {\n  --chip-pressed-bg: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within) {\n  --chip-hover-bg: var(--ic-action-light-bg-hover);\n}\n\n:host(.ic-chip-light-text) .chip.filled:focus-within {\n  --chip-pressed-bg: var(--ic-action-light-bg-pressed);\n}\n\n.outlined {\n  color: var(--ic-chip-outline-label);\n  border-color: var(--chip-custom-color, var(--ic-chip-outline));\n  padding: calc(var(--ic-space-xxs));\n\n  --ic-typography-color: var(--ic-chip-outline-label);\n}\n\n.outlined.disabled {\n  border: var(--ic-border-disabled);\n  border-color: var(--ic-chip-outline-inactive);\n}\n\n.chip.disabled ic-typography {\n  --ic-typography-color: var(--ic-chip-label-inactive);\n}\n\n.dismiss-icon {\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  color: currentcolor;\n  background: none;\n  cursor: pointer;\n  margin: var(--ic-space-xxxs);\n  height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n}\n\n.dismiss-icon:focus {\n  outline: var(--ic-hc-focus-outline);\n}\n\n.dismiss-icon[disabled] {\n  pointer-events: none;\n  color: var(--ic-chip-icon-inactive);\n}\n\n.icon {\n  padding: var(--ic-space-xxxs);\n  box-sizing: border-box;\n}\n\n.icon,\nic-tooltip {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n.chip.disabled path,\n.chip.disabled ::slotted(svg) {\n  fill: var(--ic-chip-icon-inactive);\n}\n\n.outlined.non-transparent {\n  background-color: var(--ic-chip-outline-background);\n}\n\n:host .chip.hovered:not(:focus-within) {\n  background-image: linear-gradient(var(--chip-hover-bg) 0 0);\n}\n\n:host .chip:focus-within {\n  background-image: linear-gradient(var(--chip-pressed-bg) 0 0);\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n.sr-only:dir(rtl) {\n  right: -9999px;\n}\n\n@media (forced-colors: active) {\n  .chip {\n    border: var(--ic-border-hc);\n  }\n\n  .chip.disabled {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border-color: GrayText;\n  }\n\n  .chip.disabled ic-typography {\n    --ic-typography-color: GrayText;\n  }\n\n  .chip.disabled path,\n  .chip.disabled ::slotted(svg) {\n    fill: GrayText;\n  }\n\n  .chip:focus-within {\n    outline: none;\n    border-color: Highlight;\n  }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined, isSlotUsed, removeDisabledFalse, convertToRGBA, isElInAGGrid, getBrandForegroundAppearance, } from \"../../utils/helpers\";\nimport dismissIcon from \"../../assets/dismiss-icon.svg\";\n/**\n * @slot icon - Content will be rendered at the start of the chip.\n * @slot badge - Badge component overlaying the top right of the chip.\n */\nexport class Chip {\n    constructor() {\n        this.foregroundColor = null;\n        this.hovered = false;\n        this.visible = true;\n        /**\n         * If `true`, the chip will appear disabled.\n         */\n        this.disabled = false;\n        /**\n         * If `true`, the chip will have a close button at the end to dismiss it.\n         */\n        this.dismissible = false;\n        /**\n         * The text in the dismiss button tooltip and aria label. Makes the user aware of the action resulting from clicking the 'Dismiss chip' button.\n         */\n        this.dismissLabel = \"Dismiss\";\n        /**\n         * The size of the chip.\n         */\n        this.size = \"medium\";\n        /**\n         * Sets the chip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\n         * Setting the \"customColor\" prop will override this.\n         */\n        this.theme = \"inherit\";\n        /**\n         * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.\n         */\n        this.transparentBackground = true;\n        /**\n         * The emphasis of the chip.\n         */\n        this.variant = \"filled\";\n        this.dismissAction = () => {\n            this.icDismiss.emit();\n        };\n        this.mouseEnterHandler = () => {\n            this.hovered = true;\n        };\n        this.mouseLeaveHandler = () => {\n            this.hovered = false;\n        };\n    }\n    customColorHandler() {\n        const colorRGBA = this.customColor && convertToRGBA(this.customColor);\n        if (!colorRGBA) {\n            this.foregroundColor = null;\n            return;\n        }\n        const { r, g, b, a } = colorRGBA;\n        this.foregroundColor = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);\n        this.el.setAttribute(\"style\", `--chip-custom-color: rgba(${r}, ${g}, ${b}, ${a});`);\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n        this.customColorHandler();\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Chip\");\n    }\n    handleClick() {\n        this.visible = !this.visible;\n    }\n    /**\n     * Sets focus on the chip.\n     */\n    async setFocus() {\n        var _a;\n        (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { label, variant, size, dismissible, visible, disabled, hovered, theme, foregroundColor, dismissLabel, transparentBackground, } = this;\n        const ariaLabel = `${label} chip`;\n        return (h(Host, { key: '9a61d8ecacb78fcdf17dbbaf32e1cf79de705d78', class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [`ic-chip-${foregroundColor}-text`]: variant === \"filled\" && !!foregroundColor,\n            } }, visible && (h(\"div\", { key: '5cfa78f3d8647cf3f6a98649bfe583af89f3458f', class: {\n                chip: true,\n                [`${variant}`]: true,\n                [`${size}`]: true,\n                disabled,\n                dismissible,\n                hovered,\n                \"non-transparent\": variant === \"outlined\" && !transparentBackground,\n            } }, isSlotUsed(this.el, \"icon\") && (h(\"div\", { key: 'd7f72306a186b66c4a215a3928655989870e34b3', class: \"icon\" }, h(\"slot\", { key: '71b8d9a59d43e0580e7f56c1977f2992ee582d95', name: \"icon\" }))), h(\"ic-typography\", { key: '46ba6cddc7c12f2c246cc2d23e6d403517ad54b3', variant: \"label\", \"apply-vertical-margins\": false, class: { label: true, \"in-ag-grid\": isElInAGGrid(this.el) } }, h(\"span\", { key: '7e62d43da1b1d21a3b660839154aaaaedf96f935' }, label)), dismissible && (h(\"ic-tooltip\", { key: 'c82c6387a16c2cf5006710b1623a332a1f5f3122', label: dismissLabel, target: \"dismiss-icon\", class: { \"tooltip-disabled\": disabled } }, h(\"button\", { key: '0411f0e6d7ce468a6f7a489e652240724dee0213', id: \"dismiss-icon\", class: \"dismiss-icon\", ref: (el) => (this.buttonEl = el), \"aria-label\": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { key: '31e71e22e0d9b8755a8bc483934aabcc4ccb9033', name: \"badge\" }))), dismissible && (h(\"div\", { key: 'c899f3ba330e9231e461b7869363ce85ff005b31', class: \"sr-only\", \"aria-live\": \"polite\" }, !visible ? `Dismissed ${ariaLabel}` : \"\"))));\n    }\n    static get is() { return \"ic-chip\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-chip.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-chip.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"customColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})` | undefined\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom chip colour. This will override the theme colour.\\nCan be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"custom-color\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the chip will appear disabled.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dismissible\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the chip will have a close button at the end to dismiss it.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dismissible\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dismissLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text in the dismiss button tooltip and aria label. Makes the user aware of the action resulting from clicking the 'Dismiss chip' button.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dismiss-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Dismiss\\\"\"\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 text rendered within the chip.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the chip.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the chip to the dark or light theme colors. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\\nSetting the \\\"customColor\\\" prop will override this.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"transparentBackground\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"transparent-background\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcEmphasisType\",\n                    \"resolved\": \"\\\"filled\\\" | \\\"outlined\\\"\",\n                    \"references\": {\n                        \"IcEmphasisType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcEmphasisType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The emphasis of the chip.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"filled\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"foregroundColor\": {},\n            \"hovered\": {},\n            \"visible\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icDismiss\",\n                \"name\": \"icDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Is emitted when the user dismisses the chip.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the chip.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"customColor\",\n                \"methodName\": \"customColorHandler\"\n            }, {\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icDismiss\",\n                \"method\": \"handleClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-chip.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-e253a857.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IC_DEVICE_SIZES","XS","S","M","L","XL","IC_BLOCK_COLOR_COMPONENTS","IC_FIXED_COLOR_COMPONENTS","IC_BLOCK_COLOR_EXCEPTIONS","IcInformationStatus","IcBrandForegroundEnum","IcDateInputMonths","IcShortDayNames","IcDayNames","IcWeekDays","icInput","stringEnumToArray","theEnum","arr","Object","values","forEach","val","isNaN","Number","str","push","dynamicDebounce","func","getDelay","timer","args","delay","clearTimeout","setTimeout","renderHiddenInput","always","container","name","value","disabled","undefined","hasShadowDom","input","getHiddenInputElement","ownerDocument","createElement","type","classList","add","appendChild","Date","toISOString","Array","from","querySelectorAll","filter","el","parentElement","shadowRoot","attachShadow","getInputHelperTextID","id","getInputValidationTextID","getInputDescribedByText","inputId","helperText","validationText","isSlotUsed","trim","getBrandFromContext","brandFromEvent","getRootNode","host","blockColorParent","closest","join","parentTag","tagName","toLowerCase","currentTag","_a","includes","Default","contains","Dark","Light","isEmptyString","length","isPropDefined","prop","deviceSizeMatches","size","window","matchMedia","matches","getCurrentDeviceSize","DEVICE_SIZES","UNDEFINED","getCssProperty","cssVar","getComputedStyle","document","documentElement","getPropertyValue","getSlotElements","slot","slotContent","firstElementChild","elements","assignedElements","childNodes","replace","children","slotName","some","child","getAttribute","onComponentRequiredPropUndefined","props","component","propName","console","error","kebabToCamelCase","kebabCase","split","map","word","index","substring","toUpperCase","checkResizeObserver","callbackFn","ResizeObserver","addFormResetListener","addEventListener","removeFormResetListener","removeEventListener","pxToRem","px","base","parseInt","removeDisabledFalse","element","removeAttribute","isNumeric","test","capitalize","text","charAt","slice","checkSlotInChildMutations","addedNodes","removedNodes","hasSlot","nodeList","node","isArray","addDataToPosition","dataObject","newKeys","newValue","newData","newIndexes","key","keys","numberOfKeys","i","j","indexOf","hasDynamicChildSlots","mutationList","slotNames","renderDynamicChildSlots","ref","forceUpdate"],"sources":["src/utils/constants.ts","src/utils/types.ts","src/utils/helpers.ts"],"sourcesContent":["import errorIcon from \"../assets/error-icon.svg\";\nimport infoIcon from \"../assets/info-icon.svg\";\nimport neutralIcon from \"../assets/neutral-icon.svg\";\nimport successIcon from \"../assets/success-icon.svg\";\nimport warningIcon from \"../assets/warning-icon.svg\";\n\n// Global status icons\nexport const VARIANT_ICONS = {\n  neutral: {\n    icon: neutralIcon,\n    ariaLabel: \"Neutral\",\n  },\n  info: {\n    icon: infoIcon,\n    ariaLabel: \"For your information\",\n  },\n  warning: {\n    icon: warningIcon,\n    ariaLabel: \"Warning\",\n  },\n  error: {\n    icon: errorIcon,\n    ariaLabel: \"Error\",\n  },\n  success: {\n    icon: successIcon,\n    ariaLabel: \"Success\",\n  },\n};\n\n// Global ARIA attributes\nexport const IC_INHERITED_ARIA = [\n  \"aria-atomic\",\n  \"aria-autocomplete\",\n  \"aria-busy\",\n  \"aria-controls\",\n  \"aria-current\",\n  \"aria-describedby\",\n  \"aria-description\",\n  \"aria-details\",\n  \"aria-disabled\",\n  \"aria-dropeffect\",\n  \"aria-errormessage\",\n  \"aria-expanded\",\n  \"aria-flowto\",\n  \"aria-grabbed\",\n  \"aria-haspopup\",\n  \"aria-hidden\",\n  \"aria-invalid\",\n  \"aria-keyshortcuts\",\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"aria-live\",\n  \"aria-owns\",\n  \"aria-relevant\",\n  \"aria-roledescription\",\n];\n\nexport const IC_DEVICE_SIZES = {\n  XS: 576,\n  S: 768,\n  M: 992,\n  L: 1200,\n  XL: 99999,\n};\n\nexport const IC_BLOCK_COLOR_COMPONENTS = [\n  \"ic-hero\",\n  \"ic-top-navigation\",\n  \"ic-footer\",\n  \"ic-side-navigation\",\n  \"ic-alert\",\n];\n\nexport const IC_FIXED_COLOR_COMPONENTS = [\"ic-alert\"];\n\nexport interface IcColorExceptions {\n  [details: string]: string[];\n}\n\nexport const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions = {\n  \"ic-alert\": [\"ic-link\", \"ic-button\"],\n};\n\n/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours\n * The brightness difference must be greater than 125 to provide good colour visibility\n * Calculated by:\n * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)\n * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)\n */\nexport const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;\nexport const WHITE_MAX_COLOR_BRIGHTNESS = 130;\n\n// Keyboard characters that do not affect the content of an input control when pressed\nexport const IGNORED_KEYBOARD_CHARACTERS = [\n  \"Alt\",\n  \"AltGraph\",\n  \"ArrowDown\",\n  \"ArrowLeft\",\n  \"ArrowRight\",\n  \"ArrowUp\",\n  \"AudioVolumeDown\",\n  \"AudioVolumeMute\",\n  \"AudioVolumeUp\",\n  \"CapsLock\",\n  \"ContextMenu\",\n  \"Control\",\n  \"Delete\",\n  \"End\",\n  \"Enter\",\n  \"Escape\",\n  \"F1\",\n  \"F10\",\n  \"F11\",\n  \"F12\",\n  \"F2\",\n  \"F3\",\n  \"F4\",\n  \"F5\",\n  \"F6\",\n  \"F7\",\n  \"F8\",\n  \"F9\",\n  \"Home\",\n  \"Insert\",\n  \"Meta\",\n  \"NumLock\",\n  \"PageDown\",\n  \"PageUp\",\n  \"Shift\",\n  \"Tab\",\n];\n","import {\n  IcPaginationLabelTypes,\n  IcPaginationTypes,\n  IcPaginationAlignmentOptions,\n} from \"../components\";\n\nexport type IcFocusableComponents =\n  | HTMLIcBreadcrumbElement\n  | HTMLIcButtonElement\n  | HTMLIcCardVerticalElement\n  | HTMLIcCheckboxElement\n  | HTMLIcChipElement\n  | HTMLIcLinkElement\n  | HTMLIcNavigationButtonElement\n  | HTMLIcNavigationGroupElement\n  | HTMLIcNavigationItemElement\n  | HTMLIcRadioOptionElement\n  | HTMLIcSearchBarElement\n  | HTMLIcSelectElement\n  | HTMLIcSwitchElement\n  | HTMLIcTabElement\n  | HTMLIcTextFieldElement;\n\nexport type IcStatusVariants =\n  | \"neutral\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport enum IcInformationStatus {\n  Warning = \"warning\",\n  Error = \"error\",\n  Success = \"success\",\n}\n\nexport type IcSizes = \"medium\" | \"large\" | \"small\";\n\nexport type IcSizesNoLarge = \"medium\" | \"small\";\n\nexport type IcInformationStatusOrEmpty = \"warning\" | \"error\" | \"success\" | \"\";\n\nexport type IcNavType = \"side\" | \"top\" | \"page-header\";\n\n// From: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\nexport type IcAutocompleteTypes =\n  | \"on\"\n  | \"off\"\n  | \"name\"\n  | \"honorific-prefix\"\n  | \"given-name\"\n  | \"additional-name\"\n  | \"family-name\"\n  | \"honorific-suffix\"\n  | \"nickname\"\n  | \"email\"\n  | \"username\"\n  | \"new-password\"\n  | \"current-password\"\n  | \"one-time-code\"\n  | \"organization-title\"\n  | \"organization\"\n  | \"street-address\"\n  | \"address-line1\"\n  | \"address-line2\"\n  | \"address-line3\"\n  | \"address-level4\"\n  | \"address-level3\"\n  | \"address-level2\"\n  | \"address-level1\"\n  | \"country\"\n  | \"country-name\"\n  | \"postal-code\"\n  | \"cc-name\"\n  | \"cc-given-name\"\n  | \"cc-additional-name\"\n  | \"cc-family-name\"\n  | \"cc-family-name\"\n  | \"cc-number\"\n  | \"cc-exp\"\n  | \"cc-exp-month\"\n  | \"cc-exp-year\"\n  | \"cc-csc\"\n  | \"cc-type\"\n  | \"transaction-currency\"\n  | \"transaction-amount\"\n  | \"language\"\n  | \"bday\"\n  | \"bday-day\"\n  | \"bday-month\"\n  | \"bday-year\"\n  | \"sex\"\n  | \"tel\"\n  | \"tel-country-code\"\n  | \"tel-national\"\n  | \"tel-area-code\"\n  | \"tel-local\"\n  | \"tel-extension\"\n  | \"impp\"\n  | \"url\"\n  | \"photo\";\n\nexport type IcAlignment = \"left\" | \"center\" | \"full-width\";\n\nexport enum IcBrandForegroundEnum {\n  Default = \"default\",\n  Dark = \"dark\",\n  Light = \"light\",\n}\n\nexport type IcThemeMode = \"dark\" | \"light\" | \"inherit\";\n\nexport type IcBrandForeground = \"default\" | \"dark\" | \"light\";\n\nexport type IcBrandForegroundNoDefault = \"dark\" | \"light\";\n\nexport type IcBrand = {\n  mode: IcBrandForeground;\n  color: IcColorRGB;\n};\n\nexport type IcAdditionalFieldTypes = \"static\" | \"dynamic\";\n\nexport type IcColorRGB = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nexport type IcColorRGBA = IcColorRGB & {\n  a: number;\n};\n\nexport type IcActivationTypes = \"automatic\" | \"manual\";\n\nexport type IcAutocorrectStates = \"on\" | \"off\";\n\nexport type IcNavParentDetails = {\n  navType: IcNavType | \"\";\n  parent: HTMLElement | null;\n};\n\nexport type IcTypographyVariants =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"subtitle-large\"\n  | \"subtitle-small\"\n  | \"body\"\n  | \"label\"\n  | \"label-uppercase\"\n  | \"caption\"\n  | \"caption-uppercase\"\n  | \"code-large\"\n  | \"code-small\"\n  | \"code-extra-small\"\n  | \"badge\"\n  | \"badge-small\";\n\n/**\n * @interface IcMenuOption\n * @field {string} A label field to options. Defaults to \"label\", but can have any custom name.\n * @field {string} A value field to options. Defaults to \"value\", but can have any custom name.\n */\nexport interface IcMenuOption {\n  description?: string;\n  disabled?: boolean;\n  recommended?: boolean;\n  children?: IcMenuOption[];\n  loading?: boolean;\n  timedOut?: boolean;\n  [key: string]: any;\n  element?: {\n    component: any;\n    ariaLabel: string;\n  };\n  icon?: any;\n}\n\nexport type IcSearchMatchPositions = \"start\" | \"anywhere\";\n\nexport type IcCallbackFunctionNoReturn = (...args: unknown[]) => void;\n\nexport type IcRequiredPropsTypes =\n  | string\n  | boolean\n  | number\n  | HTMLElement\n  | IcMenuOption[]\n  | undefined;\n\nexport type IcPropObject = { prop: IcRequiredPropsTypes; propName: string };\n\nexport type IcRelatedTarget = EventTarget | undefined;\n\nexport type IcOrientation = \"horizontal\" | \"vertical\";\n\nexport type IcEmphasisType = \"filled\" | \"outlined\";\n\nexport interface IcValueEventDetail {\n  value: string;\n  keyPressed?: string;\n}\n\nexport interface IcMultiValueEventDetail {\n  value: string | string[] | null;\n  keyPressed?: string;\n}\n\nexport interface IcBlurEventDetail {\n  relatedTarget: IcRelatedTarget | null;\n}\n\nexport type IcSelectTypes = \"single\" | \"multi\";\n\nexport type IcSelectMethodTypes = \"auto\" | \"manual\";\n\nexport type IcDeviceSizes = 0 | 576 | 768 | 992 | 1200;\n\ntype RGB = `rgb(${string})`;\ntype RGBA = `rgba(${string})`;\ntype HEX = `#${string}`;\n\nexport type IcColor = RGB | RGBA | HEX;\n\nexport type IcIconPlacementOptions = \"left\" | \"right\" | \"top\";\n\nexport type IcButtonTooltipPlacement = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport type IcThemeSettings = \"dark\" | \"light\" | \"system\";\n\nexport interface IcPaginationBarOptions {\n  alignment?: IcPaginationAlignmentOptions;\n  hideAllFromItemsPerPage?: boolean;\n  hideRangeLabel?: boolean;\n  itemLabel?: string;\n  itemsPerPageOptions?: { label: string; value: string }[];\n  monochrome?: boolean;\n  pageLabel?: string;\n  rangeLabelType?: IcPaginationLabelTypes;\n  selectedItemsPerPage?: number;\n  selectItemsPerPageOnEnter?: boolean;\n  setToFirstPageOnPaginationChange?: boolean;\n  showGoToPageControl?: boolean;\n  showItemsPerPageControl?: boolean;\n  theme?: IcThemeMode;\n  type?: IcPaginationTypes;\n}\n\nexport type IcDateFormat = \"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\";\n\nexport enum IcDateInputMonths {\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n}\n\nexport enum IcShortDayNames {\n  \"Sun\",\n  \"Mon\",\n  \"Tue\",\n  \"Wed\",\n  \"Thu\",\n  \"Fri\",\n  \"Sat\",\n}\n\nexport enum IcDayNames {\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\",\n}\n\nexport enum IcWeekDays {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n","/**\n * To investigate:\n * IcColorRGBA works via @ukic/web-components but IcBrandForegroundEnum does not even though they are exported\n * from @ukic/web-components in the same file. Why?\n */\nimport { EventEmitter, forceUpdate } from \"@stencil/core\";\nimport {\n  IcCallbackFunctionNoReturn,\n  IcInformationStatusOrEmpty,\n  IcNavParentDetails,\n  IcPropObject,\n  IcSearchMatchPositions,\n  IcColorRGBA,\n  IcDeviceSizes,\n  IcColor,\n  IcBrandForegroundNoDefault,\n  IcBrandForeground,\n  IcMenuOption,\n} from \"@ukic/web-components\";\nimport { IcDataTableDataType } from \"../interface\";\nimport {\n  IC_BLOCK_COLOR_COMPONENTS,\n  IC_BLOCK_COLOR_EXCEPTIONS,\n  IC_FIXED_COLOR_COMPONENTS,\n} from \"./constants\"; // Using @ukic/web-components/dist/types/utils/constants does not work so duplicated constants into canary package\nimport { IcBrandForegroundEnum } from \"./types\"; // Using @ukic/web-components/dist/types/utils/types does not work so duplicated constants into canary package\n\nconst DARK_MODE_THRESHOLD = 133.3505;\nconst ANYWHERE_SEARCH_POSITION = \"anywhere\";\nconst icInput = \"ic-input\";\n\n/**\n * converts an enum of strings into an array of strings\n */\nexport const stringEnumToArray = (\n  theEnum: Record<string, string | number>\n): string[] => {\n  const arr: string[] = [];\n  Object.values(theEnum).forEach((val) => {\n    if (isNaN(Number(val))) {\n      const str = val as string;\n      arr.push(str);\n    }\n  });\n  return arr;\n};\n\n/**\n * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned\n * to a variable that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (\n  element: HTMLElement,\n  attributes: string[] = []\n): { [key: string]: string } => {\n  const attributeObject: { [key: string]: string } = {};\n\n  attributes.forEach((attr) => {\n    const value = element.getAttribute(attr);\n    if (value !== null) {\n      attributeObject[attr] = value;\n      element.removeAttribute(attr);\n    }\n  });\n\n  return attributeObject;\n};\n\nexport const debounceEvent = (\n  event: EventEmitter,\n  wait: number\n): EventEmitter => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\nexport const debounce = (\n  func: (...args: unknown[]) => void,\n  wait = 0\n): unknown => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: unknown[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\nexport const dynamicDebounce = (\n  func: (...args: unknown[]) => void,\n  getDelay: () => number\n): unknown => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: unknown[]) => {\n    const delay = getDelay();\n    clearTimeout(timer);\n    timer = setTimeout(func, delay, ...args);\n  };\n};\n\n/**\n * This method is used to add a hidden input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param always Add a hidden input even if the container does not use Shadow\n * @param container The element where the input will be added\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n */\nexport const renderHiddenInput = (\n  always: boolean,\n  container: HTMLElement,\n  name: string,\n  value: string | Date | undefined | null,\n  disabled: boolean | undefined\n): void => {\n  if (name !== undefined && (always || hasShadowDom(container))) {\n    let input = getHiddenInputElement(container);\n\n    if (input === null || input === undefined) {\n      input = container.ownerDocument.createElement(\"input\");\n      input.type = \"hidden\";\n      input.classList.add(icInput);\n      container.appendChild(input);\n    }\n    input.disabled = !!disabled;\n    input.name = name;\n\n    if (value instanceof Date) {\n      input.value = value ? value.toISOString() : \"\";\n    } else {\n      input.value = value || \"\";\n    }\n  }\n};\n\nconst getHiddenInputElement = (container: HTMLElement) =>\n  Array.from(\n    container.querySelectorAll<HTMLInputElement>(`input.${icInput}`)\n  ).filter((el) => container === el.parentElement)[0];\n\n/**\n * This method is used to add a hidden file input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param event: The event that is emitted once a file is selected.\n * @param container The element where the input will be added\n * @param multiple If true, multiple files can be selected\n * @param disabled If true, the input is disabled\n * @param accept A string of the accepted files\n * @param name The name of the input\n * @param value The value of the input\n */\nexport const renderFileHiddenInput = (\n  event: EventEmitter,\n  container: HTMLElement,\n  multiple: boolean,\n  disabled: boolean,\n  accept?: string,\n  name?: string,\n  value?: FileList\n): void => {\n  if (name !== undefined && hasShadowDom(container)) {\n    let input = getHiddenInputElement(container);\n\n    if (input === null || input === undefined) {\n      input = container.ownerDocument.createElement(\"input\");\n      input.classList.add(icInput);\n      container.appendChild(input);\n    }\n    input.type = \"file\";\n    input.hidden = true;\n    input.multiple = multiple;\n    input.name = name;\n    input.disabled = disabled;\n\n    if (value) input.files = value;\n    if (accept) input.accept = accept;\n\n    input.onchange = () => {\n      event.emit(input.files);\n    };\n    input.click();\n  }\n};\n\nexport const removeHiddenInput = (container: HTMLElement): void => {\n  getHiddenInputElement(container)?.remove();\n};\n\nexport const hasShadowDom = (el: HTMLElement | null | undefined): boolean =>\n  !!el && !!el.shadowRoot && !!el.attachShadow;\n\nexport const getInputHelperTextID = (id: string): string => id + \"-helper-text\";\n\nexport const getInputValidationTextID = (id: string): string =>\n  id + \"-validation-text\";\n\nexport const getInputDescribedByText = (\n  el: HTMLElement,\n  inputId: string,\n  helperText: boolean,\n  validationText: boolean\n): string =>\n  `${\n    isSlotUsed(el, \"helper-text\") || helperText\n      ? getInputHelperTextID(inputId)\n      : \"\"\n  } ${validationText ? getInputValidationTextID(inputId) : \"\"}`.trim();\n\n/**\n * This method helps to understand the context in which a component exists,\n * to assist with choosing appropriate foreground colours to use. For example,\n * this method will help you use the 'white' version of a button if it's within\n * a block colour element using white foreground text.\n *\n * This only works for components/elements passed via <slot> and not if they\n * are part of an IC component.\n *\n * \"\"\n * @returns IcBrandForeground depending on the context\n */\nexport const getBrandFromContext = (\n  el: Element,\n  brandFromEvent: IcBrandForeground | null = null\n): IcBrandForeground => {\n  const parentElement =\n    el.parentElement || (<ShadowRoot>el.getRootNode()).host.parentElement;\n  const blockColorParent = parentElement?.closest(\n    IC_BLOCK_COLOR_COMPONENTS.join(\",\")\n  );\n\n  // If within a block color component\n  if (blockColorParent) {\n    const parentTag = blockColorParent.tagName.toLowerCase();\n    const currentTag = el.tagName.toLowerCase();\n\n    if (IC_BLOCK_COLOR_EXCEPTIONS[parentTag]?.includes(currentTag)) {\n      return IcBrandForegroundEnum.Default;\n    } else if (\n      brandFromEvent !== null &&\n      !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)\n    ) {\n      return brandFromEvent;\n    } else if (\n      blockColorParent.classList.contains(\n        `${parentTag}-${IcBrandForegroundEnum.Dark}`\n      ) ||\n      blockColorParent.classList.contains(IcBrandForegroundEnum.Dark)\n    ) {\n      return IcBrandForegroundEnum.Dark;\n    }\n\n    return IcBrandForegroundEnum.Light;\n  }\n\n  return IcBrandForegroundEnum.Default;\n};\n\n/**\n * Checks if the current device is a mobile or tablet device.\n * @returns {boolean} Returns true if the device is a mobile or tablet device, otherwise returns false.\n */\nexport const isMobileOrTablet = (): boolean =>\n  \"maxTouchPoints\" in navigator && \"userAgent\" in navigator\n    ? navigator.maxTouchPoints > 0 &&\n      /iPad|iPhone|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(\n        navigator.userAgent\n      )\n    : false;\n\n/**\n * Will create a button within the lightDOM which interacts with the parent form.\n * This is required as buttons within the shadowDOM will not invoke a submit or reset\n *\n * @param form - parent form element which contains shadowDom button\n * @param button - shadowDOM button\n */\nexport const handleHiddenFormButtonClick = (\n  form: HTMLFormElement,\n  button: HTMLIcButtonElement | HTMLButtonElement\n): void => {\n  const hiddenFormButton = document.createElement(\"button\");\n\n  button.type && hiddenFormButton.setAttribute(\"type\", button.type);\n  hiddenFormButton.style.display = \"none\";\n\n  form.appendChild(hiddenFormButton);\n\n  hiddenFormButton.click();\n  hiddenFormButton.remove();\n};\n\nexport const isEmptyString = (value: string | null): boolean =>\n  value ? value.trim().length === 0 : true;\n\n// A helper function that checks if a prop has been defined\nexport const isPropDefined = (prop: string): string | null =>\n  prop !== undefined ? prop : null;\n\n/**\n * Extracts the label using the value from an object. Requires the object to have a label and value property.\n * @param value - value from object\n * @param options - list of menu items\n * @returns - label corresponding to value\n */\nexport const getLabelFromValue = (\n  value: string,\n  options: IcMenuOption[],\n  valueField = \"value\",\n  labelField = \"label\"\n): string | undefined => {\n  const ungroupedOptions: IcMenuOption[] = [];\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option: IcMenuOption) =>\n          ungroupedOptions.push(option)\n        );\n      } else {\n        ungroupedOptions.push(option);\n      }\n    });\n    const matchingValue = ungroupedOptions.find(\n      (option) => option[valueField] === value\n    );\n    if (matchingValue !== undefined) return matchingValue[labelField];\n  }\n\n  return undefined;\n};\n\n/**\n * Filters the options based on the search string.\n * @param options - array of options\n * @param includeDescriptions - determines whether option descriptions are included when filtering options\n * @param searchString - string used to filter the options\n * @param position - whether the search string matches the start of or anywhere in the options\n * @returns filtered array of options\n */\nexport const getFilteredMenuOptions = (\n  options: IcMenuOption[],\n  includeDescriptions: boolean,\n  searchString: string,\n  position: IcSearchMatchPositions = ANYWHERE_SEARCH_POSITION,\n  labelField = \"label\"\n): IcMenuOption[] =>\n  options.filter((option) => {\n    const label: string = option[labelField].toLowerCase();\n    const description = option.description?.toLowerCase();\n    const lowerSearchString = searchString.toLowerCase();\n\n    return position === ANYWHERE_SEARCH_POSITION\n      ? includeDescriptions\n        ? label.includes(lowerSearchString) ||\n          description?.includes(lowerSearchString)\n        : label.includes(lowerSearchString)\n      : includeDescriptions\n      ? label.startsWith(lowerSearchString) ||\n        description?.startsWith(lowerSearchString)\n      : label.startsWith(lowerSearchString);\n  });\n\n/**\n * Gets count of options where only group title \"parent\" options have been removed.\n * Disabled options are included in the count.\n * @param options - array of options\n * @returns number of options not including group titles\n */\nexport const getOptionsWithoutGroupTitlesCount = (\n  options: IcMenuOption[]\n): number => {\n  const optionsWithoutGroupTitles: IcMenuOption[] = [];\n\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option) => optionsWithoutGroupTitles.push(option));\n      } else {\n        optionsWithoutGroupTitles.push(option);\n      }\n    });\n  }\n\n  return optionsWithoutGroupTitles.length;\n};\n\nexport const deviceSizeMatches = (size: number): boolean =>\n  window.matchMedia(`(max-width: ${size}px)`).matches;\n\nexport const getCurrentDeviceSize = (): number => {\n  if (deviceSizeMatches(DEVICE_SIZES.S)) {\n    return DEVICE_SIZES.S;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.M)) {\n    return DEVICE_SIZES.M;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.L)) {\n    return DEVICE_SIZES.L;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.XL)) {\n    return DEVICE_SIZES.XL;\n  }\n  //fallback needed as all of above get initialised to 0 in jest tests\n  return DEVICE_SIZES.UNDEFINED;\n};\n\nexport const getCssProperty = (cssVar: string): string =>\n  getComputedStyle(document.documentElement).getPropertyValue(cssVar);\n\n/**\n * Returns the brightness of the brand colour, calculated by using the brand RGB CSS values by:\n * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding them together and dividing by 1000\n * This is a similar calculation to its CSS counterpart: \"--ic-brand-text-color\"\n * @returns number representing the brightness of the brand colour\n */\nexport const getBrandColorBrightness = (): number => {\n  const r = getCssProperty(\"--ic-brand-color-primary-r\");\n  const g = getCssProperty(\"--ic-brand-color-primary-g\");\n  const b = getCssProperty(\"--ic-brand-color-primary-b\");\n  return (parseInt(r) * 299 + parseInt(g) * 587 + parseInt(b) * 114) / 1000;\n};\n\n/**\n * Returns if dark or light foreground colors should be used for color contrast reasons\n * @returns \"dark\" or \"light\"\n * @param brightness - Optional custom brightness value. Defaults to `getBrandColorBrightness`\n */\nexport const getBrandForegroundAppearance = (\n  brightness = getBrandColorBrightness()\n): IcBrandForegroundNoDefault =>\n  brightness > DARK_MODE_THRESHOLD\n    ? IcBrandForegroundEnum.Dark\n    : IcBrandForegroundEnum.Light;\n\nexport const getSlot = (\n  element: HTMLElement | undefined,\n  name: string\n): Element | null => element?.querySelector(`[slot=\"${name}\"]`) || null;\n\nexport const slotHasContent = (element: HTMLElement, name: string): boolean =>\n  getSlot(element, name) !== null;\n\nexport const getSlotContent = (\n  element: HTMLElement,\n  name: string\n): Element[] | NodeListOf<ChildNode> | null => {\n  const slot = getSlot(element, name);\n  return slot ? getSlotElements(slot) : null;\n};\n\nexport const getSlotElements = (\n  slot: Element\n): NodeListOf<ChildNode> | Element[] | null => {\n  const slotContent = slot.firstElementChild as HTMLSlotElement;\n\n  if (slotContent === null) return [slot];\n\n  const elements = slotContent.assignedElements\n    ? slotContent.assignedElements()\n    : slotContent.childNodes;\n  return elements.length ? elements : slot.tagName ? [slot] : null;\n};\n\nexport const getNavItemParentDetails = ({\n  parentElement,\n}: HTMLElement): IcNavParentDetails => {\n  let navType: IcNavParentDetails = { navType: \"\", parent: null };\n  if (parentElement) {\n    switch (parentElement.tagName) {\n      case \"IC-NAVIGATION-GROUP\":\n        navType = getNavItemParentDetails(parentElement);\n        break;\n      case \"IC-TOP-NAVIGATION\":\n        navType = { navType: \"top\", parent: parentElement };\n        break;\n      case \"IC-SIDE-NAVIGATION\":\n        navType = { navType: \"side\", parent: parentElement };\n        break;\n      case \"IC-PAGE-HEADER\":\n        navType = { navType: \"page-header\", parent: null };\n        break;\n    }\n  }\n\n  return navType;\n};\n\nexport const DEVICE_SIZES = {\n  XS: Number(\n    getCssProperty(\"--ic-breakpoint-xs\").replace(\"px\", \"\")\n  ) as IcDeviceSizes, // 0\n  S: Number(\n    getCssProperty(\"--ic-breakpoint-sm\").replace(\"px\", \"\")\n  ) as IcDeviceSizes, // 576\n  M: Number(\n    getCssProperty(\"--ic-breakpoint-md\").replace(\"px\", \"\")\n  ) as IcDeviceSizes, // 768\n  L: Number(\n    getCssProperty(\"--ic-breakpoint-lg\").replace(\"px\", \"\")\n  ) as IcDeviceSizes, // 992\n  XL: Number(\n    getCssProperty(\"--ic-breakpoint-xl\").replace(\"px\", \"\")\n  ) as IcDeviceSizes, // 1200\n  UNDEFINED: 1200,\n};\n\nexport const hasValidationStatus = (\n  status?: IcInformationStatusOrEmpty,\n  disabled?: boolean\n): boolean => !!status && !disabled;\n\nexport const isSlotUsed = (\n  { children }: HTMLElement,\n  slotName: string\n): boolean =>\n  Array.from(children).some((child) => child.getAttribute(\"slot\") === slotName);\n\n// added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update\n// with a value. Allows a callback function to be executed when this is the case\nexport const onComponentPropUndefinedChange = (\n  oldValue: string | undefined,\n  newValue: string | undefined,\n  callback: IcCallbackFunctionNoReturn\n): void => {\n  if (oldValue === undefined && newValue !== oldValue) {\n    callback();\n  }\n};\n\nexport const onComponentRequiredPropUndefined = (\n  props: IcPropObject[],\n  component: string\n): void => {\n  props.forEach(({ prop, propName }) => {\n    if (prop === null || prop === undefined) {\n      console.error(\n        `No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(\n          propName\n        )}' (react) required`\n      );\n    }\n  });\n};\n\nexport const kebabToCamelCase = (kebabCase: string): string =>\n  kebabCase\n    .toLowerCase()\n    .split(\"-\")\n    .map((word, index) =>\n      index === 0\n        ? word\n        : `${word.substring(0, 1).toUpperCase()}${word.substring(1)}`\n    )\n    .join(\"\");\n\nexport const checkResizeObserver = (\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  if (\n    typeof window !== \"undefined\" &&\n    typeof window.ResizeObserver !== \"undefined\"\n  ) {\n    callbackFn();\n  }\n};\n\nconst hex2dec = (v: string) => parseInt(v, 16);\n\nexport const hexToRgba = (hex: string): IcColorRGBA => {\n  const hexChars = hex\n    .replace(\"#\", \"\")\n    .split(\"\")\n    .map((char) => char.repeat(2));\n  return {\n    r: hex2dec(hex.length === 4 ? hexChars[0] : hex.slice(1, 3)),\n    g: hex2dec(hex.length === 4 ? hexChars[1] : hex.slice(3, 5)),\n    b: hex2dec(hex.length === 4 ? hexChars[2] : hex.slice(5)),\n    a: 1,\n  };\n};\n\nexport const rgbaStrToObj = (rgbaStr: string): IcColorRGBA => {\n  const isRGBA = rgbaStr.slice(3, 4).toLowerCase() === \"a\";\n  const rgbValues = rgbaStr\n    .substring(isRGBA ? 5 : 4, rgbaStr.length - 1)\n    .replace(/ /g, \"\")\n    .split(\",\")\n    .map(Number);\n  return {\n    r: rgbValues[0],\n    g: rgbValues[1],\n    b: rgbValues[2],\n    a: isRGBA ? rgbValues[3] : 1,\n  };\n};\n\nexport const elementOverflowsX = ({\n  scrollWidth,\n  clientWidth,\n}: HTMLElement): boolean => scrollWidth > clientWidth;\n\nexport const hasClassificationBanner = (): boolean =>\n  !!document.querySelector(\"ic-classification-banner:not([inline='true'])\");\n\nexport const addFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  el.closest(\"FORM\")?.addEventListener(\"reset\", callbackFn);\n};\n\nexport const removeFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  el.closest(\"FORM\")?.removeEventListener(\"reset\", callbackFn);\n};\n\nexport const pxToRem = (px: string, base = 16): string =>\n  `${(1 / base) * parseInt(px)}rem`;\n\n/**\n * Removes the disabled attribute from the provided element when its value is set to false.\n * This effectively makes it null, to not confuse screen readers that cannot interpret the false value\n */\nexport const removeDisabledFalse = (\n  disabled: boolean | undefined,\n  element: HTMLElement\n): void => {\n  if (!disabled) {\n    element.removeAttribute(\"disabled\");\n  }\n};\n\nexport const isMacDevice = (): boolean =>\n  window.navigator.userAgent.toUpperCase().indexOf(\"MAC\") >= 0;\n\nexport const isNumeric = (value: string): boolean => /^-?\\d+$/.test(value);\n\nexport async function waitForHydration(): Promise<boolean> {\n  const elements = document.getElementsByTagName(\"*\");\n\n  for (let i = 0; i < elements.length; i++) {\n    if (elements[i].tagName.startsWith(\"IC-\")) {\n      if (elements[i].classList.contains(\"hydrated\")) {\n        return true;\n      }\n    } else {\n      return false;\n    }\n  }\n\n  return false;\n}\n\nexport const convertToRGBA = (color: IcColor): IcColorRGBA | null => {\n  const firstChar = color?.slice(0, 1).toLowerCase();\n  return firstChar === \"#\"\n    ? hexToRgba(color)\n    : firstChar === \"r\"\n    ? rgbaStrToObj(color)\n    : null;\n};\n\nexport const capitalize = (text: string): string =>\n  text.charAt(0).toUpperCase() + text.slice(1);\n\nexport const checkSlotInChildMutations = (\n  addedNodes: NodeList,\n  removedNodes: NodeList,\n  slotName: string | string[]\n): boolean => {\n  const hasSlot = (nodeList: NodeList) =>\n    Array.from(nodeList).some((node) =>\n      Array.isArray(slotName)\n        ? slotName.some((name) => (node as Element).slot === name)\n        : (node as Element).slot === slotName\n    );\n  return hasSlot(addedNodes) || hasSlot(removedNodes);\n};\n\nexport const isElInAGGrid = (el: HTMLElement): boolean =>\n  !!el.closest(\".ag-cell\") && !!el.closest(\".ag-root\");\n\nexport const addDataToPosition = (\n  dataObject: IcDataTableDataType,\n  newKeys: { key: string; index: number }[],\n  newValue: unknown\n): IcDataTableDataType => {\n  const newData: IcDataTableDataType = {};\n  const newIndexes = newKeys.map((key) => key.index);\n\n  const keys = Object.keys(dataObject);\n  const values = Object.values(dataObject);\n  const numberOfKeys = keys.length + newIndexes.length;\n\n  for (let i = 0, j = 0; i < numberOfKeys; i++) {\n    if (newIndexes.includes(i)) {\n      newData[newKeys[newIndexes.indexOf(i)].key] = newValue;\n      continue;\n    }\n    newData[keys[j]] = values[j];\n    j++;\n  }\n  return newData;\n};\n\n/*\n * Checks if the component is slotted in its relevant 'group' component\n * @param component - the component to check\n */\nexport const isSlottedInGroup = (component: HTMLElement): boolean =>\n  component.parentElement?.tagName === `${component.tagName}-GROUP`;\n\nexport const hasDynamicChildSlots = (\n  mutationList: MutationRecord[],\n  slotNames: string | string[]\n): boolean =>\n  mutationList.some(\n    ({ type, addedNodes, removedNodes }) =>\n      type === \"childList\" &&\n      checkSlotInChildMutations(addedNodes, removedNodes, slotNames)\n  );\n\nexport const renderDynamicChildSlots = (\n  mutationList: MutationRecord[],\n  slotNames: string | string[],\n  ref: unknown\n): void => {\n  if (hasDynamicChildSlots(mutationList, slotNames)) {\n    forceUpdate(ref);\n  }\n};\n"],"mappings":"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","ignoreList":[]}