@ukic/canary-web-components 3.0.0-canary.10 → 3.0.0-canary.12

package/dist/core/p-596ad611.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icDataTableCss","DataTable","this","DENSITY_HEIGHT_MULTIPLIER","dense","default","spacious","DENSITY_PADDING_HEIGHT_DIFF","SORT_ICONS","unsorted","unsortedIcon","ascending","ascendingIcon","descending","descendingIcon","hasLoadedForOneSecond","resizeObserver","SHOW_HIDE_STRING","SHOW_HIDE_CSS_CLASS","TOOLTIP_STRING","TOOLTIP","TEXT_WRAP_STRING","TEXT_WRAP_CLASS","dataUpdated","rowHeightSet","initialLoad","icPageChangeEvent","itemsPerPageChange","DATA_ROW_HEIGHT_STRING","ROW_HEIGHT_CSS_VARIABLE","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","runHeaderResizeObserver","ResizeObserver","headerResizeCallback","observe","el","hideColumnHeaders","columnHeaderTruncation","tableContainerWidth","shadowRoot","querySelector","clientWidth","prevTableContainerWidth","headers","querySelectorAll","forEach","header","tooltip","typographyEls","length","classList","remove","add","updateSetRowHeight","typographyEl","fontSize","parseInt","getComputedStyle","document","documentElement","cellContainer","getCellContainer","rowHeight","parseFloat","getAttribute","scrollHeight","style","removeProperty","getTypographyElements","debounceDataTruncation","contains","dynamicDebounce","dataTruncation","setNewDebounceDelay","debounceDelay","delay","getLines","height","Math","floor","truncate","clientHeight","closest","truncationPattern","addTooltipTruncation","addShowHideTruncation","setAttribute","cellTextWrapper","prepend","isEmptyString","resetShowHideTruncation","getTooltip","showHideBtn","truncWrapper","getTruncWrapper","removeTooltip","removeTextWrap","tableCell","deleteTextWrapDataKey","array","Array","isArray","val","textWrap","startLoadingTimer","timerStarted","Date","now","setTimeout","minimumLoadingDisplayDuration","isObject","value","undefined","notDefaultDensity","density","getCellContent","cell","dataType","toLocaleDateString","getCellAlignment","alignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","description","max","min","progress","monochrome","updatingOptions","h","colSpan","columns","class","theme","fullWidth","type","size","setRowHeight","pxToRem","setTruncationClass","getColumnWidth","columnWidth","columnWidthStyling","assign","minWidth","maxWidth","getRowHeight","currentRowHeight","columnProps","rowTextWrap","adjustWidthForActionElement","elements","element","width","firstChild","getBoundingClientRect","gridWrapper","gridTemplateColumns","createCellContent","cellSlotName","rowOptions","rowAlignment","hasIcon","cellValue","rowEmphasis","innerHTML","isSlotUsed","_a","columnAlignment","vertical","_b","_c","_d","_e","horizontal","_f","_g","_h","_j","icon","emphasis","name","Fragment","_k","onAllCells","_l","_m","variant","href","target","rel","_o","_q","_p","data","createCells","row","rowIndex","rowValues","values","rowKeys","getRowOptions","headerIndex","indexOf","variableRowHeightVal","variableRowHeight","call","index","globalRowHeight","map","scope","stickyRowHeaders","onClick","actionOnClick","event","handleClick","createColumnHeaders","cellAlignment","colspan","title","excludeColumnFromSort","updating","loading","hideOnHeader","label","id","sortable","getSortButtonLabel","sortRows","sortedColumn","sortedColumnOrder","onRowClick","icSelectedRowChange","emit","selectedRow","createRows","showPagination","slice","fromRow","toRow","paginationOffset","organisedData","slottedColumns","filter","col","prototype","hasOwnProperty","addDataToPosition","sort","disableAutoSort","getSortFunction","highlightSelectedRow","getNextSortOption","option","sortOrders","sortOptions","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","sortButton","previousSortedButton","nextSortOrderIndex","tableSorted","icSortChange","columnName","sorted","from","updateTruncationTooltip","removeTooltipOnly","regenerateTooltip","updateScrollOffset","scrollOffset","scrollTop","updateRowHeightForDescriptions","toString","updateCellHeightsWithDescriptions","descriptions","typography","descriptionMarginTop","window","getPropertyValue","descriptionHeight","textContent","cellIcon","deviceSizeMatches","IC_DEVICE_SIZES","XS","addLineClampCSS","createShowHideTruncation","setTableDimensions","tableHostDimensions","fixCellTooltip","tagName","children","setExternalPopperProps","strategy","fixCellTooltips","slotElements","getSlotElements","slottedEl","actionElements","actionElementSpan","actionElement","callback","renderTableBody","overlay","renderLoadingIndicator","isLoading","loadingOptions","ref","loadingOverlay","labelDuration","loadingIndicator","renderAriaLiveLoading","renderEmptyState","emptyStateEl","aligned","heading","hideAllFromItemsPerPage","hideRangeLabel","itemLabel","itemsPerPageOptions","pageLabel","rangeLabelType","selectedItemsPerPage","setToFirstPageOnPaginationChange","showGoToPageControl","showItemsPerPageControl","defaultColumn","headerTruncationChangeHandler","disconnectedCallback","disconnect","componentWillLoad","rowsPerPage","Number","paginationBarOptions","previousRowsPerPage","previousItemsPerPage","componentDidLoad","tableElement","tableContainer","checkResizeObserver","scrollable","showLoadingIndicator","addEventListener","componentDidUpdate","truncateUpdatedData","componentDidRender","resetTruncation","then","removeAttribute","hasAutoRowHeight","tooltipEl","setProperty","allRows","newRows","checkMaxLines","setShowHideExpanded","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","clickListener","loadingHandler","newValue","truncationPatternHandler","dataHandler","densityHandler","rowHeightChangeHandler","oldValue","icRowHeightChange","resetRowHeights","rowOptionsIndex","cssText","descriptionCellHeight","iconHeight","createElement","render","caption","stickyColumnHeaders","Host","tabIndex","onScroll","tableLayout","totalItems"],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: inline-flex;\n  max-height: 100%;\n  width: var(--table-width, 100%);\n  height: 100%;\n  min-width: var(--table-min-width);\n  max-width: var(--table-max-width);\n}\n\ntbody {\n  vertical-align: top;\n}\n\n.table-container {\n  position: relative;\n  height: calc(100% - var(--ic-space-xxxs));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.cell-container {\n  display: flex;\n  min-height: 1.5rem;\n  overflow-y: hidden;\n  height: var(--row-height);\n\n  --ic-typography-color: var(--ic-data-table-text-default-emphasis);\n}\n\n.truncation-show-hide {\n  display: block;\n}\n\n.cell-icon.truncation-show-hide {\n  display: flex;\n}\n\n.cell-container:not(.data-type-element, .truncation-show-hide) {\n  overflow-x: hidden;\n}\n\nic-loading-indicator {\n  position: sticky;\n  top: 20px;\n}\n\n.table-row-container {\n  position: relative;\n  height: 100%;\n  overflow: auto;\n  transition: var(--ic-easing-transition-fast);\n  overflow-anchor: none;\n}\n\n:host([show-pagination=\"true\"]) .table-row-container {\n  height: calc(100% - 3.5625rem);\n}\n\ntable {\n  table-layout: var(--table-layout, \"fixed\");\n  border-spacing: 0;\n  width: 100%;\n  height: var(--table-height, auto);\n}\n\n.table-row-container:focus {\n  outline: none;\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n  z-index: 1;\n}\n\n:host([embedded=\"true\"]) .table-row-container {\n  border: var(--ic-space-1px) solid var(--ic-data-table-border);\n}\n\n.column-header-inner-container {\n  padding: var(--ic-space-xs);\n  box-sizing: border-box;\n}\n\n.column-header-inner-container ic-tooltip {\n  pointer-events: none;\n}\n\n.column-header-inner-container ic-tooltip.show-trunc-tooltip {\n  pointer-events: auto;\n}\n\n.column-header-inner-container ic-tooltip .column-header-text {\n  --ic-line-clamp: 1;\n}\n\n.column-header-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.column-header-overlay {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  box-shadow: 0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%);\n}\n\n.row-header-sticky {\n  position: sticky;\n  left: 0;\n}\n\n.column-header,\n.table-row {\n  box-sizing: border-box;\n}\n\n.table-row-selected {\n  background-color: var(--ic-data-table-cell-background-selected) !important;\n}\n\n.table-row:hover {\n  background-color: var(--ic-data-table-cell-background-hover) !important;\n}\n\n.table-row-selected:hover {\n  background-color: var(\n    --ic-data-table-cell-background-selected-hover\n  ) !important;\n}\n\n.sort-button {\n  margin-left: auto;\n}\n\n.sort-button:hover {\n  background-color: var(--ic-data-table-icon-button-background-hover);\n}\n\n.sort-button:active {\n  background-color: var(--ic-data-table-icon-button-background-pressed);\n}\n\n.sort-button svg {\n  color: var(--ic-data-table-sort-toggle-icon);\n}\n\n.sort-button-unsorted svg {\n  color: var(--ic-data-table-sort-toggle-icon-default);\n}\n\n.table-density-dense .column-header-inner-container,\ntd.table-density-dense {\n  padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n  font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious {\n  padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n  font-size: 1.125rem;\n}\n\n.column-header-text {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.dummy-column-header-text {\n  white-space: nowrap;\n  overflow: hidden;\n  height: 0;\n  width: fit-content;\n}\n\n.row-header,\n.column-header {\n  text-align: left;\n  padding: var(--ic-space-xs);\n  background-color: var(--ic-data-table-header-background);\n  border-right: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n  border-bottom: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n  color: var(--ic-data-table-header-text);\n}\n\n.column-header {\n  padding: 0;\n  width: var(--column-width);\n  min-width: var(--column-min-width, 4rem);\n  max-width: var(--column-max-width);\n}\n\n.column-header:last-child {\n  border-right: none;\n}\n\n.scrollable .column-header:last-child {\n  border-right: var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n  border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n  text-align: left !important;\n  justify-content: start !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n  text-align: right !important;\n  justify-content: end !important;\n}\n\n.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography {\n  padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.cell-alignment-right.truncation-show-hide ic-typography {\n  --ellipsis-padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n  text-align: center !important;\n  justify-content: center !important;\n}\n\n.table-row {\n  background-color: var(--ic-data-table-cell-background);\n}\n\n.table-row:nth-child(even) {\n  background-color: var(--ic-data-table-cell-background-stripe);\n}\n\n.table-cell {\n  padding: var(--ic-space-xs);\n  border-bottom: solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);\n  overflow: hidden;\n  box-sizing: border-box;\n  max-width: var(--column-max-width);\n  min-width: var(--column-min-width);\n}\n\n.table-cell.with-overflow {\n  overflow: visible;\n}\n\n.data-type-string,\n.data-type-address {\n  text-align: left;\n  vertical-align: top;\n}\n\n.data-type-number,\n.data-type-date {\n  text-align: right;\n  justify-content: end;\n  vertical-align: top;\n}\n\n.cell-alignment-top {\n  vertical-align: top;\n  align-items: flex-start;\n}\n\n.cell-alignment-middle {\n  vertical-align: middle;\n  align-items: center;\n}\n\n.cell-alignment-bottom {\n  vertical-align: bottom;\n  align-items: flex-end;\n}\n\n.cell-emphasis-low ic-typography {\n  --ic-typography-color: var(--ic-data-table-text-low-emphasis);\n}\n\n.cell-emphasis-high ic-typography {\n  --ic-typography-color: var(--ic-data-table-text-high-emphasis);\n\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n  background-color: var(--ic-data-table-pagination-bar-background-color);\n  border-top: var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n  position: absolute;\n  left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n}\n\n.loading-empty {\n  padding: var(--ic-space-xl) var(--ic-space-xxl);\n  margin-top: var(--ic-space-xl);\n}\n\n.updating-state {\n  padding: 0;\n  border-bottom: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n}\n\n.updating-state-headers {\n  border-bottom: none;\n}\n\n.loading {\n  position: absolute;\n  left: calc(50% - 5.9741rem);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n  z-index: calc(var(--ic-z-index-dialog) - 1);\n  background-color: var(--ic-data-table-overlay-background);\n  border: var(--ic-space-1px) solid var(--ic-data-table-overlay-border);\n}\n\n.loading.show {\n  opacity: 1;\n}\n\n.icon,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-right: var(--ic-space-xxs);\n}\n\n.column-header .icon > svg,\n.column-header ::slotted(svg) {\n  fill: var(--ic-data-table-icon);\n}\n\n.table-cell .icon > svg,\n.table-cell ::slotted(svg) {\n  fill: var(--ic-data-table-icon-default-emphasis);\n}\n\n.cell-emphasis-high .icon > svg,\n.cell-emphasis-high ::slotted(svg) {\n  fill: var(--ic-data-table-icon-high-emphasis);\n}\n\n.cell-emphasis-low .icon > svg,\n.cell-emphasis-low ::slotted(svg) {\n  fill: var(--ic-data-table-icon-low-emphasis);\n}\n\n.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg) {\n  margin-right: auto;\n}\n\n.column-header-alignment-center > ic-typography,\n.column-header-alignment-center > .cell-text-wrapper,\n.row-header-alignment-right > ic-typography,\n.row-header-alignment-right > .cell-text-wrapper,\n.cell-alignment-center > ic-typography,\n.cell-alignment-center > .cell-text-wrapper {\n  flex: 1;\n}\n\n.icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n.truncation-tooltip ic-typography {\n  display: -webkit-box;\n  -webkit-line-clamp: var(--ic-line-clamp, 0);\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography {\n  white-space: normal;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n  width: 100%;\n}\n\n.action-element {\n  display: flex;\n  justify-content: right;\n}\n\n.cell-grid-wrapper {\n  display: grid;\n  grid-template-columns: auto auto;\n}\n\n.loading-overlay {\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--ic-data-table-loading-indicator-overlay-background);\n  z-index: calc(var(--ic-z-index-dialog) - 2);\n  opacity: 0;\n  transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading-overlay.show {\n  visibility: visible;\n  opacity: 0.6;\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .loading-overlay {\n    transition: none;\n  }\n}\n\n.cell-text-wrapper {\n  overflow: hidden;\n}\n\n.cell-text-wrapper > ic-typography {\n  margin-left: 2px;\n}\n\n.cell-text-no-wrap {\n  word-wrap: initial;\n}\n\n.cell-container-with-description {\n  display: flex;\n  flex-direction: row;\n}\n\n.cell-description {\n  display: flex;\n  flex-direction: row;\n  margin-top: var(--ic-space-xxs);\n  word-break: break-all;\n}\n\n.cell-description-text {\n  color: var(--ic-color-secondary-text);\n}\n\n.cell-description-icon {\n  padding-right: var(--ic-space-xs);\n}\n\n.cell-description-icon > svg {\n  height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  display: flex;\n}\n\n@media (min-width: 577px) {\n  .column-header-inner-container {\n    display: flex;\n    align-items: center;\n  }\n}\n\n@media (max-width: 577px) {\n  .cell-icon {\n    flex-wrap: wrap;\n  }\n\n  .cell-description-icon {\n    padding-right: 0;\n  }\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .icon,\n  ::slotted(svg),\n  .cell-description-icon > svg {\n    fill: currentcolor;\n  }\n\n  .sort-button svg {\n    color: currentcolor;\n  }\n\n  .table-row-selected {\n    background-color: Highlight !important;\n  }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Element,\n  h,\n  Prop,\n  State,\n  Listen,\n  Watch,\n  Fragment,\n  Method,\n  Event,\n  EventEmitter,\n  Host,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n  IcDataTableDataType,\n  IcDataTableColumnDataTypes,\n  IcDataTableColumnObject,\n  IcDataTableColumnWidthTypes,\n  IcDataTableDensityOptions,\n  IcDataTableRowHeights,\n  IcDataTableSortOrderOptions,\n  IcDataTableTruncationTypes,\n  IcDensityUpdateEventDetail,\n  IcSortEventDetail,\n  IcLoadingOptions,\n} from \"./ic-data-table.types\";\nimport { IcPaginationBarOptions, IcThemeMode } from \"../../utils/types\";\n// Unable to import helper functions via @ukic/web-components\nimport {\n  isEmptyString,\n  isSlotUsed,\n  pxToRem,\n  addDataToPosition,\n  dynamicDebounce,\n  getSlotElements,\n  checkResizeObserver,\n  deviceSizeMatches,\n} from \"../../utils/helpers\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\n\n/**\n * @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.\n * @slot {COLUMN_KEY}-{ROW_INDEX}[-icon] - Each cell should have its own slot, named using the column tag and the row index, allowing for custom elements to be displayed. Include `-icon` at the end for that cell's icon slot.\n * @slot {COLUMN_KEY}-column-icon - The icon slot for a column header.\n * @slot title-bar - A custom ic-data-table-title-bar can be slotted above the column headers to display additional information about the table.\n * @slot pagination-bar - A custom ic-pagination-bar can be slotted below the data to provide enhanced control over how the data is interacted with when being fetched externally.\n */\n@Component({\n  tag: \"ic-data-table\",\n  styleUrl: \"ic-data-table.css\",\n  shadow: true,\n})\nexport class DataTable {\n  private DENSITY_HEIGHT_MULTIPLIER = {\n    dense: 0.8,\n    default: 1,\n    spacious: 1.2,\n  };\n\n  private DENSITY_PADDING_HEIGHT_DIFF = {\n    dense: 8,\n    default: 16,\n    spacious: 20,\n  };\n\n  private SORT_ICONS = {\n    unsorted: unsortedIcon,\n    ascending: ascendingIcon,\n    descending: descendingIcon,\n  };\n\n  private hasLoadedForOneSecond = true;\n  private loadingIndicator: HTMLIcLoadingIndicatorElement;\n  private loadingOverlay: HTMLDivElement;\n  private timerStarted: number;\n  private resizeObserver: ResizeObserver = null;\n  private SHOW_HIDE_STRING = \"show-hide\";\n  private SHOW_HIDE_CSS_CLASS = `${this.SHOW_HIDE_STRING}-wrap`;\n  private TOOLTIP_STRING = \"tooltip\";\n  private TOOLTIP = `ic-${this.TOOLTIP_STRING}`;\n  private TEXT_WRAP_STRING = \"text-wrap\";\n  private TEXT_WRAP_CLASS = `.${this.TEXT_WRAP_STRING}`;\n  private dataUpdated = false;\n  private tableSorted: boolean;\n  private rowHeightSet = false;\n  private initialLoad = false;\n  private icPageChangeEvent = false;\n  private itemsPerPageChange = false;\n  private DATA_ROW_HEIGHT_STRING = \"data-row-height\";\n  private ROW_HEIGHT_CSS_VARIABLE = \"--row-height\";\n  private LINE_CLAMP_CSS_VARIABLE = \"--ic-line-clamp\";\n  private previousItemsPerPage: number;\n  private DEFAULT_LINE_HEIGHT = 24;\n  private densityUpdate = false;\n  private previousPaginationPage: number;\n  private truncationPatternUpdated: boolean = false;\n  private isNewDebounceDelaySet = false;\n  private headerResizeObserver: ResizeObserver = null;\n  private prevTableContainerWidth: number;\n  private IC_TOOLTIP_STRING = \"ic-tooltip\";\n  private SHOW_TRUNC_TOOLTIP_STRING = \"show-trunc-tooltip\";\n  private CELL_DESCRIPTION_STRING = \".cell-description\";\n  private CELL_CONTAINER_WITH_DESCRIPTION_STRING =\n    \"cell-container-with-description\";\n  private CELL_TEXT_WRAPPER_STRING = \".cell-text-wrapper\";\n  private IC_TYPOGRAPHY_STRING = \"ic-typography\";\n\n  @Element() el: HTMLIcDataTableElement;\n\n  @State() fromRow: number = 0;\n\n  @State() previousRowsPerPage: number;\n\n  @State() rowsPerPage: number;\n\n  @State() scrollable: boolean = false;\n\n  @State() scrollOffset: number = 0;\n\n  @State() selectedRow: object;\n\n  @State() sortedColumn: string;\n\n  @State() sortedColumnOrder: IcDataTableSortOrderOptions;\n\n  @State() toRow: number;\n\n  @State() currentRowHeight: number;\n\n  @State() debounceDelay = 0;\n\n  /**\n   * The title for the table only visible to screen readers.\n   */\n  @Prop() caption!: string;\n\n  /**\n   * Determines whether the column header should be truncated and display a tooltip. Default is `false`.\n   */\n  @Prop() columnHeaderTruncation: boolean = false;\n\n  @Watch(\"columnHeaderTruncation\")\n  headerTruncationChangeHandler(): void {\n    if (this.columnHeaderTruncation) {\n      this.prevTableContainerWidth = 0;\n    } else {\n      const headers = this.el.shadowRoot.querySelectorAll(\"th.column-header\");\n      headers.forEach((header) => {\n        const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n        if (tooltip) {\n          tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n        }\n      });\n    }\n  }\n\n  /**\n   * The column headers for the table.\n   */\n  @Prop() columns!: IcDataTableColumnObject[];\n\n  /**\n   * The row content for the table.\n   */\n  @Prop() data?: IcDataTableDataType[];\n\n  /**\n   * If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source.\n   */\n  @Prop() disableAutoSort?: boolean = false;\n\n  /**\n   * Set the density of the table including font and padding.\n   */\n  @Prop({ mutable: true }) density?: IcDataTableDensityOptions = \"default\";\n\n  /**\n   * Applies a border to the table container.\n   */\n  @Prop() embedded?: boolean = false;\n\n  /**\n   * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method.\n   */\n  @Prop({ mutable: true }) globalRowHeight?: IcDataTableRowHeights = \"auto\";\n\n  /**\n   * Sets the table height. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n   */\n  @Prop() height?: string;\n\n  /**\n   * If `true`, the selected row is highlighted using a background colour.\n   */\n  @Prop() highlightSelectedRow?: boolean = true;\n\n  /**\n   * If `true`, column headers will not be visible.\n   */\n  @Prop() hideColumnHeaders?: boolean = false;\n\n  /**\n   * When set to `true`, the full table will show a loading state, featuring a radial indicator.\n   */\n  @Prop({ mutable: true }) loading?: boolean = false;\n\n  /**\n   * Sets the props for the circular loading indicator used in the loading state.\n   */\n  @Prop() loadingOptions?: {\n    description?: string;\n    label?: string;\n    labelDuration?: number;\n    max?: number;\n    min?: number;\n    progress?: number;\n    monochrome?: boolean;\n    overlay?: boolean;\n  };\n\n  /**\n   * Sets the maximum width of the data table. Can be set in `px`, `rem`, or `%`.\n   */\n  @Prop() maxWidth?: string;\n\n  /**\n   * Sets the minimum width of the data table. Can be set in `px`, `rem`, or `%`.\n   */\n  @Prop() minWidth?: string;\n\n  /**\n   * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.\n   */\n  @Prop() minimumLoadingDisplayDuration?: number = 1000;\n\n  /**\n   * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.\n   */\n  @Prop() paginationBarOptions?: IcPaginationBarOptions = {\n    alignment: \"right\",\n    hideAllFromItemsPerPage: false,\n    hideRangeLabel: false,\n    itemLabel: \"Item\",\n    itemsPerPageOptions: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    monochrome: false,\n    pageLabel: \"Page\",\n    rangeLabelType: \"page\",\n    selectedItemsPerPage: 10,\n    setToFirstPageOnPaginationChange: false,\n    showGoToPageControl: true,\n    showItemsPerPageControl: true,\n    type: \"simple\",\n  };\n\n  /**\n   * If `true`, adds a pagination bar to the bottom of the table.\n   */\n  @Prop() showPagination?: boolean = false;\n\n  /**\n   * If `true`, allows table columns to be sorted using applied sort buttons.\n   */\n  @Prop() sortable?: boolean = false;\n\n  /**\n   * Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n   */\n  @Prop() sortOptions?: {\n    sortOrders: IcDataTableSortOrderOptions[];\n    defaultColumn?: string;\n  } = {\n    sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n    defaultColumn: \"\",\n  };\n\n  /**\n   * If `true`, column headers will remain at the top of the table when scrolling vertically.\n   */\n  @Prop() stickyColumnHeaders?: boolean = false;\n\n  /**\n   * If `true`, row headers will remain to the left when scrolling horizontally.\n   */\n  @Prop() stickyRowHeaders?: boolean = false;\n\n  /**\n   * Sets the layout of the table\n   */\n  @Prop() tableLayout?: \"fixed\" | \"auto\" = \"fixed\";\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * Sets the method used to truncate long text in cells where textWrap is `false`. The `tooltip` truncation pattern allows the overflowing text to be seen in a tooltip. The `show-hide` truncation pattern allows the overflowing text to be shown and hidden using the ic-typography \"See more\"/\"See less\" buttons.\n   */\n  @Prop() truncationPattern?: IcDataTableTruncationTypes;\n\n  /**\n   * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.\n   */\n  @Prop() updating?: boolean = false;\n\n  /**\n   * Sets the props for the linear loading indicator used in the updating state.\n   */\n  @Prop() updatingOptions?: {\n    description?: string;\n    max?: number;\n    min?: number;\n    progress?: number;\n    monochrome?: boolean;\n  };\n\n  /**\n   * Allows for custom setting of row heights on individual rows based on an individual value from the `data` prop and the row index.\n   * If the function returns `null`, that row's height will be set to the `globalRowHeight` property.\n   */\n  @Prop({ mutable: true }) variableRowHeight?: (params: {\n    [key: string]: any;\n    index: number;\n  }) => IcDataTableRowHeights | null;\n\n  /**\n   * Sets the table width. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n   */\n  @Prop() width?: string;\n\n  /**\n   * Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.\n   */\n  @Event() icRowHeightChange: EventEmitter<void>;\n\n  /**\n   * Emitted when the selected row changes in the data table.\n   */\n  @Event() icSelectedRowChange: EventEmitter<object>;\n\n  /**\n   * Emitted when a column sort button is clicked.\n   */\n  @Event() icSortChange: EventEmitter<IcSortEventDetail>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    this.headerResizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.rowsPerPage = Number(\n      this.paginationBarOptions.itemsPerPageOptions[0].value\n    );\n    this.previousRowsPerPage = this.rowsPerPage;\n    this.toRow = this.rowsPerPage;\n    this.sortedColumn = this.sortOptions.defaultColumn;\n    this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n    this.loadingOptions = {\n      ...this.loadingOptions,\n    };\n    this.initialLoad = true;\n    this.previousItemsPerPage = this.rowsPerPage;\n  }\n\n  componentDidLoad(): void {\n    const tableElement = this.el.shadowRoot.querySelector(\"table\");\n    const tableContainer = this.el.shadowRoot.querySelector(\".table-container\");\n\n    checkResizeObserver(this.runHeaderResizeObserver);\n\n    if (this.dataUpdated) {\n      this.dataUpdated = false;\n    }\n\n    if (\n      tableElement?.clientHeight > tableContainer?.clientHeight ||\n      tableElement?.clientWidth > tableContainer?.clientWidth\n    ) {\n      this.scrollable = true;\n    }\n    if (this.loading) {\n      this.startLoadingTimer();\n      this.showLoadingIndicator();\n    }\n\n    if (this.truncationPattern) {\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n            this.dataTruncation(typographyEl);\n          }\n        }\n      );\n\n      this.debounceDataTruncation();\n    }\n\n    if (this.globalRowHeight !== \"auto\") {\n      this.updateSetRowHeight();\n    }\n    window.addEventListener(\"resize\", this.updateCellHeightsWithDescriptions);\n  }\n\n  componentDidUpdate(): void {\n    // truncation updates invoked here once new/updated data has\n    // rendered to take into account updated .cell-container/ic-typography box model updates.\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING ||\n      this.truncationPattern === this.TOOLTIP_STRING\n    ) {\n      this.truncateUpdatedData();\n    }\n  }\n\n  componentDidRender(): void {\n    this.fixCellTooltips();\n    this.updateCellHeightsWithDescriptions();\n    this.adjustWidthForActionElement();\n  }\n\n  private runHeaderResizeObserver = () => {\n    this.headerResizeObserver = new ResizeObserver(() => {\n      this.headerResizeCallback();\n    });\n    this.headerResizeObserver.observe(this.el);\n  };\n\n  private headerResizeCallback = () => {\n    if (!this.hideColumnHeaders && this.columnHeaderTruncation) {\n      const tableContainerWidth =\n        this.el.shadowRoot.querySelector(\".table-container\").clientWidth;\n      if (tableContainerWidth !== this.prevTableContainerWidth) {\n        const headers = this.el.shadowRoot.querySelectorAll(\"th.column-header\");\n        headers.forEach((header) => {\n          const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n          const typographyEls = header.querySelectorAll(\n            this.IC_TYPOGRAPHY_STRING\n          );\n          if (tooltip && typographyEls && typographyEls.length === 2) {\n            tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n            if (typographyEls[1].clientWidth > typographyEls[0].clientWidth) {\n              tooltip.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING);\n            }\n          }\n        });\n        this.prevTableContainerWidth = tableContainerWidth;\n      }\n    }\n  };\n\n  private truncateUpdatedData() {\n    if (this.dataUpdated) {\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach(\n          (typographyEl: HTMLIcTypographyElement) => {\n            const truncWrapper = this.getTruncWrapper(typographyEl);\n            const cellContainer = this.getCellContainer(typographyEl);\n\n            if (\n              cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >=\n              truncWrapper?.scrollHeight\n            ) {\n              this.resetShowHideTruncation(typographyEl);\n              return;\n            }\n\n            setTimeout(() => {\n              // slight delay due to data rendering\n              if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n                this.addShowHideTruncation(cellContainer, typographyEl);\n              }\n            }, 150);\n          }\n        );\n      }\n\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      this.dataUpdated = false;\n    }\n\n    if (this.tableSorted) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach(\n          (typographyEl: HTMLIcTypographyElement) => {\n            const cellContainer = this.getCellContainer(typographyEl);\n\n            if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n              this.createShowHideTruncation(typographyEl, cellContainer);\n            } else {\n              typographyEl.resetTruncation().then(() => {\n                cellContainer.removeAttribute(\"style\");\n              });\n            }\n          }\n        );\n      }\n\n      this.tableSorted = false;\n    }\n\n    // This function recalculates the tooltip truncation when the rowHeight has been set.\n    // This is in componentDidUpdate so a setTimeout is not used to wait for the render to be complete\n    if (this.rowHeightSet) {\n      const fontSize = parseInt(\n        getComputedStyle(document.documentElement).fontSize\n      );\n      const hasAutoRowHeight = this.globalRowHeight === \"auto\";\n\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltipEl = this.getTooltip(typographyEl);\n\n          if (hasAutoRowHeight) {\n            cellContainer.style.height = null;\n\n            if (this.truncationPattern === this.TOOLTIP_STRING) {\n              this.removeTooltip(cellContainer, typographyEl, tooltipEl);\n              typographyEl.setAttribute(\n                \"style\",\n                `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n              );\n            } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n              this.resetShowHideTruncation(typographyEl);\n            }\n\n            return;\n          }\n\n          const rowHeight =\n            fontSize *\n            parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n          // If the set row height is bigger than the cell container even\n          // with textWrap, set the row height\n          if (\n            !cellContainer.classList.contains(\n              this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n            ) &&\n            !cellContainer?.style?.height &&\n            rowHeight > cellContainer.clientHeight &&\n            !cellContainer.classList.contains(this.TEXT_WRAP_STRING)\n          ) {\n            cellContainer.style.setProperty(\n              this.ROW_HEIGHT_CSS_VARIABLE,\n              cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n            );\n          }\n\n          if (this.truncationPattern) {\n            // If the set row height is bigger than the typography truncation wrapper\n            // scroll height, remove see more / see less button\n            if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n              const truncWrapper = this.getTruncWrapper(typographyEl);\n              const showHideBtn =\n                typographyEl.shadowRoot.querySelector(\"button\");\n\n              if (\n                showHideBtn &&\n                truncWrapper?.scrollHeight <= cellContainer.clientHeight\n              ) {\n                this.resetShowHideTruncation(typographyEl);\n                return;\n              }\n            }\n            this.truncate(typographyEl, cellContainer, tooltipEl);\n          } else {\n            this.updateSetRowHeight(typographyEl);\n          }\n        }\n      );\n\n      this.rowHeightSet = false;\n    }\n\n    // Only run truncation on the new rows\n    // when the number of items per page has increased\n    if (this.itemsPerPageChange) {\n      const allRows = this.el.shadowRoot.querySelectorAll(\".table-row\");\n\n      if (this.rowsPerPage > this.previousItemsPerPage) {\n        const newRows = Array.from(allRows).slice(this.previousItemsPerPage);\n\n        newRows.forEach((row) => {\n          row\n            .querySelectorAll(this.IC_TYPOGRAPHY_STRING)\n            .forEach((typographyEl: HTMLIcTypographyElement) => {\n              const cellContainer = this.getCellContainer(typographyEl);\n              const tooltipEl = this.getTooltip(typographyEl);\n\n              this.truncate(typographyEl, cellContainer, tooltipEl);\n            });\n        });\n      }\n\n      this.previousItemsPerPage = this.rowsPerPage;\n      this.itemsPerPageChange = false;\n    }\n\n    if (!this.initialLoad && this.icPageChangeEvent) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.updateTruncationTooltip();\n      }\n\n      // set truncation to see more if opened and next/previous page is pressed\n      if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n\n          if (\n            typographyEl?.scrollHeight > cellContainer.clientHeight &&\n            !showHideBtn\n          ) {\n            this.addShowHideTruncation(cellContainer, typographyEl);\n          }\n        });\n      }\n\n      this.icPageChangeEvent = false;\n    }\n\n    if (this.densityUpdate) {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        const tooltipEl = this.getTooltip(typographyEl);\n\n        this.truncate(typographyEl, cellContainer, tooltipEl);\n      });\n\n      this.densityUpdate = false;\n    }\n\n    if (this.truncationPatternUpdated) {\n      if (this.truncationPattern === this.TOOLTIP_STRING) {\n        this.getTypographyElements().forEach((typographyEl) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltipEl = this.getTooltip(typographyEl);\n\n          if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n            this.addTooltipTruncation(typographyEl, cellContainer, tooltipEl);\n          }\n        });\n      } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n        this.getTypographyElements().forEach(\n          (typographyEl: HTMLIcTypographyElement) => {\n            const truncWrapper = this.getTruncWrapper(typographyEl);\n            const cellContainer = this.getCellContainer(typographyEl);\n\n            if (\n              cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >\n              truncWrapper?.scrollHeight\n            ) {\n              this.resetShowHideTruncation(typographyEl);\n              return;\n            }\n\n            if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n              this.addShowHideTruncation(cellContainer, typographyEl);\n            }\n          }\n        );\n      }\n    }\n  }\n\n  private updateSetRowHeight = (typographyEl?: HTMLIcTypographyElement) => {\n    const fontSize = parseInt(\n      getComputedStyle(document.documentElement).fontSize\n    );\n\n    if (typographyEl) {\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      const rowHeight =\n        fontSize *\n        parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n      if (typographyEl.scrollHeight > rowHeight) {\n        cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n      }\n    } else {\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n\n          const rowHeight =\n            fontSize *\n            parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n          if (typographyEl.scrollHeight > rowHeight) {\n            cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n          }\n        }\n      );\n    }\n  };\n\n  private createShowHideTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    descriptionHeight?: number\n  ) {\n    typographyEl.checkMaxLines(typographyEl.scrollHeight);\n    typographyEl.setAttribute(\n      \"max-lines\",\n      `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n    );\n    if (\n      cellContainer.classList.contains(\n        this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n      ) &&\n      descriptionHeight\n    ) {\n      typographyEl.setAttribute(\n        \"max-lines\",\n        `${Math.floor(\n          (cellContainer?.clientHeight - descriptionHeight) /\n            this.DEFAULT_LINE_HEIGHT\n        )}`\n      );\n    } else {\n      typographyEl.setAttribute(\n        \"max-lines\",\n        `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n      );\n    }\n    typographyEl.setShowHideExpanded(false);\n\n    cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n  }\n\n  private debounceDataTruncation = () => {\n    this.getTypographyElements().forEach(\n      (typographyEl: HTMLIcTypographyElement) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n        if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n          this.resizeObserver = new ResizeObserver(\n            // This gets triggered twice due to updated data and see more/see less button\n            dynamicDebounce(\n              () => {\n                this.dataTruncation(typographyEl);\n\n                if (!this.isNewDebounceDelaySet) {\n                  this.setNewDebounceDelay(200);\n                }\n              },\n              () => this.debounceDelay\n            ) as ResizeObserverCallback\n          );\n\n          this.resizeObserver.observe(typographyEl);\n        }\n      }\n    );\n  };\n\n  private setNewDebounceDelay = (delay: number) => {\n    this.debounceDelay = delay;\n\n    this.isNewDebounceDelaySet = true;\n  };\n\n  private getLines = (height: number): number =>\n    Math.floor(height / this.DEFAULT_LINE_HEIGHT);\n\n  private truncate = (\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement\n  ) => {\n    if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n      //24 is the height of a single line\n      if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n        if (this.truncationPattern === this.TOOLTIP_STRING) {\n          this.addTooltipTruncation(typographyEl, cellContainer, tooltip);\n        }\n        if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n          this.addShowHideTruncation(cellContainer, typographyEl);\n        }\n      }\n    } else {\n      if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {\n        typographyEl.setAttribute(\n          \"style\",\n          `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n        );\n\n        const cellTextWrapper = cellContainer.querySelector(\n          this.CELL_TEXT_WRAPPER_STRING\n        );\n        cellTextWrapper.prepend(typographyEl);\n        tooltip.remove();\n      }\n\n      if (\n        this.truncationPattern === this.SHOW_HIDE_STRING &&\n        !isEmptyString(typographyEl.getAttribute(\"max-lines\"))\n      ) {\n        this.resetShowHideTruncation(typographyEl);\n      }\n    }\n  };\n\n  private addTooltipTruncation(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement,\n    tooltip: HTMLIcTooltipElement\n  ) {\n    this.addLineClampCSS(typographyEl, cellContainer);\n\n    if (!tooltip) {\n      this.createTruncationTooltip(typographyEl, cellContainer);\n    }\n  }\n\n  private addShowHideTruncation(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement\n  ) {\n    cellContainer.classList.add(this.SHOW_HIDE_CSS_CLASS);\n    this.createShowHideTruncation(typographyEl, cellContainer);\n  }\n\n  private dataTruncation = (typographyEl: HTMLIcTypographyElement) => {\n    // Tooltip truncation mentioned in AC. Will need revisiting\n    const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n    const cellContainer = this.getCellContainer(typographyEl);\n    if (\n      cellContainer?.classList.contains(\"data-type-element\") ||\n      this.dataUpdated\n    ) {\n      return;\n    }\n\n    if (\n      this.truncationPattern === this.SHOW_HIDE_STRING &&\n      typographyEl.shadowRoot.querySelector(\"button\")\n    ) {\n      const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n      // If the see more/see less is present and the max lines is equal to the cell container\n      // remove the see more/see less button\n      if (showHideBtn) {\n        const truncWrapper = this.getTruncWrapper(typographyEl);\n\n        if (\n          this.getLines(truncWrapper.scrollHeight) ===\n          +typographyEl.getAttribute(\"max-lines\")\n        ) {\n          this.resetShowHideTruncation(typographyEl);\n        }\n      }\n    }\n\n    // Deals with setting and resetting row height and re-truncating data\n    if (this.rowHeightSet && this.truncationPattern === this.SHOW_HIDE_STRING) {\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      // cellContainer.clientHeight - 24 removes the extra line by see more/see less\n      if (\n        truncWrapper &&\n        cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n          truncWrapper.scrollHeight\n      ) {\n        this.resetShowHideTruncation(typographyEl);\n        return;\n      }\n\n      if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n        this.addShowHideTruncation(cellContainer, typographyEl);\n        return;\n      }\n    }\n\n    if (\n      typographyEl?.scrollHeight > 0 &&\n      cellContainer?.clientHeight > 0 &&\n      typographyEl?.scrollHeight === cellContainer?.clientHeight\n    ) {\n      if (tooltip) {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      return;\n    }\n\n    this.truncate(typographyEl, cellContainer, tooltip);\n  };\n\n  private getTruncWrapper = (typographyEl: HTMLIcTypographyElement) =>\n    typographyEl.shadowRoot.querySelector(\".trunc-wrapper\");\n\n  // Set the height to initial if row height is set and the show / hide truncation\n  // is clicked\n  @Listen(\"typographyTruncationExpandToggle\")\n  handleTypographyTruncationExpandToggle({\n    detail,\n  }: CustomEvent<{\n    expanded: boolean;\n    typographyEl: HTMLIcTypographyElement;\n  }>): void {\n    const { expanded, typographyEl } = detail;\n    const cellContainer = this.getCellContainer(typographyEl);\n\n    if (\n      cellContainer.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE) &&\n      expanded\n    ) {\n      cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, \"inherit\");\n    }\n  }\n\n  @Listen(\"icPageChange\")\n  handlePageChange({ detail, target }: CustomEvent<{ value: number }>): void {\n    if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n      this.fromRow = (detail.value - 1) * this.rowsPerPage;\n      this.toRow = this.fromRow + this.rowsPerPage;\n      const tableRowsContainer = this.el.shadowRoot.querySelector(\n        \".table-row-container\"\n      );\n      if (this.previousRowsPerPage === this.rowsPerPage) {\n        tableRowsContainer.scrollTop = 0;\n      } else if (this.previousRowsPerPage < this.rowsPerPage) {\n        tableRowsContainer.scrollTop = this.scrollOffset;\n        this.previousRowsPerPage = this.rowsPerPage;\n      } else {\n        this.previousRowsPerPage = this.rowsPerPage;\n      }\n    }\n\n    if (!this.initialLoad && this.previousPaginationPage !== detail.value) {\n      // This is to prevent icPageChange from triggering truncation on first load\n      this.icPageChangeEvent = true;\n    }\n\n    this.previousPaginationPage = detail.value;\n    this.initialLoad = false;\n  }\n\n  @Listen(\"icItemsPerPageChange\")\n  handleItemsPerPageChange({\n    detail,\n    target,\n  }: CustomEvent<{ value: number }>): void {\n    if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n      this.previousRowsPerPage = this.rowsPerPage;\n      this.rowsPerPage = detail.value;\n    }\n\n    this.itemsPerPageChange = true;\n  }\n\n  @Listen(\"icTableDensityUpdate\")\n  handleDensityChange(ev: CustomEvent<IcDensityUpdateEventDetail>): void {\n    this.density = ev.detail.value;\n  }\n\n  @Listen(\"click\", { target: \"window\" })\n  clickListener(ev: MouseEvent): void {\n    if (ev.target !== this.el) this.selectedRow = undefined;\n  }\n\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    if (newValue) this.startLoadingTimer();\n\n    if (this.loading) {\n      setTimeout(() => {\n        this.showLoadingIndicator();\n      }, 500);\n    }\n  }\n\n  @Watch(\"truncationPattern\")\n  truncationPatternHandler(newValue: IcDataTableTruncationTypes): void {\n    if (newValue === this.TOOLTIP_STRING) {\n      this.resetShowHideTruncation();\n      this.updateTruncationTooltip(true);\n\n      // Not using debounceDataTruncation here due to resizeObserver not being triggered\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const cellContainer = this.getCellContainer(typographyEl);\n          const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n\n          this.truncate(typographyEl, cellContainer, tooltip);\n        }\n      );\n    }\n\n    if (newValue === this.SHOW_HIDE_STRING) {\n      // ResizeObserver is trigger here due to the see more/see less links being removed.\n      // The resizeObserver will also apply the tooltip where relevant\n      this.updateTruncationTooltip(true);\n      this.getTypographyElements().forEach(\n        (typographyEl: HTMLIcTypographyElement) => {\n          const truncWrapper = this.getTruncWrapper(typographyEl);\n          const cellContainer = this.getCellContainer(typographyEl);\n\n          if (\n            cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >\n            truncWrapper?.scrollHeight\n          ) {\n            this.resetShowHideTruncation(typographyEl);\n            return;\n          }\n\n          setTimeout(() => {\n            // slight delay due to data rendering\n            if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n              this.addShowHideTruncation(cellContainer, typographyEl);\n            }\n          }, 150);\n        }\n      );\n    }\n\n    this.truncationPatternUpdated = true;\n  }\n\n  @Watch(\"data\")\n  async dataHandler(): Promise<void> {\n    this.loadingOptions = {\n      ...this.loadingOptions,\n    };\n    if (this.loading) {\n      !this.hasLoadedForOneSecond\n        ? setTimeout(\n            () => (this.loading = false),\n            this.minimumLoadingDisplayDuration -\n              (Date.now() - this.timerStarted)\n          )\n        : (this.loading = false);\n    }\n    if (this.updating) this.updating = false;\n\n    this.dataUpdated = true;\n  }\n\n  @Watch(\"density\")\n  async densityHandler(): Promise<void> {\n    this.densityUpdate = true;\n  }\n\n  private removeTextWrap = (): void => {\n    this.getTypographyElements().forEach(\n      (typographyEl: HTMLIcTypographyElement) => {\n        const tableCell = typographyEl.closest(\"td\");\n        if (tableCell.classList.contains(this.TEXT_WRAP_STRING)) {\n          tableCell.classList.remove(this.TEXT_WRAP_STRING);\n        }\n      }\n    );\n  };\n\n  private getCellContainer = (\n    typographyEl: HTMLIcTypographyElement\n  ): HTMLElement => {\n    return typographyEl.closest(\".cell-container\");\n  };\n\n  private deleteTextWrapDataKey = (\n    array: IcDataTableColumnObject[] | object[]\n  ) =>\n    Array.isArray(array) &&\n    array.forEach((val) => val.textWrap && delete val.textWrap);\n\n  private resetShowHideTruncation(typographyEl?: HTMLIcTypographyElement) {\n    if (typographyEl) {\n      const truncWrapper = this.getTruncWrapper(typographyEl);\n      const cellContainer = this.getCellContainer(typographyEl);\n\n      if (\n        truncWrapper?.scrollHeight > cellContainer?.clientHeight &&\n        !isEmptyString(typographyEl.getAttribute(\"max-lines\")) &&\n        Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT) !==\n          +typographyEl.getAttribute(\"max-lines\")\n      ) {\n        typographyEl.checkMaxLines(truncWrapper.scrollHeight);\n        typographyEl.setAttribute(\n          \"max-lines\",\n          `${Math.floor(\n            cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT\n          )}`\n        );\n        typographyEl.setShowHideExpanded(false);\n\n        cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n      } else if (\n        !cellContainer.classList.contains(\n          this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n        )\n      ) {\n        typographyEl.resetTruncation().then(() => {\n          if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n            cellContainer.style.setProperty(\n              this.ROW_HEIGHT_CSS_VARIABLE,\n              cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n            );\n          }\n        });\n      }\n    } else {\n      this.getTypographyElements().forEach((typographyEl) => {\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        typographyEl.resetTruncation().then(() => {\n          if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n            cellContainer.style.setProperty(\n              this.ROW_HEIGHT_CSS_VARIABLE,\n              cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n            );\n          }\n        });\n      });\n    }\n  }\n\n  @Watch(\"globalRowHeight\")\n  @Watch(\"variableRowHeight\")\n  rowHeightChangeHandler(newValue: number, oldValue: number): void {\n    if (+newValue !== +oldValue) {\n      this.deleteTextWrapDataKey(this.data);\n      this.deleteTextWrapDataKey(this.columns);\n      this.removeTextWrap();\n\n      this.icRowHeightChange.emit();\n\n      this.rowHeightSet = true;\n    }\n  }\n\n  /**\n   * Resets the `globalRowHeight` prop to number or auto and sets the `variableRowHeight` prop to `null`.\n   */\n  @Method()\n  async resetRowHeights(rowHeight?: number | \"auto\"): Promise<void> {\n    this.globalRowHeight = rowHeight || \"auto\";\n    this.variableRowHeight = null;\n  }\n\n  private showLoadingIndicator() {\n    if (this.loadingOptions?.overlay) {\n      this.loadingOverlay?.classList.add(\"show\");\n    }\n    this.loadingIndicator?.classList.add(\"show\");\n  }\n\n  private startLoadingTimer = (): void => {\n    this.hasLoadedForOneSecond = false;\n    this.timerStarted = Date.now();\n    setTimeout(() => {\n      this.hasLoadedForOneSecond = true;\n      this.timerStarted = null;\n    }, this.minimumLoadingDisplayDuration);\n  };\n\n  private isObject = (value: any) =>\n    value !== undefined && value !== null && typeof value === \"object\";\n\n  private notDefaultDensity = () => this.density !== \"default\";\n\n  private getCellContent = (\n    cell: any,\n    dataType: IcDataTableColumnDataTypes\n  ): any => {\n    switch (dataType) {\n      case \"element\":\n        return undefined;\n      case \"date\":\n        return (\n          cell instanceof Date ? cell : new Date(cell)\n        ).toLocaleDateString();\n      default:\n        return cell;\n    }\n  };\n\n  private getCellAlignment = (\n    cell: any,\n    alignment: \"horizontal\" | \"vertical\"\n  ) => {\n    if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n      return this.getObjectValue(\n        this.getObjectValue(cell, \"cellAlignment\"),\n        alignment\n      );\n    }\n  };\n\n  private getCellOptions = (cell: any, key: string) => {\n    if (!(this.isObject(cell) && Object.keys(cell).includes(key))) return;\n\n    return this.getObjectValue(cell, key);\n  };\n\n  private createUpdatingIndicator = () => {\n    const { description, max, min, progress, monochrome } =\n      this.updatingOptions || {};\n    return (\n      <th colSpan={this.columns.length} class=\"updating-state\">\n        <ic-loading-indicator\n          theme={this.theme}\n          monochrome={monochrome}\n          description={description || \"Updating table data\"}\n          fullWidth={true}\n          max={max}\n          min={min}\n          progress={progress}\n          type=\"linear\"\n          size=\"small\"\n        ></ic-loading-indicator>\n      </th>\n    );\n  };\n\n  private setRowHeight = (height: number) => {\n    return pxToRem(\n      `${\n        height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n        this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n      }px`\n    );\n  };\n\n  private setTruncationClass = () =>\n    this.truncationPattern\n      ? { [`truncation-${this.truncationPattern}`]: true }\n      : {};\n\n  private getColumnWidth = (\n    columnWidth?: string | IcDataTableColumnWidthTypes\n  ) => {\n    // TODO: Setting max width on columns\n    let columnWidthStyling = {};\n\n    if (columnWidth) {\n      if (typeof columnWidth === \"string\") {\n        columnWidthStyling = {\n          ...columnWidthStyling,\n          [\"--column-width\"]: columnWidth,\n        };\n      }\n\n      if (typeof columnWidth === \"object\" && !!Object.keys(columnWidth)) {\n        if (columnWidth?.minWidth) {\n          columnWidthStyling = {\n            ...columnWidthStyling,\n            [\"--column-min-width\"]: columnWidth?.minWidth,\n          };\n        }\n\n        if (columnWidth?.maxWidth) {\n          columnWidthStyling = {\n            ...columnWidthStyling,\n            [\"--column-max-width\"]: columnWidth?.maxWidth,\n          };\n        }\n      }\n    }\n\n    return columnWidthStyling;\n  };\n\n  private getRowHeight = (\n    currentRowHeight: number,\n    columnProps: IcDataTableColumnObject,\n    rowTextWrap: boolean,\n    cell: any\n  ) => {\n    if (\n      (this.truncationPattern || currentRowHeight) &&\n      !columnProps?.textWrap &&\n      !rowTextWrap &&\n      !this.getCellOptions(cell, \"textWrap\") &&\n      columnProps?.dataType !== \"element\"\n    ) {\n      return {\n        [this.ROW_HEIGHT_CSS_VARIABLE]: this.setRowHeight(currentRowHeight),\n      };\n    }\n\n    return {};\n  };\n\n  private adjustWidthForActionElement = () => {\n    const elements = this.el.shadowRoot.querySelectorAll(\".action-element\");\n    elements.forEach((element) => {\n      const width = (element.firstChild as HTMLElement).getBoundingClientRect()\n        .width;\n      const gridWrapper: HTMLElement = element.closest(\".cell-grid-wrapper\");\n      gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;\n    });\n  };\n\n  private createCellContent = (\n    columnProps: IcDataTableColumnObject,\n    cell: any,\n    cellSlotName: string,\n    rowOptions: any,\n    rowAlignment: string,\n    hasIcon: boolean,\n    currentRowHeight: number,\n    cellValue: (key: string) => any,\n    rowEmphasis: string\n  ) => (\n    <div\n      innerHTML={\n        columnProps?.dataType === \"element\" &&\n        !isSlotUsed(this.el, cellSlotName)\n          ? (cell as string)\n          : null\n      }\n      class={{\n        \"cell-container\": columnProps?.dataType !== \"element\",\n        [`cell-alignment-${\n          columnProps?.columnAlignment?.vertical ||\n          rowOptions?.rowAlignment?.vertical ||\n          rowAlignment ||\n          this.getCellAlignment(cell, \"vertical\")\n        }`]:\n          !!columnProps?.columnAlignment?.vertical ||\n          !!rowOptions?.rowAlignment?.vertical ||\n          !!rowAlignment ||\n          !!this.getCellAlignment(cell, \"vertical\"),\n        [`cell-alignment-${\n          columnProps?.columnAlignment?.horizontal ||\n          rowOptions?.rowAlignment?.horizontal ||\n          this.getCellAlignment(cell, \"horizontal\")\n        }`]:\n          !!columnProps?.columnAlignment?.horizontal ||\n          !!rowOptions?.rowAlignment?.horizontal ||\n          !!this.getCellAlignment(cell, \"horizontal\"),\n        [`data-type-${columnProps?.dataType}`]: true,\n        [this.TEXT_WRAP_STRING]:\n          columnProps?.textWrap ||\n          rowOptions?.textWrap ||\n          !!this.getCellOptions(cell, \"textWrap\"),\n        [\"cell-icon\"]: hasIcon || !!columnProps?.icon?.icon,\n        [`cell-emphasis-${\n          (this.isObject(cell) && cellValue(\"emphasis\")) ||\n          columnProps?.emphasis ||\n          rowEmphasis\n        }`]:\n          (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n          !!columnProps?.emphasis ||\n          !!rowEmphasis,\n        ...this.setTruncationClass(),\n        [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:\n          this.isObject(cell) && Object.keys(cell).includes(\"description\"),\n      }}\n      style={{\n        ...this.getRowHeight(\n          currentRowHeight,\n          columnProps,\n          rowOptions?.textWrap,\n          cell\n        ),\n        ...this.getColumnWidth(columnProps?.columnWidth),\n      }}\n      data-row-height={\n        this.truncationPattern || currentRowHeight\n          ? this.setRowHeight(currentRowHeight)\n          : null\n      }\n    >\n      {isSlotUsed(this.el, cellSlotName) ? (\n        <slot name={cellSlotName} />\n      ) : (\n        <Fragment>\n          {isSlotUsed(this.el, `${cellSlotName}-icon`) ? (\n            <slot name={`${cellSlotName}-icon`} />\n          ) : (\n            (hasIcon || columnProps?.icon?.onAllCells) &&\n            (cellValue(\"icon\") || columnProps?.icon?.icon) && (\n              <span\n                class=\"icon\"\n                innerHTML={cellValue(\"icon\") || columnProps?.icon?.icon}\n              ></span>\n            )\n          )}\n          {columnProps?.dataType !== \"element\" &&\n            !isSlotUsed(this.el, cellSlotName) && (\n              <div\n                class={{\n                  \"cell-text-wrapper\": true,\n                  \"cell-text-no-wrap\": !this.truncationPattern,\n                }}\n              >\n                <ic-typography\n                  variant=\"body\"\n                  class={{\n                    [`cell-emphasis-${\n                      (this.isObject(cell) && cellValue(\"emphasis\")) ||\n                      columnProps?.emphasis ||\n                      rowEmphasis\n                    }`]:\n                      (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n                      !!columnProps?.emphasis ||\n                      !!rowEmphasis,\n                    [`text-${this.density}`]: this.notDefaultDensity(),\n                  }}\n                >\n                  {this.isObject(cell) && columnProps?.dataType !== \"date\" ? (\n                    Object.keys(cell).includes(\"href\") ? (\n                      <ic-link\n                        href={cellValue(\"href\")}\n                        theme={this.theme}\n                        target={cellValue(\"target\") || undefined}\n                        rel={cellValue(\"rel\") || undefined}\n                      >\n                        {cellValue(\"data\")}\n                      </ic-link>\n                    ) : (\n                      cellValue(\"data\")\n                    )\n                  ) : (\n                    this.getCellContent(cell, columnProps?.dataType)\n                  )}\n                </ic-typography>\n                {this.isObject(cell) &&\n                  Object.keys(cell).includes(\"description\") && (\n                    <div\n                      class={{\n                        [\"cell-description\"]: true,\n                        [`data-type-${columnProps?.dataType}`]: true,\n                      }}\n                    >\n                      {cellValue(\"description\")?.icon && (\n                        <span\n                          class=\"cell-description-icon\"\n                          innerHTML={cellValue(\"description\").icon}\n                        ></span>\n                      )}\n                      <ic-typography\n                        variant=\"caption\"\n                        class=\"cell-description-text\"\n                      >\n                        {cellValue(\"description\")?.data ??\n                          cellValue(\"description\")}\n                      </ic-typography>\n                    </div>\n                  )}\n              </div>\n            )}\n        </Fragment>\n      )}\n    </div>\n  );\n\n  private createCells = (row: IcDataTableDataType, rowIndex: number) => {\n    const rowValues = Object.values(row);\n    const rowKeys = Object.keys(row);\n\n    const rowOptions = this.getRowOptions(rowKeys, rowValues);\n    let rowAlignment: string;\n    let rowEmphasis: string;\n\n    const headerIndex = rowKeys.indexOf(\"header\");\n    if (headerIndex > -1) {\n      rowAlignment = this.getObjectValue(\n        rowValues[headerIndex],\n        \"rowAlignment\"\n      );\n      rowEmphasis = this.getObjectValue(rowValues[headerIndex], \"emphasis\");\n    }\n\n    const variableRowHeightVal = this.variableRowHeight?.({\n      ...row,\n      index: rowIndex,\n    });\n    const currentRowHeight = variableRowHeightVal\n      ? variableRowHeightVal !== \"auto\" && variableRowHeightVal\n      : this.globalRowHeight !== \"auto\" && this.globalRowHeight;\n\n    return rowValues.map((cell, index) => {\n      const columnProps = this.columns[index];\n      const cellSlotName = `${columnProps?.key}-${rowIndex}`;\n      const hasIcon = this.isObject(cell) && Object.keys(cell).includes(\"icon\");\n      const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n      if (rowKeys[index] === \"header\") {\n        return (\n          <th\n            scope=\"row\"\n            colSpan={cellValue(\"colspan\")}\n            class={{\n              [\"row-header\"]: true,\n              [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n                !!cellValue(\"cellAlignment\"),\n              [\"row-header-sticky\"]: this.stickyRowHeaders,\n            }}\n          >\n            {cellValue(\"title\")}\n          </th>\n        );\n      }\n\n      if (rowKeys[index] !== \"rowOptions\") {\n        return (\n          <td\n            class={{\n              [\"table-cell\"]: true,\n              [`table-density-${this.density}`]: this.notDefaultDensity(),\n              [\"with-overflow\"]: columnProps?.dataType === \"element\",\n            }}\n            style={{ ...this.getColumnWidth(columnProps.columnWidth) }}\n          >\n            {this.isObject(cell) &&\n            Object.keys(cell).includes(\"actionElement\") ? (\n              <div class=\"cell-grid-wrapper\">\n                {this.createCellContent(\n                  columnProps,\n                  cell,\n                  cellSlotName,\n                  rowOptions,\n                  rowAlignment,\n                  hasIcon,\n                  currentRowHeight,\n                  cellValue,\n                  rowEmphasis\n                )}\n                <span\n                  class=\"action-element\"\n                  innerHTML={cellValue(\"actionElement\")}\n                  // eslint-disable-next-line react/jsx-no-bind\n                  onClick={\n                    cell.actionOnClick\n                      ? (event) => this.handleClick(event, cell.actionOnClick)\n                      : undefined\n                  }\n                ></span>\n              </div>\n            ) : (\n              this.createCellContent(\n                columnProps,\n                cell,\n                cellSlotName,\n                rowOptions,\n                rowAlignment,\n                hasIcon,\n                currentRowHeight,\n                cellValue,\n                rowEmphasis\n              )\n            )}\n          </td>\n        );\n      }\n    });\n  };\n\n  private createColumnHeaders = () =>\n    (this.columns || []).map(\n      (\n        {\n          cellAlignment,\n          colspan,\n          icon,\n          key,\n          title,\n          columnWidth,\n          excludeColumnFromSort,\n        },\n        index\n      ) => (\n        <th\n          scope=\"col\"\n          class={{\n            [\"column-header\"]: true,\n            [`table-density-${this.density}`]: this.notDefaultDensity(),\n            [\"updating-state-headers\"]: this.updating && !this.loading,\n          }}\n          style={{ ...this.getColumnWidth(columnWidth) }}\n          colSpan={colspan}\n        >\n          <div\n            class={{\n              \"column-header-inner-container\": true,\n              \"truncation-tooltip\": this.columnHeaderTruncation,\n              [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,\n            }}\n          >\n            {isSlotUsed(this.el, `${key}-column-icon`) ? (\n              <slot name={`${key}-column-icon`} />\n            ) : (\n              icon &&\n              !icon.hideOnHeader && (\n                <span class=\"icon\" innerHTML={icon.icon}></span>\n              )\n            )}\n            {this.columnHeaderTruncation ? (\n              <ic-tooltip label={title} target={`column-header-${index}`}>\n                <ic-typography\n                  id={`column-header-${index}`}\n                  variant=\"body\"\n                  class={{\n                    [\"column-header-text\"]: true,\n                    [`text-${this.density}`]: this.notDefaultDensity(),\n                  }}\n                >\n                  {title}\n                </ic-typography>\n              </ic-tooltip>\n            ) : (\n              <ic-typography\n                variant=\"body\"\n                class={{\n                  [\"column-header-text\"]: true,\n                  [`text-${this.density}`]: this.notDefaultDensity(),\n                }}\n              >\n                {title}\n              </ic-typography>\n            )}\n            {this.sortable && !excludeColumnFromSort && (\n              <ic-button\n                variant=\"icon\"\n                id={`sort-button-${key}`}\n                aria-label={this.getSortButtonLabel(key)}\n                // eslint-disable-next-line react/jsx-no-bind\n                onClick={() => this.sortRows(key)}\n                innerHTML={\n                  this.SORT_ICONS[\n                    this.sortedColumn === key\n                      ? this.sortedColumnOrder\n                      : \"unsorted\"\n                  ]\n                }\n                class={{\n                  [\"sort-button\"]: true,\n                  [\"sort-button-unsorted\"]:\n                    this.sortedColumn !== key ||\n                    this.sortedColumnOrder === \"unsorted\",\n                }}\n              ></ic-button>\n            )}\n          </div>\n          {this.columnHeaderTruncation && (\n            <ic-typography\n              variant=\"body\"\n              aria-hidden=\"true\"\n              class={{\n                [\"column-header-text\"]: true,\n                [\"dummy-column-header-text\"]: this.columnHeaderTruncation,\n                [`text-${this.density}`]: this.notDefaultDensity(),\n              }}\n            >\n              {title}\n            </ic-typography>\n          )}\n        </th>\n      )\n    );\n\n  private onRowClick = (row: object) => {\n    if (!this.loading && !this.updating) {\n      this.icSelectedRowChange.emit(this.selectedRow !== row ? row : null);\n    }\n\n    this.selectedRow =\n      this.selectedRow !== row && !this.loading && !this.updating && row;\n  };\n\n  private createRows = () => {\n    const data = this.showPagination\n      ? this.data.slice(this.fromRow, this.toRow)\n      : this.data.slice();\n\n    const paginationOffset = this.showPagination ? this.fromRow : 0;\n\n    /**\n     * Ensures that createCells has a value in data to map over to actually render the slot.\n     * Removes the need for the user to add it multiple times.\n     * `addDataToPosition` used to add the element in the correct column order.\n     * Adding empty string value in to give `createCells` something to loop over.\n     */\n    const organisedData = data.map((row, rowIndex) => {\n      const slottedColumns = this.columns\n        .map(\n          ({ key }, index) =>\n            isSlotUsed(this.el, `${key}-${rowIndex + paginationOffset}`) && {\n              key,\n              index,\n            }\n        )\n        .filter(\n          (col) =>\n            !!col &&\n            // skip the column if its already in the row\n            !Object.prototype.hasOwnProperty.call(row, col.key)\n        );\n      return slottedColumns.length > 0\n        ? addDataToPosition(row, slottedColumns, \"\")\n        : row;\n    });\n\n    return organisedData\n      .sort(\n        !this.sortable || this.disableAutoSort\n          ? undefined\n          : this.getSortFunction()\n      )\n      .map((row, index) => {\n        return (\n          <tr\n            // eslint-disable-next-line react/jsx-no-bind\n            onClick={() => this.onRowClick(row)}\n            class={{\n              [\"table-row\"]: true,\n              [\"table-row-selected\"]:\n                this.highlightSelectedRow && this.selectedRow === row,\n            }}\n          >\n            {this.createCells(row, index + paginationOffset)}\n          </tr>\n        );\n      });\n  };\n\n  private getObjectValue = (cell: object, key: string) =>\n    Object.values(cell)[Object.keys(cell).indexOf(key)];\n\n  private getSortButtonLabel = (key: string) => {\n    let label = \"\";\n    const getNextSortOption = (option: IcDataTableSortOrderOptions) => {\n      const sortOrders = this.sortOptions.sortOrders;\n      return sortOrders[(sortOrders.indexOf(option) + 1) % sortOrders.length];\n    };\n\n    if (this.sortedColumn === key) {\n      const sortOption = getNextSortOption(this.sortedColumnOrder);\n      label = sortOption !== \"unsorted\" ? `Sort ${sortOption}` : \"Remove sort\";\n    } else {\n      label = `Sort ${getNextSortOption(\"unsorted\")}`;\n    }\n\n    return label;\n  };\n\n  private getComparison = (targetRow: any, comparisonRow: any): number => {\n    const targetRowValue = targetRow[this.sortedColumn];\n    const comparisonRowValue = comparisonRow[this.sortedColumn];\n    return this.columns.find((col) => col.key === this.sortedColumn)\n      .dataType === \"date\"\n      ? new Date(targetRowValue).valueOf() -\n          new Date(comparisonRowValue).valueOf()\n      : String(\n          this.isObject(targetRowValue)\n            ? Object.values(targetRowValue)[0]\n            : targetRowValue\n        ).localeCompare(\n          String(\n            this.isObject(comparisonRowValue)\n              ? Object.values(comparisonRowValue)[0]\n              : comparisonRowValue\n          ),\n          undefined,\n          { numeric: true, sensitivity: \"base\" }\n        );\n  };\n\n  private getSortFunction = () => {\n    switch (this.sortedColumnOrder) {\n      case \"ascending\":\n        return (a: any, b: any) => this.getComparison(a, b);\n      case \"descending\":\n        return (a: any, b: any) => this.getComparison(b, a);\n      default:\n        return undefined;\n    }\n  };\n\n  private sortRows = (column: string) => {\n    const sortButton = this.el.shadowRoot.querySelector(\n      `#sort-button-${column}`\n    ) as HTMLIcButtonElement;\n\n    const sortOrders = this.sortOptions.sortOrders;\n\n    if (column !== this.sortedColumn) {\n      if (this.sortedColumn) {\n        const previousSortedButton = this.el.shadowRoot.querySelector(\n          `#sort-button-${this.sortedColumn}`\n        ) as HTMLIcButtonElement;\n        previousSortedButton.setAttribute(\n          \"aria-label\",\n          this.getSortButtonLabel(column)\n        ); // Passing through unsorted column returns correct label for newly unsorted column\n      }\n      this.sortedColumn = column;\n      this.sortedColumnOrder = \"unsorted\";\n    }\n\n    let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n    if (nextSortOrderIndex > sortOrders.length - 1) {\n      nextSortOrderIndex = 0;\n    }\n\n    this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n    sortButton.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n\n    this.tableSorted = true;\n\n    this.icSortChange.emit({\n      columnName: column,\n      sorted: this.sortedColumnOrder,\n    });\n  };\n\n  private getTypographyElements = (): HTMLIcTypographyElement[] => {\n    // Filter out column headers and cell descriptions\n    return Array.from(\n      this.el.shadowRoot.querySelectorAll(\n        \"ic-typography:not(.column-header-text,.cell-description-text)\"\n      )\n    );\n  };\n\n  private getTooltip = (\n    typographyEl: HTMLIcTypographyElement\n  ): HTMLIcTooltipElement => {\n    return typographyEl.closest(this.TOOLTIP);\n  };\n\n  private updateTruncationTooltip = (removeTooltipOnly = false) => {\n    this.getTypographyElements().forEach(\n      (typographyEl: HTMLIcTypographyElement) => {\n        const tooltip = this.getTooltip(typographyEl);\n        const cellContainer = this.getCellContainer(typographyEl);\n\n        if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n          this.removeTooltip(cellContainer, typographyEl, tooltip);\n          typographyEl.setAttribute(\n            \"style\",\n            `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n          );\n          return;\n        }\n\n        this.regenerateTooltip(\n          cellContainer,\n          typographyEl,\n          tooltip,\n          removeTooltipOnly\n        );\n      }\n    );\n  };\n\n  private updateScrollOffset = () => {\n    this.scrollOffset = this.el.shadowRoot.querySelector(\n      \".table-row-container\"\n    ).scrollTop;\n  };\n\n  private updateRowHeightForDescriptions = (\n    rowHeight: number,\n    cellContainer: Element\n  ) => {\n    cellContainer.setAttribute(\"data-row-height\", rowHeight.toString());\n    cellContainer.setAttribute(\n      \"style\",\n      `${this.ROW_HEIGHT_CSS_VARIABLE}: ${rowHeight}px`\n    );\n  };\n\n  // Method to update the row heights on cells with descriptions and tooltip truncation\n  private updateCellHeightsWithDescriptions = () => {\n    const descriptions = this.el.shadowRoot.querySelectorAll(\n      this.CELL_DESCRIPTION_STRING\n    );\n\n    descriptions.forEach((description) => {\n      const cellContainer = description.closest(\n        `.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`\n      ) as HTMLElement;\n      const typography = cellContainer.querySelector(\n        this.IC_TYPOGRAPHY_STRING\n      ) as HTMLIcTypographyElement;\n\n      const descriptionMarginTop = window\n        .getComputedStyle(description)\n        .getPropertyValue(\"margin-top\");\n\n      const descriptionHeight =\n        description.clientHeight + parseInt(descriptionMarginTop, 10);\n\n      if (this.globalRowHeight && this.globalRowHeight !== \"auto\") {\n        if (\n          !typography.textContent &&\n          descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight\n        ) {\n          this.updateRowHeightForDescriptions(descriptionHeight, cellContainer);\n        } else if (this.truncationPattern === this.TOOLTIP_STRING) {\n          if (\n            descriptionHeight + this.DEFAULT_LINE_HEIGHT >\n            this.globalRowHeight\n          ) {\n            const cellIcon = cellContainer?.querySelector(\".icon\");\n            if (deviceSizeMatches(IC_DEVICE_SIZES.XS) && cellIcon) {\n              // recalculate descriptionHeight as when a word break occurs this value changes\n              // Additional spacing given for 300-400% zoom\n              this.updateRowHeightForDescriptions(\n                descriptionHeight +\n                  this.DEFAULT_LINE_HEIGHT +\n                  cellIcon.clientHeight,\n                cellContainer\n              );\n            } else {\n              this.updateRowHeightForDescriptions(\n                descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n                cellContainer\n              );\n            }\n          }\n          this.addLineClampCSS(typography, cellContainer);\n          // Additional case for show/hide truncation for when a description is present, but the text\n          // isn't overflowing the cell to trigger the show more button to appear.\n        } else if (\n          this.truncationPattern === this.SHOW_HIDE_STRING &&\n          descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight &&\n          typography.style.getPropertyValue(\"--truncation-max-lines\") !==\n            \"initial\"\n        ) {\n          this.updateRowHeightForDescriptions(\n            descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n            cellContainer\n          );\n\n          if (descriptionHeight) {\n            this.createShowHideTruncation(\n              typography,\n              cellContainer as HTMLElement,\n              descriptionHeight\n            );\n          }\n        }\n      }\n    });\n  };\n\n  private getRowOptions(rowKeys: string[], rowValues: any[]) {\n    const rowOptionsIndex = rowKeys.indexOf(\"rowOptions\");\n    return rowOptionsIndex > -1 && rowValues[rowOptionsIndex];\n  }\n\n  private regenerateTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement,\n    removeTooltipOnly?: boolean\n  ) {\n    // When sorting the table, instead of regenerating the tooltip,\n    // the tooltip details are updated\n\n    if (tooltip) {\n      if (this.tableSorted) {\n        tooltip.setAttribute(\"target\", typographyEl.id);\n        tooltip.setAttribute(\"label\", typographyEl.textContent);\n      } else {\n        this.removeTooltip(cellContainer, typographyEl, tooltip);\n      }\n      if (removeTooltipOnly) {\n        return;\n      }\n    }\n\n    // This add line clamp to data only when\n    // the data object has been updated\n    if (!typographyEl.getAttribute(\"style\") && this.dataUpdated) {\n      this.addLineClampCSS(typographyEl, cellContainer);\n    }\n\n    if (\n      typographyEl?.scrollHeight > cellContainer?.clientHeight &&\n      this.truncationPattern === this.TOOLTIP_STRING\n    ) {\n      if (\n        !typographyEl.getAttribute(\"style\") ||\n        typographyEl.style.cssText.includes(\n          `${this.LINE_CLAMP_CSS_VARIABLE}: 0;`\n        )\n      ) {\n        this.addLineClampCSS(typographyEl, cellContainer);\n      }\n      if (!cellContainer.querySelector(this.IC_TOOLTIP_STRING))\n        this.createTruncationTooltip(typographyEl, cellContainer);\n    }\n  }\n  private setTableDimensions = () => {\n    let tableHostDimensions = {};\n\n    if (this.width) {\n      tableHostDimensions = {\n        ...tableHostDimensions,\n        [\"--table-width\"]: this.width,\n      };\n    }\n\n    if (this.height) {\n      tableHostDimensions = {\n        ...tableHostDimensions,\n        [\"--table-height\"]: this.height,\n      };\n    }\n\n    if (this.maxWidth) {\n      tableHostDimensions = {\n        ...tableHostDimensions,\n        [\"--table-max-width\"]: this.maxWidth,\n      };\n    }\n\n    if (this.minWidth) {\n      tableHostDimensions = {\n        ...tableHostDimensions,\n        [\"--table-min-width\"]: this.minWidth,\n      };\n    }\n\n    return tableHostDimensions;\n  };\n\n  private removeTooltip(\n    cellContainer: HTMLElement,\n    typographyEl: HTMLIcTypographyElement,\n    tooltip: HTMLIcTooltipElement\n  ) {\n    const cellTextWrapper = cellContainer.querySelector(\n      this.CELL_TEXT_WRAPPER_STRING\n    );\n    cellTextWrapper.prepend(typographyEl);\n    if (tooltip) {\n      tooltip.remove();\n    }\n  }\n\n  private addLineClampCSS(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const descriptionCellHeight = cellContainer.querySelector(\n      this.CELL_DESCRIPTION_STRING\n    )?.clientHeight;\n    if (\n      cellContainer.classList.contains(\n        this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n      ) &&\n      cellContainer?.clientHeight > descriptionCellHeight\n    ) {\n      let iconHeight: number;\n      if (deviceSizeMatches(IC_DEVICE_SIZES.XS)) {\n        const cellIcon = cellContainer?.querySelector(\".icon\");\n        iconHeight = cellIcon ? cellIcon.clientHeight : 0;\n      } else {\n        iconHeight = 0;\n      }\n\n      const height =\n        cellContainer?.clientHeight -\n        cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)\n          ?.clientHeight -\n        iconHeight;\n\n      typographyEl.setAttribute(\n        \"style\",\n        `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(height || 0)}`\n      );\n    } else {\n      typographyEl.setAttribute(\n        \"style\",\n        `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(\n          cellContainer?.clientHeight\n        )}`\n      );\n    }\n  }\n\n  private createTruncationTooltip(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const tooltipEl = document.createElement(\n      this.IC_TOOLTIP_STRING\n    ) as HTMLIcTooltipElement;\n    tooltipEl.setAttribute(\"target\", typographyEl.id);\n    tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n    tooltipEl.classList.add(\"ic-tooltip-overflow\");\n    tooltipEl.setExternalPopperProps({\n      // This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly\n      strategy: \"fixed\",\n    });\n    const cellTextWrapper = cellContainer.querySelector(\n      this.CELL_TEXT_WRAPPER_STRING\n    );\n    cellTextWrapper.prepend(tooltipEl);\n    tooltipEl.prepend(typographyEl);\n  }\n\n  private fixCellTooltip = (element: HTMLElement) => {\n    let tooltip: HTMLIcTooltipElement;\n\n    if (element.tagName === \"IC-TOOLTIP\") {\n      tooltip = element as HTMLIcTooltipElement;\n    } else if (element.shadowRoot?.querySelector(this.IC_TOOLTIP_STRING)) {\n      tooltip = element.shadowRoot?.querySelector(\n        this.IC_TOOLTIP_STRING\n      ) as HTMLIcTooltipElement;\n    } else {\n      if (element.children?.length > 0) {\n        Array.from(element.children).forEach((el) => {\n          this.fixCellTooltip(el as HTMLElement);\n        });\n      } else {\n        return;\n      }\n    }\n\n    if (tooltip) {\n      tooltip.setExternalPopperProps({\n        strategy: \"fixed\",\n      });\n    }\n  };\n\n  private fixCellTooltips = () => {\n    const elements = this.el.shadowRoot.querySelectorAll(\".data-type-element\");\n    elements.forEach((element) => {\n      const slotElements = getSlotElements(element);\n      slotElements?.forEach((slottedEl: HTMLElement) => {\n        this.fixCellTooltip(slottedEl);\n      });\n    });\n\n    const actionElements =\n      this.el.shadowRoot.querySelectorAll(\".action-element\");\n\n    actionElements?.forEach((actionElementSpan) => {\n      const actionElement = actionElementSpan.firstChild as HTMLElement;\n      if (actionElement) {\n        this.fixCellTooltip(actionElement);\n      }\n    });\n  };\n\n  private handleClick = (event: Event, callback: (event: Event) => void) =>\n    callback(event);\n\n  private renderTableBody = (\n    data: IcDataTableDataType[],\n    loading: boolean,\n    overlay: boolean\n  ) => {\n    if (!data?.length) return;\n\n    if (overlay && loading) {\n      return <tbody>{this.createRows()}</tbody>;\n    } else if (loading && !overlay) {\n      return null;\n    } else {\n      return <tbody>{this.createRows()}</tbody>;\n    }\n  };\n\n  private renderLoadingIndicator = (\n    isLoading: boolean,\n    loadingOptions: IcLoadingOptions\n  ) => {\n    if (!isLoading) return null;\n\n    return (\n      <Fragment>\n        <div\n          class=\"loading-overlay\"\n          ref={(el) => (this.loadingOverlay = el)}\n        ></div>\n        <ic-loading-indicator\n          theme={this.theme}\n          monochrome={loadingOptions?.monochrome}\n          class={{\n            \"loading-empty\": isLoading,\n            loading: true,\n          }}\n          description={loadingOptions.description || \"Loading table data\"}\n          label={loadingOptions.label || \"Loading...\"}\n          labelDuration={loadingOptions?.labelDuration}\n          max={loadingOptions?.max}\n          min={loadingOptions?.min}\n          progress={loadingOptions?.progress}\n          ref={(el: HTMLIcLoadingIndicatorElement) =>\n            (this.loadingIndicator = el)\n          }\n        ></ic-loading-indicator>\n      </Fragment>\n    );\n  };\n\n  private renderAriaLiveLoading = () => {\n    if (this.loading) {\n      return this.loadingOptions?.label || \"Loading...\";\n    } else if (this.updating) {\n      return this.updatingOptions?.description || \"Updating table data\";\n    } else {\n      return \"\";\n    }\n  };\n\n  private renderEmptyState = (\n    data: IcDataTableDataType[],\n    loading: boolean,\n    overlay: boolean\n  ) => {\n    const emptyStateEl = isSlotUsed(this.el, \"empty-state\") ? (\n      <slot name=\"empty-state\" />\n    ) : (\n      <ic-empty-state\n        aligned=\"center\"\n        heading=\"No Data\"\n        class=\"loading-empty\"\n      ></ic-empty-state>\n    );\n\n    if (loading && !data?.length && overlay) {\n      return emptyStateEl;\n    } else if (!loading && !data?.length) {\n      return emptyStateEl;\n    } else {\n      return null;\n    }\n  };\n\n  render() {\n    const {\n      caption,\n      createColumnHeaders,\n      createUpdatingIndicator,\n      data,\n      hideColumnHeaders,\n      loading,\n      loadingOptions,\n      paginationBarOptions,\n      scrollable,\n      scrollOffset,\n      showPagination,\n      sortable,\n      sortedColumn,\n      sortedColumnOrder,\n      stickyColumnHeaders,\n      updateScrollOffset,\n      updating,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        style={{ ...this.setTableDimensions() }}\n        class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n      >\n        <div class=\"table-container\">\n          {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n          <div\n            class={{\n              [\"table-row-container\"]: true,\n              scrollable,\n            }}\n            tabIndex={scrollable ? 0 : null}\n            onScroll={updateScrollOffset}\n          >\n            <table\n              style={{\n                [\"--table-layout\"]: this.tableLayout,\n              }}\n            >\n              <caption class=\"table-caption\">{caption}</caption>\n              {!hideColumnHeaders && (\n                <thead\n                  class={{\n                    [\"column-header-sticky\"]: stickyColumnHeaders,\n                    [\"column-header-overlay\"]:\n                      stickyColumnHeaders && scrollOffset !== 0,\n                  }}\n                >\n                  <tr>{createColumnHeaders()}</tr>\n                </thead>\n              )}\n              {updating &&\n                !loading &&\n                (hideColumnHeaders ? (\n                  <thead>{createUpdatingIndicator()}</thead>\n                ) : (\n                  createUpdatingIndicator()\n                ))}\n              {this.renderTableBody(data, loading, loadingOptions.overlay)}\n            </table>\n            {this.renderEmptyState(data, loading, loadingOptions.overlay)}\n          </div>\n          <div aria-live=\"assertive\" class=\"sr-only\">\n            {this.renderAriaLiveLoading()}\n          </div>\n          {this.renderLoadingIndicator(loading, loadingOptions)}\n          {(showPagination || isSlotUsed(this.el, \"pagination-bar\")) && (\n            <div class=\"pagination-container\">\n              {isSlotUsed(this.el, \"pagination-bar\") ? (\n                <slot name=\"pagination-bar\" />\n              ) : (\n                <ic-pagination-bar\n                  alignment={paginationBarOptions.alignment}\n                  hideAllFromItemsPerPage={\n                    paginationBarOptions.hideAllFromItemsPerPage\n                  }\n                  hideRangeLabel={paginationBarOptions.hideRangeLabel}\n                  itemLabel={paginationBarOptions.itemLabel}\n                  itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\n                  monochrome={paginationBarOptions.monochrome}\n                  pageLabel={paginationBarOptions.pageLabel}\n                  rangeLabelType={paginationBarOptions.rangeLabelType}\n                  selectedItemsPerPage={\n                    paginationBarOptions.selectedItemsPerPage\n                  }\n                  setToFirstPageOnPaginationChange={\n                    paginationBarOptions.setToFirstPageOnPaginationChange\n                  }\n                  showGoToPageControl={paginationBarOptions.showGoToPageControl}\n                  showItemsPerPageControl={\n                    paginationBarOptions.showItemsPerPageControl\n                  }\n                  theme={theme}\n                  totalItems={data?.length ?? 0}\n                  type={paginationBarOptions.type}\n                ></ic-pagination-bar>\n              )}\n            </div>\n          )}\n          {sortable && (\n            <div class=\"screen-reader-sort-text\" aria-live=\"polite\">\n              {sortedColumnOrder !== \"unsorted\" && sortedColumn\n                ? `${\n                    this.columns.find((col) => col.key === sortedColumn)\n                      ?.title || sortedColumn\n                  } sorted ${sortedColumnOrder}`\n                : \"table unsorted\"}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as a,h as i,g as e}from"./p-8455d1bb.js";import{i as s}from"./p-a04712b9.js";const r='.title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid\n    var(--ic-data-table-title-bar-keyline);background-color:var(--ic-data-table-title-bar-background)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-data-table-title-bar-information)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem;color:var(--ic-data-table-title-bar-title);--ic-typography-color:var(--ic-data-table-title-bar-title)}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-data-table-title-bar-description);--ic-typography-color:var(--ic-data-table-title-bar-description)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot="description"]){max-width:40rem}.density-input{--input-width:7.625rem}@media (max-width: 1200px){.header-container{flex-direction:column}}@media (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media (min-width: 769px){.description-actions{justify-content:space-between}}@media (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media (min-width: 577px){.action-area{align-items:center}}@media (max-width: 576px){.action-area{flex-direction:column}}';const c="Title Bar";const o=class{constructor(i){t(this,i);this.icTableDensityUpdate=a(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.changeDensity=t=>{this.icTableDensityUpdate.emit({value:t.detail.value})};this.description=undefined;this.heading=c;this.hideDensitySelect=false;this.metadata=undefined}componentWillLoad(){const t=this.el.parentElement;if(t.tagName==="IC-DATA-TABLE"){const{caption:a,density:i,embedded:e}=t;this.initialDensitySelectOption=i;this.isEmbedded=e;if(this.heading===c){this.heading=a}}}render(){const{changeDensity:t,description:a,el:e,heading:r,hideDensitySelect:c,initialDensitySelectOption:o,isEmbedded:n,metadata:l}=this;const p=s(e,"primary-action")||s(e,"custom-actions")||!c;const d=s(e,"description")||a;return i("div",{class:{"title-bar-wrapper":true,"full-width":n}},i("div",{class:"header-container"},i("slot",{name:"heading"},i("ic-typography",{variant:"h3",class:"heading"},i("h3",null,r))),l&&i("ic-typography",{variant:"subtitle-small"},l)),(p||d)&&i("div",{class:"description-actions"},i("slot",{name:"description"},a&&i("ic-typography",{variant:"body"},a)),p&&i("div",{class:"action-area"},s(e,"custom-actions")&&i("div",{class:"custom-actions-wrapper"},i("slot",{name:"custom-actions"})),!c&&i("ic-select",{size:"small",label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:o,onIcChange:t}),s(e,"primary-action")&&i("slot",{name:"primary-action"}))))}get el(){return e(this)}};o.style=r;export{o as ic_data_table_title_bar};
+//# sourceMappingURL=p-5d03b04e.entry.js.map

package/dist/core/p-5d03b04e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icDataTableTitleBarCss","DEFAULT_TITLE_BAR_HEADING","DataTableTitleBar","this","initialDensitySelectOption","isEmbedded","changeDensity","ev","icTableDensityUpdate","emit","value","detail","componentWillLoad","parentEl","el","parentElement","tagName","caption","density","embedded","heading","render","description","hideDensitySelect","metadata","showActionArea","isSlotUsed","hasDescription","h","class","name","variant","size","label","hideLabel","options","onIcChange"],"sources":["src/components/ic-data-table-title-bar/ic-data-table-title-bar.css?tag=ic-data-table-title-bar&encapsulation=shadow","src/components/ic-data-table-title-bar/ic-data-table-title-bar.tsx"],"sourcesContent":[".title-bar-wrapper,\n.header-container,\n.description-actions,\n.action-area,\n.custom-actions-wrapper {\n  display: flex;\n}\n\n.title-bar-wrapper,\n.action-area,\n.custom-actions-wrapper {\n  gap: var(--ic-space-xs);\n}\n\n.title-bar-wrapper {\n  flex-direction: column;\n  padding: var(--ic-space-sm) var(--ic-space-xs);\n  border-bottom: var(--ic-space-1px) solid\n    var(--ic-data-table-title-bar-keyline);\n  background-color: var(--ic-data-table-title-bar-background);\n}\n\n.full-width {\n  padding: var(--ic-space-sm) 0;\n  border-bottom: none;\n}\n\nic-typography.heading h3 {\n  margin: 0;\n}\n\nic-typography.ic-typography-subtitle-small {\n  --ic-typography-color: var(--ic-data-table-title-bar-information);\n}\n\nic-typography.ic-typography-h3,\n::slotted([slot=\"header\"]) {\n  max-width: 50rem;\n  color: var(--ic-data-table-title-bar-title);\n\n  --ic-typography-color: var(--ic-data-table-title-bar-title);\n}\n\nic-typography.ic-typography-body,\n::slotted([slot=\"description\"]) {\n  color: var(--ic-data-table-title-bar-description);\n\n  --ic-typography-color: var(--ic-data-table-title-bar-description);\n}\n\nic-typography.ic-typography-body,\nic-typography.ic-typography-subtitle-small,\n::slotted([slot=\"description\"]) {\n  max-width: 40rem;\n}\n\n.density-input {\n  --input-width: 7.625rem;\n}\n\n@media (max-width: 1200px) {\n  .header-container {\n    flex-direction: column;\n  }\n}\n\n@media (min-width: 1201px) {\n  .header-container {\n    gap: var(--ic-space-xs);\n    align-items: baseline;\n  }\n}\n\n@media (min-width: 769px) {\n  .description-actions {\n    justify-content: space-between;\n  }\n}\n\n@media (max-width: 768px) {\n  .description-actions {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--ic-space-xs);\n  }\n}\n\n@media (min-width: 577px) {\n  .action-area {\n    align-items: center;\n  }\n}\n\n@media (max-width: 576px) {\n  .action-area {\n    flex-direction: column;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  h,\n} from \"@stencil/core\";\nimport { IcSelectCustomEvent } from \"@ukic/web-components/dist/types/interface\";\nimport {\n  IcDataTableDensityOptions,\n  IcDensityUpdateEventDetail,\n} from \"../ic-data-table/ic-data-table.types\";\nimport { isSlotUsed } from \"../../utils/helpers\";\n\nconst DEFAULT_TITLE_BAR_HEADING = \"Title Bar\";\n\n/**\n * @slot primary-action - Render an interactive element that will perform a primary action. Renders to the right of the density select.\n * @slot custom-actions - Render additional custom actions to the left of the density select.\n * @slot heading - The heading to render on the data table title bar.\n * @slot description - Render an alternative description in the description section.\n */\n@Component({\n  tag: \"ic-data-table-title-bar\",\n  styleUrl: \"ic-data-table-title-bar.css\",\n  shadow: true,\n})\nexport class DataTableTitleBar {\n  private initialDensitySelectOption: IcDataTableDensityOptions = \"default\";\n  private isEmbedded: boolean = false;\n\n  @Element() el: HTMLIcDataTableTitleBarElement;\n\n  /**\n   * The description that is displayed below the `heading` and `metadata`. Can be overridden with the `description` slot.\n   */\n  @Prop() description?: string;\n\n  /**\n   * The heading of the title bar. Can be overridden with the `heading` slot. If used with an `ic-data-table` it will default to the table's `caption` unless overridden.\n   */\n  @Prop() heading?: string = DEFAULT_TITLE_BAR_HEADING;\n\n  /**\n   * When `true`, the density select will not be rendered.\n   */\n  @Prop() hideDensitySelect?: boolean = false;\n\n  /**\n   * The metadata displayed next to the `heading`.\n   */\n  @Prop() metadata?: string;\n\n  /**\n   * Emitted when the table density select value is changed.\n   */\n  @Event() icTableDensityUpdate: EventEmitter<IcDensityUpdateEventDetail>;\n\n  componentWillLoad(): void {\n    const parentEl = this.el.parentElement;\n    if (parentEl.tagName === \"IC-DATA-TABLE\") {\n      const { caption, density, embedded } = parentEl as HTMLIcDataTableElement;\n      this.initialDensitySelectOption = density;\n      this.isEmbedded = embedded;\n      if (this.heading === DEFAULT_TITLE_BAR_HEADING) {\n        this.heading = caption;\n      }\n    }\n  }\n\n  private changeDensity = (\n    ev: IcSelectCustomEvent<IcDensityUpdateEventDetail>\n  ) => {\n    this.icTableDensityUpdate.emit({ value: ev.detail.value });\n  };\n\n  render() {\n    const {\n      changeDensity,\n      description,\n      el,\n      heading,\n      hideDensitySelect,\n      initialDensitySelectOption,\n      isEmbedded,\n      metadata,\n    } = this;\n    const showActionArea =\n      isSlotUsed(el, \"primary-action\") ||\n      isSlotUsed(el, \"custom-actions\") ||\n      !hideDensitySelect;\n\n    const hasDescription = isSlotUsed(el, \"description\") || description;\n    return (\n      <div\n        class={{\n          \"title-bar-wrapper\": true,\n          \"full-width\": isEmbedded,\n        }}\n      >\n        <div class=\"header-container\">\n          <slot name=\"heading\">\n            <ic-typography variant=\"h3\" class=\"heading\">\n              <h3>{heading}</h3>\n            </ic-typography>\n          </slot>\n          {metadata && (\n            <ic-typography variant=\"subtitle-small\">{metadata}</ic-typography>\n          )}\n        </div>\n        {(showActionArea || hasDescription) && (\n          <div class=\"description-actions\">\n            <slot name=\"description\">\n              {description && (\n                <ic-typography variant=\"body\">{description}</ic-typography>\n              )}\n            </slot>\n            {showActionArea && (\n              <div class=\"action-area\">\n                {isSlotUsed(el, \"custom-actions\") && (\n                  <div class=\"custom-actions-wrapper\">\n                    <slot name=\"custom-actions\" />\n                  </div>\n                )}\n                {!hideDensitySelect && (\n                  <ic-select\n                    size=\"small\"\n                    label=\"Change density\"\n                    class=\"density-input\"\n                    hideLabel\n                    options={[\n                      { label: \"Default\", value: \"default\" },\n                      { label: \"Dense\", value: \"dense\" },\n                      { label: \"Spacious\", value: \"spacious\" },\n                    ]}\n                    value={initialDensitySelectOption}\n                    onIcChange={changeDensity}\n                  ></ic-select>\n                )}\n                {isSlotUsed(el, \"primary-action\") && (\n                  <slot name=\"primary-action\" />\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAyB,4kDCe/B,MAAMC,EAA4B,Y,MAarBC,EAAiB,M,oFACpBC,KAAAC,2BAAwD,UACxDD,KAAAE,WAAsB,MAyCtBF,KAAAG,cACNC,IAEAJ,KAAKK,qBAAqBC,KAAK,CAAEC,MAAOH,EAAGI,OAAOD,OAAQ,E,wCAhCjCT,E,uBAKW,M,wBAYtC,iBAAAW,GACE,MAAMC,EAAWV,KAAKW,GAAGC,cACzB,GAAIF,EAASG,UAAY,gBAAiB,CACxC,MAAMC,QAAEA,EAAOC,QAAEA,EAAOC,SAAEA,GAAaN,EACvCV,KAAKC,2BAA6Bc,EAClCf,KAAKE,WAAac,EAClB,GAAIhB,KAAKiB,UAAYnB,EAA2B,CAC9CE,KAAKiB,QAAUH,C,GAWrB,MAAAI,GACE,MAAMf,cACJA,EAAagB,YACbA,EAAWR,GACXA,EAAEM,QACFA,EAAOG,kBACPA,EAAiBnB,2BACjBA,EAA0BC,WAC1BA,EAAUmB,SACVA,GACErB,KACJ,MAAMsB,EACJC,EAAWZ,EAAI,mBACfY,EAAWZ,EAAI,oBACdS,EAEH,MAAMI,EAAiBD,EAAWZ,EAAI,gBAAkBQ,EACxD,OACEM,EAAA,OACEC,MAAO,CACL,oBAAqB,KACrB,aAAcxB,IAGhBuB,EAAA,OAAKC,MAAM,oBACTD,EAAA,QAAME,KAAK,WACTF,EAAA,iBAAeG,QAAQ,KAAKF,MAAM,WAChCD,EAAA,UAAKR,KAGRI,GACCI,EAAA,iBAAeG,QAAQ,kBAAkBP,KAG3CC,GAAkBE,IAClBC,EAAA,OAAKC,MAAM,uBACTD,EAAA,QAAME,KAAK,eACRR,GACCM,EAAA,iBAAeG,QAAQ,QAAQT,IAGlCG,GACCG,EAAA,OAAKC,MAAM,eACRH,EAAWZ,EAAI,mBACdc,EAAA,OAAKC,MAAM,0BACTD,EAAA,QAAME,KAAK,qBAGbP,GACAK,EAAA,aACEI,KAAK,QACLC,MAAM,iBACNJ,MAAM,gBACNK,UAAS,KACTC,QAAS,CACP,CAAEF,MAAO,UAAWvB,MAAO,WAC3B,CAAEuB,MAAO,QAASvB,MAAO,SACzB,CAAEuB,MAAO,WAAYvB,MAAO,aAE9BA,MAAON,EACPgC,WAAY9B,IAGfoB,EAAWZ,EAAI,mBACdc,EAAA,QAAME,KAAK,qB"}

package/dist/core/{p-54dc696e.entry.js → p-5e616d85.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e,f as a,H as n,g as o}from"./p-8455d1bb.js";import{y as s,i as r,D as d,g as c,e as l,x as v}from"./p-897fac99.js";import{C as h}from"./p-170ddfc2.js";import{O as g}from"./p-ea1ea1b9.js";const m='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:"";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-page-header,.navigation-item-side-menu)) ::slotted(a:hover:not(:focus)){background-color:var(--ic-brand-hover) !important}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:"";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:"";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:" " !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}';const p=class{constructor(n){i(this,n);this.childBlur=t(this,"childBlur",7);this.navItemClicked=t(this,"navItemClicked",7);this.isInitialRender=true;this.hostMutationObserver=null;this.ANIMATION_DURATION=parseInt(s("--ic-transition-duration-slow"))||0;this.ARIA_LABEL_STRING="aria-label";this.displayDefaultNavigationItem=(i,t,a,n,o,s,d)=>{const c=this.isTopNavChild||this.inTopNavSideMenu?"body":"label";const l=this.expandable&&e("div",{class:{svg:true},innerHTML:h});const v=this.el.querySelector('[slot="icon"]')&&e("div",{class:"icon"},e("slot",{name:"icon"}),r(this.el,"badge")&&e("slot",{name:"badge"}));if(i!==""){return e("a",{href:i,target:a,rel:n,hreflang:t,referrerPolicy:o,download:s!==false?s:null,class:"link",ref:i=>this.itemEl=i,part:"link","aria-label":this.ariaLabel?this.ariaLabel:null},v,e("ic-typography",{variant:c},d),e("div",{class:"chevron-container"},l),a==="_blank"&&e("span",{class:"open-in-new-icon",innerHTML:g}))}return e("div",{tabindex:"0",class:"link",ref:i=>this.itemEl=i},v,e("ic-typography",{variant:c},d),l)};this.topNavResizedHandler=({detail:i})=>{var t;const{size:e}=i;if(e!==this.deviceSize){this.deviceSize=e;this.inTopNavSideMenu=e<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||d.L)}};this.sideNavExpandHandler=({detail:i})=>{const{sideNavExpanded:t,sideNavMobile:e}=i;this.sideNavExpanded=t;this.isSideNavMobile=e;this.sideNavToggleTooltip(!(t||e))};this.handleBlur=({relatedTarget:i})=>{if(i===null||i.tagName!=="IC-NAVIGATION-ITEM"){this.childBlur.emit()}};this.handleClick=()=>{this.navItemClicked.emit()};this.hostMutationCallback=i=>{let t=false;i.forEach((({attributeName:i})=>{if(i===this.ARIA_LABEL_STRING){this.ariaLabel=this.el.getAttribute(i);t=true}}));if(t){a(this)}};this.generateTooltipLabel=()=>{if(this.label){return this.label}if(this.navigationSlot){return this.navigationSlot.textContent}if(this.el.children[0]){return this.el.children[0].textContent}return""};this.renderNavigationItemContent=()=>{if(this.label){return this.displayDefaultNavigationItem(this.href,this.hreflang,this.target,this.rel,this.referrerpolicy,this.download,this.label)}if(this.navigationSlot){return e("slot",{name:"navigation-item"})}return e("slot",null)};this.sideNavToggleTooltip=i=>{const t=this.el.shadowRoot.querySelector("ic-tooltip");const e="tooltip-navigation-item-side-nav-collapsed";let a;if(t){if(i){t.displayTooltip(false);a=setTimeout((()=>{t.classList.add(e)}),this.ANIMATION_DURATION)}else{clearTimeout(a);t.classList.remove(e)}}};this.deviceSize=d.XL;this.focusStyle=c();this.inTopNavSideMenu=false;this.isSideNavMobile=false;this.isTopNavChild=false;this.navigationType=undefined;this.parentEl=undefined;this.sideNavExpanded=false;this.ariaLabel="";this.collapsedIconLabel=false;this.displayNavigationTooltip=false;this.download=false;this.expandable=false;this.href="";this.hreflang=undefined;this.label=undefined;this.rel=undefined;this.referrerpolicy=undefined;this.selected=false;this.target=undefined;this.theme="inherit"}disconnectedCallback(){var i;if(this.navigationType==="side"){this.parentEl.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.removeEventListener("icTopNavResized",this.topNavResizedHandler)}(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}componentWillLoad(){var i,t;const{navType:e,parent:a}=v(this.el);this.navigationType=e;this.parentEl=a;this.deviceSize=l();this.sideNavExpanded=((i=this.parentEl)===null||i===void 0?void 0:i.classList.contains("sm-expanded"))||((t=this.parentEl)===null||t===void 0?void 0:t.classList.contains("xs-menu-open"));if(this.navigationType==="side"){this.parentEl.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.addEventListener("icTopNavResized",this.topNavResizedHandler);if(this.el.parentElement.tagName==="IC-NAVIGATION-GROUP")this.isTopNavChild=true;if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}this.navigationSlot=this.el.querySelector('[slot="navigation-item"]');if(this.navigationSlot){this.navigationSlot.ariaLabel=this.navigationSlot.textContent.trim()}if(this.el.hasAttribute(this.ARIA_LABEL_STRING)){this.ariaLabel=this.el.getAttribute(this.ARIA_LABEL_STRING)}}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentDidUpdate(){this.isInitialRender=false}brandChangeHandler({detail:i}){this.focusStyle=i.mode}async setFocus(){var i;this.itemEl?this.itemEl.focus():(i=this.el.querySelector("a"))===null||i===void 0?void 0:i.focus()}render(){const{inTopNavSideMenu:i,isTopNavChild:t,selected:a}=this;return e(n,{class:{["navigation-item"]:true,["navigation-item-top-nav"]:!i&&this.navigationType==="top",["navigation-item-top-nav-child-selected"]:t&&!i&&a,[this.focusStyle]:!i&&!t||this.navigationType==="side"&&t,["navigation-item-selected"]:!t&&a,["navigation-item-side-menu"]:i,["navigation-item-side-menu-selected"]:i&&a,["navigation-item-top-nav-child"]:t&&!i,["navigation-item-page-header"]:this.navigationType==="page-header",["with-transition"]:!this.isInitialRender,["navigation-item-side-nav"]:this.navigationType==="side",["navigation-item-side-nav-collapsed"]:(!this.sideNavExpanded||this.displayNavigationTooltip)&&this.navigationType==="side",["navigation-item-side-nav-collapsed-with-label"]:!this.sideNavExpanded&&this.navigationType==="side"&&this.collapsedIconLabel&&!this.isSideNavMobile,["expandable"]:this.expandable,[`ic-theme-${this.theme}`]:this.theme!=="inherit"},onBlur:t&&!i?this.handleBlur:null,onClick:this.handleClick,"aria-current":a?"page":null,role:"listitem"},e("ic-tooltip",{label:this.generateTooltipLabel(),target:"navigation-item",placement:"right",class:{["tooltip-navigation-item"]:true,["tooltip-navigation-item-side-nav-collapsed"]:this.displayNavigationTooltip&&this.navigationType==="side",["tooltip-long-label-navigation-item-side-nav-expanded"]:this.el.hasAttribute("[display-navigation-tooltip = 'true']")}},this.renderNavigationItemContent()))}static get delegatesFocus(){return true}get el(){return o(this)}};p.style=m;export{p as ic_navigation_item};
-//# sourceMappingURL=p-54dc696e.entry.js.map
+import{r as i,c as t,h as e,f as a,H as n,g as o}from"./p-8455d1bb.js";import{z as s,i as r,D as d,g as c,e as l,y as v}from"./p-70616efa.js";import{C as h}from"./p-170ddfc2.js";import{O as g}from"./p-ea1ea1b9.js";const m='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:"";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-page-header,.navigation-item-side-menu)) ::slotted(a:hover:not(:focus)){background-color:var(--ic-brand-hover) !important}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:"";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:"";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:" " !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}';const p=class{constructor(n){i(this,n);this.childBlur=t(this,"childBlur",7);this.navItemClicked=t(this,"navItemClicked",7);this.isInitialRender=true;this.hostMutationObserver=null;this.ANIMATION_DURATION=parseInt(s("--ic-transition-duration-slow"))||0;this.ARIA_LABEL_STRING="aria-label";this.displayDefaultNavigationItem=(i,t,a,n,o,s,d)=>{const c=this.isTopNavChild||this.inTopNavSideMenu?"body":"label";const l=this.expandable&&e("div",{class:{svg:true},innerHTML:h});const v=this.el.querySelector('[slot="icon"]')&&e("div",{class:"icon"},e("slot",{name:"icon"}),r(this.el,"badge")&&e("slot",{name:"badge"}));if(i!==""){return e("a",{href:i,target:a,rel:n,hreflang:t,referrerPolicy:o,download:s!==false?s:null,class:"link",ref:i=>this.itemEl=i,part:"link","aria-label":this.ariaLabel?this.ariaLabel:null},v,e("ic-typography",{variant:c},d),e("div",{class:"chevron-container"},l),a==="_blank"&&e("span",{class:"open-in-new-icon",innerHTML:g}))}return e("div",{tabindex:"0",class:"link",ref:i=>this.itemEl=i},v,e("ic-typography",{variant:c},d),l)};this.topNavResizedHandler=({detail:i})=>{var t;const{size:e}=i;if(e!==this.deviceSize){this.deviceSize=e;this.inTopNavSideMenu=e<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||d.L)}};this.sideNavExpandHandler=({detail:i})=>{const{sideNavExpanded:t,sideNavMobile:e}=i;this.sideNavExpanded=t;this.isSideNavMobile=e;this.sideNavToggleTooltip(!(t||e))};this.handleBlur=({relatedTarget:i})=>{if(i===null||i.tagName!=="IC-NAVIGATION-ITEM"){this.childBlur.emit()}};this.handleClick=()=>{this.navItemClicked.emit()};this.hostMutationCallback=i=>{let t=false;i.forEach((({attributeName:i})=>{if(i===this.ARIA_LABEL_STRING){this.ariaLabel=this.el.getAttribute(i);t=true}}));if(t){a(this)}};this.generateTooltipLabel=()=>{if(this.label){return this.label}if(this.navigationSlot){return this.navigationSlot.textContent}if(this.el.children[0]){return this.el.children[0].textContent}return""};this.renderNavigationItemContent=()=>{if(this.label){return this.displayDefaultNavigationItem(this.href,this.hreflang,this.target,this.rel,this.referrerpolicy,this.download,this.label)}if(this.navigationSlot){return e("slot",{name:"navigation-item"})}return e("slot",null)};this.sideNavToggleTooltip=i=>{const t=this.el.shadowRoot.querySelector("ic-tooltip");const e="tooltip-navigation-item-side-nav-collapsed";let a;if(t){if(i){t.displayTooltip(false);a=setTimeout((()=>{t.classList.add(e)}),this.ANIMATION_DURATION)}else{clearTimeout(a);t.classList.remove(e)}}};this.deviceSize=d.XL;this.focusStyle=c();this.inTopNavSideMenu=false;this.isSideNavMobile=false;this.isTopNavChild=false;this.navigationType=undefined;this.parentEl=undefined;this.sideNavExpanded=false;this.ariaLabel="";this.collapsedIconLabel=false;this.displayNavigationTooltip=false;this.download=false;this.expandable=false;this.href="";this.hreflang=undefined;this.label=undefined;this.rel=undefined;this.referrerpolicy=undefined;this.selected=false;this.target=undefined;this.theme="inherit"}disconnectedCallback(){var i;if(this.navigationType==="side"){this.parentEl.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.removeEventListener("icTopNavResized",this.topNavResizedHandler)}(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}componentWillLoad(){var i,t;const{navType:e,parent:a}=v(this.el);this.navigationType=e;this.parentEl=a;this.deviceSize=l();this.sideNavExpanded=((i=this.parentEl)===null||i===void 0?void 0:i.classList.contains("sm-expanded"))||((t=this.parentEl)===null||t===void 0?void 0:t.classList.contains("xs-menu-open"));if(this.navigationType==="side"){this.parentEl.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.addEventListener("icTopNavResized",this.topNavResizedHandler);if(this.el.parentElement.tagName==="IC-NAVIGATION-GROUP")this.isTopNavChild=true;if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}this.navigationSlot=this.el.querySelector('[slot="navigation-item"]');if(this.navigationSlot){this.navigationSlot.ariaLabel=this.navigationSlot.textContent.trim()}if(this.el.hasAttribute(this.ARIA_LABEL_STRING)){this.ariaLabel=this.el.getAttribute(this.ARIA_LABEL_STRING)}}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentDidUpdate(){this.isInitialRender=false}brandChangeHandler({detail:i}){this.focusStyle=i.mode}async setFocus(){var i;this.itemEl?this.itemEl.focus():(i=this.el.querySelector("a"))===null||i===void 0?void 0:i.focus()}render(){const{inTopNavSideMenu:i,isTopNavChild:t,selected:a}=this;return e(n,{class:{["navigation-item"]:true,["navigation-item-top-nav"]:!i&&this.navigationType==="top",["navigation-item-top-nav-child-selected"]:t&&!i&&a,[this.focusStyle]:!i&&!t||this.navigationType==="side"&&t,["navigation-item-selected"]:!t&&a,["navigation-item-side-menu"]:i,["navigation-item-side-menu-selected"]:i&&a,["navigation-item-top-nav-child"]:t&&!i,["navigation-item-page-header"]:this.navigationType==="page-header",["with-transition"]:!this.isInitialRender,["navigation-item-side-nav"]:this.navigationType==="side",["navigation-item-side-nav-collapsed"]:(!this.sideNavExpanded||this.displayNavigationTooltip)&&this.navigationType==="side",["navigation-item-side-nav-collapsed-with-label"]:!this.sideNavExpanded&&this.navigationType==="side"&&this.collapsedIconLabel&&!this.isSideNavMobile,["expandable"]:this.expandable,[`ic-theme-${this.theme}`]:this.theme!=="inherit"},onBlur:t&&!i?this.handleBlur:null,onClick:this.handleClick,"aria-current":a?"page":null,role:"listitem"},e("ic-tooltip",{label:this.generateTooltipLabel(),target:"navigation-item",placement:"right",class:{["tooltip-navigation-item"]:true,["tooltip-navigation-item-side-nav-collapsed"]:this.displayNavigationTooltip&&this.navigationType==="side",["tooltip-long-label-navigation-item-side-nav-expanded"]:this.el.hasAttribute("[display-navigation-tooltip = 'true']")}},this.renderNavigationItemContent()))}static get delegatesFocus(){return true}get el(){return o(this)}};p.style=m;export{p as ic_navigation_item};
+//# sourceMappingURL=p-5e616d85.entry.js.map

package/dist/core/p-63f90f39.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as n,g as o}from"./p-8455d1bb.js";const a='/*! 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(.ic-tab-panel-hidden){display:none}:host(:not(.ic-tab-panel-hidden)){display:block}:host{color:var(--ic-color-text-primary)}';const s=class{constructor(i){e(this,i);this.tabPanelCreated=t(this,"tabPanelCreated",7);this.tabPanelRemoved=t(this,"tabPanelRemoved",7);this.active=false;this.monochrome=false;this.panelId=undefined;this.selectedTab=undefined;this.tabPosition=undefined;this.theme="inherit"}connectedCallback(){this.tabPanelCreated.emit(this.el)}render(){const{active:e,theme:t}=this;return i(n,{class:{[`ic-theme-${t}`]:t!=="inherit","ic-tab-panel-hidden":!e},role:"tabpanel","aria-hidden":`${!e}`},i("div",null,i("slot",null)))}get el(){return o(this)}};s.style=a;export{s as ic_tab_panel};
+//# sourceMappingURL=p-63f90f39.entry.js.map

package/dist/core/p-63f90f39.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icTabPanelCss","TabPanel","constructor","hostRef","this","active","monochrome","panelId","undefined","selectedTab","tabPosition","theme","connectedCallback","tabPanelCreated","emit","el","render","h","Host","class","role"],"sources":["../web-components/dist/collection/components/ic-tab-panel/ic-tab-panel.css?tag=ic-tab-panel&encapsulation=shadow","../web-components/dist/collection/components/ic-tab-panel/ic-tab-panel.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(.ic-tab-panel-hidden) {\n  display: none;\n}\n\n:host(:not(.ic-tab-panel-hidden)) {\n  display: block;\n}\n\n:host {\n  color: var(--ic-color-text-primary);\n}\n","import { Host, h, } from \"@stencil/core\";\nexport class TabPanel {\n    constructor() {\n        this.active = false;\n        this.monochrome = false;\n        this.panelId = undefined;\n        this.selectedTab = undefined;\n        this.tabPosition = undefined;\n        this.theme = \"inherit\";\n    }\n    connectedCallback() {\n        this.tabPanelCreated.emit(this.el);\n    }\n    render() {\n        const { active, theme } = this;\n        return (h(Host, { class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                \"ic-tab-panel-hidden\": !active,\n            }, role: \"tabpanel\", \"aria-hidden\": `${!active}` }, h(\"div\", null, h(\"slot\", null))));\n    }\n    static get is() { return \"ic-tab-panel\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tab-panel.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tab-panel.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"active\": {\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                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the tab panel will be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"active\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"panelId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The shared ID that links the panel and tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"panel-id\",\n                \"reflect\": true\n            },\n            \"selectedTab\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The shared ID of the currently selected tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"selected-tab\",\n                \"reflect\": false\n            },\n            \"tabPosition\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The position of the tab panel inside the tabs array in context.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"tab-position\",\n                \"reflect\": true\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\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"tabPanelCreated\",\n                \"name\": \"tabPanelCreated\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab panel is dynamically created.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcTabPanelElement\",\n                    \"resolved\": \"HTMLIcTabPanelElement\",\n                    \"references\": {\n                        \"HTMLIcTabPanelElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTabPanelElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabPanelRemoved\",\n                \"name\": \"tabPanelRemoved\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab panel is unmounted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-tab-panel.js.map\n"],"mappings":"gEAAA,MAAMA,EAAgB,s+E,MCCTC,EAAQ,MACjB,WAAAC,CAAAC,G,4GACIC,KAAKC,OAAS,MACdD,KAAKE,WAAa,MAClBF,KAAKG,QAAUC,UACfJ,KAAKK,YAAcD,UACnBJ,KAAKM,YAAcF,UACnBJ,KAAKO,MAAQ,S,CAEjB,iBAAAC,GACIR,KAAKS,gBAAgBC,KAAKV,KAAKW,G,CAEnC,MAAAC,GACI,MAAMX,OAAEA,EAAMM,MAAEA,GAAUP,KAC1B,OAAQa,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,YAAYR,KAAUA,IAAU,UACjC,uBAAwBN,GACzBe,KAAM,WAAY,cAAe,IAAIf,KAAYY,EAAE,MAAO,KAAMA,EAAE,OAAQ,O"}

package/dist/core/{p-abda7e21.entry.js → p-64101c64.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,f as e,h as i,H as n,g as o}from"./p-8455d1bb.js";import{g as a,v as s,b as r,i as l,w as d,I as c}from"./p-897fac99.js";const u='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;margin-right:var(--ic-space-xs);list-style:none}:host(.in-side-menu){margin-right:0}:host::part(button){height:100%;min-height:2.5rem}:host(.in-side-menu) ::part(button){color:var(--ic-top-navigation-icon-active)}:host(.in-side-menu) ::part(button):hover{color:var(--ic-top-navigation-icon-hover);background-color:var(--ic-top-navigation-icon-hover-background)}:host(.in-side-menu) ::part(button):active{color:var(--ic-top-navigation-icon-pressed);background-color:var(--ic-top-navigation-icon-pressed-background)}:host(.in-side-menu) ::slotted(ic-badge){margin-left:var(--ic-space-xs)}';const h=[...d,"title"];const b=class{constructor(i){t(this,i);this.inheritedAttributes={};this.hostMutationObserver=null;this.hostMutationCallback=t=>{let i=false;t.forEach((({attributeName:t})=>{if(h.includes(t)){this.inheritedAttributes[t]=this.el.getAttribute(t);i=true}}));if(i){e(this)}};this.initialAppearance=a();this.mode="navbar";this.download=false;this.href=undefined;this.hreflang=undefined;this.label=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.target=undefined;this.theme="inherit"}componentWillLoad(){this.inheritedAttributes=s(this.el,h)}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Navigation Button");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentWillRender(){const t=this.el.querySelector(`[slot="icon"]`);t!==null&&t.setAttribute("viewBox","0 0 24 24")}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}navBarMenuOpenHandler(){this.mode="menu"}navBarMenuCloseHandler(){this.mode="navbar"}brandChangeHandler(t){this.initialAppearance=t.detail.mode}async setFocus(){if(this.buttonEl){this.buttonEl.focus()}}render(){const{href:t,target:e,rel:o,download:s,referrerpolicy:r}=this;let d="";let u="";let h="icon";let b=this.initialAppearance;let p="large";let m=false;let g=false;if(this.mode==="menu"){d=this.label;h="tertiary";b=c.Default;p="medium";m=true;u="popout-menu-button";g=true}const f={variant:h,appearance:b,size:p,href:t,target:e,rel:o,download:s,referrerpolicy:r,fullWidth:m,disableTooltip:g};return i(n,{class:{["in-side-menu"]:this.mode==="menu",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("ic-button",Object.assign({class:u,"aria-label":h=="icon"?this.label:null,ref:t=>this.buttonEl=t},f,this.inheritedAttributes,{monochrome:this.mode!=="menu",theme:a()=="light"?"light":"dark"}),d,i("slot",{slot:"left-icon",name:"icon"}),l(this.el,"badge")&&i("slot",{name:"badge"})))}static get delegatesFocus(){return true}get el(){return o(this)}};b.style=u;export{b as ic_navigation_button};
-//# sourceMappingURL=p-abda7e21.entry.js.map
+import{r as t,f as e,h as i,H as n,g as o}from"./p-8455d1bb.js";import{g as a,w as s,b as r,i as l,x as d,I as c}from"./p-70616efa.js";const u='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;margin-right:var(--ic-space-xs);list-style:none}:host(.in-side-menu){margin-right:0}:host::part(button){height:100%;min-height:2.5rem}:host(.in-side-menu) ::part(button){color:var(--ic-top-navigation-icon-active)}:host(.in-side-menu) ::part(button):hover{color:var(--ic-top-navigation-icon-hover);background-color:var(--ic-top-navigation-icon-hover-background)}:host(.in-side-menu) ::part(button):active{color:var(--ic-top-navigation-icon-pressed);background-color:var(--ic-top-navigation-icon-pressed-background)}:host(.in-side-menu) ::slotted(ic-badge){margin-left:var(--ic-space-xs)}';const h=[...d,"title"];const b=class{constructor(i){t(this,i);this.inheritedAttributes={};this.hostMutationObserver=null;this.hostMutationCallback=t=>{let i=false;t.forEach((({attributeName:t})=>{if(h.includes(t)){this.inheritedAttributes[t]=this.el.getAttribute(t);i=true}}));if(i){e(this)}};this.initialAppearance=a();this.mode="navbar";this.download=false;this.href=undefined;this.hreflang=undefined;this.label=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.target=undefined;this.theme="inherit"}componentWillLoad(){this.inheritedAttributes=s(this.el,h)}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Navigation Button");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentWillRender(){const t=this.el.querySelector(`[slot="icon"]`);t!==null&&t.setAttribute("viewBox","0 0 24 24")}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}navBarMenuOpenHandler(){this.mode="menu"}navBarMenuCloseHandler(){this.mode="navbar"}brandChangeHandler(t){this.initialAppearance=t.detail.mode}async setFocus(){if(this.buttonEl){this.buttonEl.focus()}}render(){const{href:t,target:e,rel:o,download:s,referrerpolicy:r}=this;let d="";let u="";let h="icon";let b=this.initialAppearance;let p="large";let m=false;let g=false;if(this.mode==="menu"){d=this.label;h="tertiary";b=c.Default;p="medium";m=true;u="popout-menu-button";g=true}const f={variant:h,appearance:b,size:p,href:t,target:e,rel:o,download:s,referrerpolicy:r,fullWidth:m,disableTooltip:g};return i(n,{class:{["in-side-menu"]:this.mode==="menu",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("ic-button",Object.assign({class:u,"aria-label":h=="icon"?this.label:null,ref:t=>this.buttonEl=t},f,this.inheritedAttributes,{monochrome:this.mode!=="menu",theme:a()=="light"?"light":"dark"}),d,i("slot",{slot:"left-icon",name:"icon"}),l(this.el,"badge")&&i("slot",{name:"badge"})))}static get delegatesFocus(){return true}get el(){return o(this)}};b.style=u;export{b as ic_navigation_button};
+//# sourceMappingURL=p-64101c64.entry.js.map