@ukic/canary-web-components 3.0.0-canary.1 → 3.0.0-canary.3

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

@@ -1 +0,0 @@
-{"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","DEFAULT_LINE_HEIGHT","densityUpdate","truncationPatternUpdated","isNewDebounceDelaySet","updateSetRowHeight","typographyEl","fontSize","parseInt","getComputedStyle","document","documentElement","cellContainer","getCellContainer","rowHeight","parseFloat","getAttribute","scrollHeight","style","removeProperty","getTypographyElements","forEach","debounceDataTruncation","classList","contains","ResizeObserver","dynamicDebounce","dataTruncation","setNewDebounceDelay","debounceDelay","observe","delay","getLines","height","Math","floor","truncate","tooltip","clientHeight","closest","truncationPattern","addTooltipTruncation","addShowHideTruncation","setAttribute","appendChild","remove","isEmptyString","resetShowHideTruncation","getTooltip","shadowRoot","querySelector","showHideBtn","truncWrapper","getTruncWrapper","removeTooltip","removeTextWrap","tableCell","deleteTextWrapDataKey","array","Array","isArray","val","textWrap","startLoadingTimer","timerStarted","Date","now","setTimeout","minimumLoadingDisplayDuration","isObject","value","notDefaultDensity","density","getCellContent","cell","dataType","undefined","toLocaleDateString","getCellAlignment","alignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","appearance","description","max","min","progress","updatingOptions","h","colSpan","columns","length","class","fullWidth","type","size","setRowHeight","pxToRem","setTruncationClass","getColumnWidth","columnWidth","columnWidthStyling","assign","minWidth","maxWidth","getRowHeight","currentRowHeight","columnProps","rowTextWrap","createCells","row","rowIndex","rowValues","values","rowKeys","rowOptions","getRowOptions","rowAlignment","rowEmphasis","headerIndex","indexOf","variableRowHeightVal","_a","variableRowHeight","call","index","globalRowHeight","map","cellSlotName","hasIcon","cellValue","scope","stickyRowHeaders","innerHTML","isSlotUsed","el","columnAlignment","vertical","_b","_c","_d","_e","horizontal","_f","_g","_h","_j","icon","name","Fragment","_k","onAllCells","variant","emphasis","href","createColumnHeaders","cellAlignment","colspan","title","updating","loading","hideOnHeader","sortable","id","getSortButtonLabel","onClick","sortRows","sortedColumn","sortedColumnOrder","onRowClick","selectedRow","createRows","data","showPagination","slice","fromRow","toRow","organisedData","slottedColumns","filter","col","addDataToPosition","sort","getSortFunction","label","getNextSortOption","option","sortOrders","sortOptions","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","sortButton","previousSortedButton","nextSortOrderIndex","tableSorted","icSortChange","emit","columnName","sorted","from","querySelectorAll","updateTruncationTooltip","removeTooltipOnly","regenerateTooltip","updateScrollOffset","scrollOffset","scrollTop","setTableDimensions","tableHostDimensions","width","itemsPerPageOptions","rangeLabelType","showItemsPerPageControl","showGoToPageControl","itemLabel","pageLabel","hideRangeLabel","defaultColumn","disconnectedCallback","disconnect","componentWillLoad","rowsPerPage","Number","paginationBarOptions","previousRowsPerPage","loadingOptions","showBackground","previousItemsPerPage","componentDidLoad","tableElement","tableContainer","clientWidth","scrollable","showLoadingIndicator","componentDidUpdate","truncateUpdatedData","createShowHideTruncation","resetTruncation","then","removeAttribute","hasAutoRowHeight","tooltipEl","setProperty","allRows","newRows","checkMaxLines","setShowHideExpanded","addLineClampCSS","createTruncationTooltip","add","handleTypographyTruncationExpandToggle","detail","expanded","getPropertyValue","handlePageChange","target","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","clickListener","loadingHandler","newValue","truncationPatternHandler","dataHandler","newData","densityHandler","rowHeightChangeHandler","oldValue","icRowHeightChange","resetRowHeights","loadingIndicator","rowOptionsIndex","textContent","cssText","createElement","setExternalPopperProps","strategy","render","caption","hideColumnHeaders","stickyColumnHeaders","Host","tabIndex","onScroll","tableLayout","aligned","heading","labelDuration","ref","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\n.truncation-show-hide {\n  overflow: visible;\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-border-light);\n}\n\n.column-header-inner-container {\n  padding: var(--ic-space-xs);\n  box-sizing: border-box;\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-table-row-selected) !important;\n}\n\n.sort-button {\n  margin-left: auto;\n}\n\n.sort-button:hover {\n  background-color: var(--ic-action-dark-bg-hover);\n}\n\n.sort-button:active {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\n.sort-button svg {\n  color: var(--ic-architectural-black);\n}\n\n.sort-button-unsorted svg {\n  color: var(--ic-color-tertiary-text);\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.row-header,\n.column-header {\n  text-align: left;\n  padding: var(--ic-space-xs);\n  background-color: var(--ic-architectural-40);\n  border-right: var(--ic-border-light);\n  border-bottom: var(--ic-border-light);\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-border-light) !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:nth-child(even) {\n  background-color: var(--ic-architectural-20);\n}\n\n.table-cell {\n  padding: var(--ic-space-xs);\n  border-bottom: solid var(--ic-architectural-100) 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.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 {\n  --ic-typography-color: var(--ic-color-secondary-text);\n}\n\n.cell-emphasis-high {\n  font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n  background-color: var(--ic-architectural-40);\n  border-top: var(--ic-border-light);\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-border-light);\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}\n\n.loading.show-background {\n  background-color: var(--ic-architectural-white);\n  border: var(--ic-border-light);\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-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.row-header-alignment-right > ic-typography,\n.cell-alignment-center > ic-typography {\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@media screen and (min-width: 576px) {\n  .column-header-inner-container {\n    display: flex;\n    align-items: center;\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} from \"./ic-data-table.types\";\nimport { IcThemeForegroundNoDefault } from \"@ukic/web-components/dist/types/utils/types\";\nimport { IcPaginationBarOptions } 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} from \"../../utils/helpers\";\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 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 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\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   * 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   * Set the density of the table including font and padding.\n   */\n  @Prop({ mutable: true }) density?: IcDataTableDensityOptions = \"default\";\n\n  /**\n   * Applies a border to the table container.\n   */\n  @Prop() embedded?: boolean = false;\n\n  /**\n   * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method.\n   */\n  @Prop({ mutable: true }) globalRowHeight?: IcDataTableRowHeights = \"auto\";\n\n  /**\n   * Sets the table height. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n   */\n  @Prop() height?: string;\n\n  /**\n   * If `true`, column headers will not be visible.\n   */\n  @Prop() hideColumnHeaders?: boolean = false;\n\n  /**\n   * When set to `true`, the full table will show a loading state, featuring a radial indicator.\n   */\n  @Prop({ mutable: true }) loading?: boolean = false;\n\n  /**\n   * Sets the props for the circular loading indicator used in the loading state.\n   */\n  @Prop() loadingOptions?: {\n    appearance?: IcThemeForegroundNoDefault;\n    description?: string;\n    label?: string;\n    labelDuration?: number;\n    max?: number;\n    min?: number;\n    progress?: number;\n    showBackground?: 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    itemsPerPageOptions: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    rangeLabelType: \"page\",\n    type: \"simple\",\n    showItemsPerPageControl: true,\n    showGoToPageControl: true,\n    alignment: \"right\",\n    appearance: \"default\",\n    itemLabel: \"Item\",\n    pageLabel: \"Page\",\n    hideRangeLabel: false,\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   * Sets the layout of the table\n   */\n  @Prop() tableLayout?: \"fixed\" | \"auto\" = \"fixed\";\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    appearance?: IcThemeForegroundNoDefault;\n    description?: string;\n    max?: number;\n    min?: number;\n    progress?: number;\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 a column sort button is clicked.\n   */\n  @Event() icSortChange: EventEmitter<IcSortEventDetail>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.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      showBackground: this.data?.length > 0,\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    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  }\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  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(\"style\", `--ic-line-clamp: 0`);\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?.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\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(\"ic-typography\")\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  ) {\n    typographyEl.checkMaxLines(typographyEl.scrollHeight);\n    typographyEl.setAttribute(\n      \"max-lines\",\n      `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n    );\n    typographyEl.setShowHideExpanded(false);\n\n    cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n  }\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(\"style\", `--ic-line-clamp: 0`);\n\n        cellContainer.appendChild(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    return typographyEl.shadowRoot.querySelector(\".trunc-wrapper\");\n  }\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(newData: IcDataTableDataType[]): Promise<void> {\n    this.loadingOptions = {\n      ...this.loadingOptions,\n      showBackground: newData?.length > 0,\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 {\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    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) => 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 { appearance, description, max, min, progress } =\n      this.updatingOptions || {};\n    return (\n      <th colSpan={this.columns.length} class=\"updating-state\">\n        <ic-loading-indicator\n          appearance={appearance}\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    if (this.truncationPattern) {\n      return { [`truncation-${this.truncationPattern}`]: true };\n    }\n\n    return {};\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 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            }}\n            style={{ ...this.getColumnWidth(columnProps.columnWidth) }}\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                ...this.setTruncationClass(),\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                      <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                      <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) &&\n                        columnProps?.dataType !== \"date\" ? (\n                          Object.keys(cell).includes(\"href\") ? (\n                            <ic-link href={cellValue(\"href\")}>\n                              {cellValue(\"data\")}\n                            </ic-link>\n                          ) : (\n                            cellValue(\"data\")\n                          )\n                        ) : (\n                          this.getCellContent(cell, columnProps?.dataType)\n                        )}\n                      </ic-typography>\n                    )}\n                </Fragment>\n              )}\n            </div>\n          </td>\n        );\n      }\n    });\n  };\n\n  private createColumnHeaders = () => {\n    return this.columns.map(\n      ({ cellAlignment, colspan, icon, key, title, columnWidth }) => (\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              [`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            <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            {this.sortable && (\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        </th>\n      )\n    );\n  };\n\n  private onRowClick = (row: object) => {\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    /**\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}`) && { key, index }\n        )\n        .filter((col) => !!col);\n      return slottedColumns.length > 0\n        ? addDataToPosition(row, slottedColumns, \"\")\n        : row;\n    });\n\n    return organisedData\n      .sort(!this.sortable ? undefined : this.getSortFunction())\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\"]: this.selectedRow === row,\n            }}\n          >\n            {this.createCells(row, index)}\n          </tr>\n        );\n      });\n  };\n\n  private getObjectValue = (cell: object, key: string) => {\n    return Object.values(cell)[Object.keys(cell).indexOf(key)];\n  };\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    return Array.from(\n      this.el.shadowRoot.querySelectorAll(\n        \"ic-typography:not(.column-header-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(\"style\", `--ic-line-clamp: 0`);\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 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(\"--ic-line-clamp: 0;\")\n      ) {\n        this.addLineClampCSS(typographyEl, cellContainer);\n      }\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    cellContainer.appendChild(typographyEl);\n    if (tooltip) {\n      tooltip.remove();\n    }\n  }\n\n  private addLineClampCSS(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    typographyEl.setAttribute(\n      \"style\",\n      `--ic-line-clamp: ${this.getLines(cellContainer?.clientHeight)}`\n    );\n  }\n\n  private createTruncationTooltip(\n    typographyEl: HTMLIcTypographyElement,\n    cellContainer: HTMLElement\n  ) {\n    const tooltipEl = document.createElement(\"ic-tooltip\");\n    tooltipEl.setAttribute(\"target\", typographyEl.id);\n    tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n    tooltipEl.classList.add(\"ic-tooltip-overflow\");\n    tooltipEl.setExternalPopperProps({\n      // This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly\n      strategy: \"fixed\",\n    });\n    cellContainer.appendChild(tooltipEl);\n    tooltipEl.appendChild(typographyEl);\n  }\n\n  render() {\n    const {\n      caption,\n      createColumnHeaders,\n      createRows,\n      createUpdatingIndicator,\n      data,\n      hideColumnHeaders,\n      loading,\n      loadingOptions,\n      paginationBarOptions,\n      scrollable,\n      scrollOffset,\n      showPagination,\n      sortable,\n      sortedColumnOrder,\n      sortedColumn,\n      stickyColumnHeaders,\n      updateScrollOffset,\n      updating,\n    } = this;\n\n    return (\n      <Host style={{ ...this.setTableDimensions() }}>\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            {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\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              {data?.length > 0 && !loading && <tbody>{createRows()}</tbody>}\n            </table>\n            {!data?.length &&\n              !loading &&\n              (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          </div>\n          {loading && (\n            <ic-loading-indicator\n              appearance={loadingOptions?.appearance}\n              class={{\n                \"loading-empty\": loading,\n                loading: true,\n                \"show-background\": loadingOptions.showBackground,\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          )}\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                  totalItems={data.length}\n                  type={paginationBarOptions.type}\n                  rangeLabelType={paginationBarOptions.rangeLabelType}\n                  showItemsPerPageControl={\n                    paginationBarOptions.showItemsPerPageControl\n                  }\n                  showGoToPageControl={paginationBarOptions.showGoToPageControl}\n                  itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\n                  alignment={paginationBarOptions.alignment}\n                  appearance={paginationBarOptions.appearance}\n                  itemLabel={paginationBarOptions.itemLabel}\n                  pageLabel={paginationBarOptions.pageLabel}\n                  hideRangeLabel={paginationBarOptions.hideRangeLabel}\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                ? `${sortedColumn} 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-c07af2d8.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,g as h}from"./p-8455d1bb.js";const e=class{constructor(i){t(this,i);this.icTabSelect=s(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.linkTabs=()=>{this.tabs.forEach(((t,s)=>{const i=`ic-tab-${s}-context-${this.contextId}`;const h=`ic-tab-panel-${s}-context-${this.contextId}`;const e=`ic-tab--${s}-context-${this.contextId}`;const a="context-id";t.setAttribute("id",i);t.tabId=e;t.tabPosition=s;t.setAttribute("aria-controls",h);t.setAttribute(a,this.contextId);this.tabGroup.setAttribute(a,this.contextId);this.tabPanels[s].setAttribute("id",h);this.tabPanels[s].panelId=e;this.tabPanels[s].tabPosition=s;this.tabPanels[s].setAttribute("aria-labelledby",i);this.tabPanels[s].setAttribute(a,this.contextId);t.theme=this.theme;this.tabPanels[s].theme=this.theme;this.tabGroup.theme=this.theme}))};this.getChildren=()=>{this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(this.tabGroup.querySelectorAll("ic-tab"));this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{if(this.activationType==="automatic"){this.handleKeyBoardNavAutomatic(t)}else{this.handleKeyBoardNavManual(t)}};this.attachEventListeners=()=>{this.tabGroup.addEventListener("keydown",this.keydownHandler)};this.setControlledMode=()=>{if(this.selectedTabIndex!==undefined){this.controlledMode=true;this.selectedTab=this.selectedTabIndex}};this.setInitialTab=()=>{if(this.controlledMode){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach((t=>{t.selectedTab=this.tabs[this.selectedTab].tabId}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.getIndexOfEnabledTab=t=>this.enabledTabs.findIndex((s=>s.tabId===this.tabs[t].tabId));this.keyboardSelectTab=t=>{const s=this.tabs.findIndex((s=>s.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(!this.controlledMode){this.selectedTab=s}else{this.icTabSelect.emit({tabIndex:s,tabLabel:this.el.querySelectorAll("ic-tab")[s].textContent.trim()})}};this.keyboardFocusTab=t=>{const s=this.tabs.findIndex((s=>s.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();this.focusedTabIndex=s};this.handleKeyBoardNavAutomatic=t=>{const s=t.key;const i=this.getIndexOfEnabledTab(this.selectedTab);let h=true;switch(s){case"Home":this.keyboardSelectTab(0);break;case"End":this.keyboardSelectTab(this.enabledTabs.length-1);break;case"ArrowRight":if(i<this.enabledTabs.length-1){this.keyboardSelectTab(i+1)}else{this.keyboardSelectTab(0)}break;case"ArrowLeft":if(i>0){this.keyboardSelectTab(i-1)}else{this.keyboardSelectTab(this.enabledTabs.length-1)}break;default:h=false}if(h)t.preventDefault()};this.handleKeyBoardNavManual=t=>{const s=t.key;const i=this.getIndexOfEnabledTab(this.focusedTabIndex);let h=true;switch(s){case"Home":this.keyboardFocusTab(0);break;case"End":this.keyboardFocusTab(this.enabledTabs.length-1);break;case"ArrowRight":if(i<this.enabledTabs.length-1){this.keyboardFocusTab(i+1)}else{this.keyboardFocusTab(0)}break;case"ArrowLeft":if(i>0){this.keyboardFocusTab(i-1)}else{this.keyboardFocusTab(this.enabledTabs.length-1)}break;case"Enter":this.keyboardSelectTab(this.focusedTabIndex);break;case" ":this.keyboardSelectTab(this.focusedTabIndex);break;default:h=false}if(h)t.preventDefault()};this.selectedTab=undefined;this.activationType="automatic";this.contextId="default";this.selectedTabIndex=undefined;this.monochrome=false;this.theme="inherit"}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,s)=>{t.monochrome=this.monochrome;this.tabPanels[s].monochrome=this.monochrome}));this.tabGroup.monochrome=this.monochrome}watchThemeHandler(){this.tabs.forEach(((t,s)=>{t.theme=this.theme;this.tabPanels[s].theme=this.theme}));this.tabGroup.theme=this.theme}componentDidLoad(){this.setControlledMode();this.getChildren();this.linkTabs();this.attachEventListeners();this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){this.tabGroup.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:this.el.querySelectorAll("ic-tab")[t.detail.position].textContent.trim()});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async tabRemovedHandler(t){this.getChildren();this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true;this.tabPanels[this.selectedTab].selectedTab=this.tabs[this.selectedTab].tabId}else{this.setInitialTab()}if(t){this.tabs[this.selectedTab].setFocus()}}render(){return i("slot",null)}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};export{e as ic_tab_context};
-//# sourceMappingURL=p-c07af2d8.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["TabContext","constructor","hostRef","this","newTabPanels","newTabs","linkTabs","tabs","forEach","tab","index","tabId","contextId","tabPanelId","shared","contextIdAttr","setAttribute","tabPosition","tabGroup","tabPanels","panelId","theme","getChildren","el","querySelector","Array","from","querySelectorAll","children","filter","child","tagName","enabledTabs","getEnabledTabs","keydownHandler","event","activationType","handleKeyBoardNavAutomatic","handleKeyBoardNavManual","attachEventListeners","addEventListener","setControlledMode","selectedTabIndex","undefined","controlledMode","selectedTab","setInitialTab","focusedTabIndex","firstEnabledTabIndex","findIndex","configureTabs","selected","tabPanel","disabled","getIndexOfEnabledTab","allTabsIndex","keyboardSelectTab","enabledTabIndex","newIndex","focus","icTabSelect","emit","tabIndex","tabLabel","textContent","trim","keyboardFocusTab","key","preventDefault","length","monochrome","updateSelectedTab","newValue","watchMonochromeHandler","watchThemeHandler","componentDidLoad","componentWillUpdate","disconnectedCallback","removeEventListener","tabClickHandler","detail","position","stopImmediatePropagation","tabCreatedHandler","ev","setFocus","push","tabEnabledHandler","tabRemovedHandler","hadFocus","render","h"],"sources":["../web-components/dist/collection/components/ic-tab-context/ic-tab-context.js"],"sourcesContent":["import { h, } from \"@stencil/core\";\nexport class TabContext {\n    constructor() {\n        this.newTabPanels = [];\n        this.newTabs = [];\n        // Sets attributes to link tab-group, tabs and tab-panels\n        this.linkTabs = () => {\n            this.tabs.forEach((tab, index) => {\n                const tabId = `ic-tab-${index}-context-${this.contextId}`;\n                const tabPanelId = `ic-tab-panel-${index}-context-${this.contextId}`;\n                const shared = `ic-tab--${index}-context-${this.contextId}`;\n                const contextIdAttr = \"context-id\";\n                tab.setAttribute(\"id\", tabId);\n                tab.tabId = shared;\n                tab.tabPosition = index;\n                tab.setAttribute(\"aria-controls\", tabPanelId);\n                tab.setAttribute(contextIdAttr, this.contextId);\n                this.tabGroup.setAttribute(contextIdAttr, this.contextId);\n                this.tabPanels[index].setAttribute(\"id\", tabPanelId);\n                this.tabPanels[index].panelId = shared;\n                this.tabPanels[index].tabPosition = index;\n                this.tabPanels[index].setAttribute(\"aria-labelledby\", tabId);\n                this.tabPanels[index].setAttribute(contextIdAttr, this.contextId);\n                tab.theme = this.theme;\n                this.tabPanels[index].theme = this.theme;\n                this.tabGroup.theme = this.theme;\n            });\n        };\n        // Gets tabs and tabpanels with the same context ID\n        // Using querySelector to selector the children in relation to the host\n        this.getChildren = () => {\n            this.tabGroup = this.el.querySelector(\"ic-tab-group\");\n            this.tabs = Array.from(this.tabGroup.querySelectorAll(\"ic-tab\"));\n            this.tabPanels = Array.from(this.el.children).filter((child) => child.tagName === \"IC-TAB-PANEL\");\n            this.enabledTabs = this.getEnabledTabs();\n        };\n        this.keydownHandler = (event) => {\n            if (this.activationType === \"automatic\") {\n                this.handleKeyBoardNavAutomatic(event);\n            }\n            else {\n                this.handleKeyBoardNavManual(event);\n            }\n        };\n        // Determines how keyboard navigation is to be handled based on the activation type\n        this.attachEventListeners = () => {\n            this.tabGroup.addEventListener(\"keydown\", this.keydownHandler);\n        };\n        // Determines whether the selected tab is being controlled within the component\n        // or by the user (via selectedTabIndex and onIcTabSelect)\n        this.setControlledMode = () => {\n            if (this.selectedTabIndex !== undefined) {\n                this.controlledMode = true;\n                this.selectedTab = this.selectedTabIndex;\n            }\n        };\n        // Sets the tab that is selected on initial render\n        this.setInitialTab = () => {\n            if (this.controlledMode) {\n                this.selectedTab = this.selectedTabIndex;\n                this.focusedTabIndex = this.selectedTabIndex;\n            }\n            else {\n                const firstEnabledTabIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[0].tabId);\n                this.selectedTab = firstEnabledTabIndex;\n                this.focusedTabIndex = firstEnabledTabIndex;\n            }\n        };\n        // Passes the selected tab to the tab and tab panel components\n        this.configureTabs = () => {\n            this.enabledTabs.forEach((tab) => {\n                tab.selected = tab.tabPosition === this.selectedTab;\n            });\n            this.tabPanels.forEach((tabPanel) => {\n                tabPanel.selectedTab = this.tabs[this.selectedTab].tabId;\n            });\n        };\n        this.getEnabledTabs = () => {\n            return Array.from(this.tabs).filter((child) => !child.disabled);\n        };\n        this.getIndexOfEnabledTab = (allTabsIndex) => {\n            return this.enabledTabs.findIndex((tab) => tab.tabId === this.tabs[allTabsIndex].tabId);\n        };\n        // Sets focus on tab and selects it\n        this.keyboardSelectTab = (enabledTabIndex) => {\n            const newIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId);\n            this.enabledTabs[enabledTabIndex].focus();\n            if (!this.controlledMode) {\n                this.selectedTab = newIndex;\n            }\n            else {\n                /* eslint-disable no-unexpected-multiline */\n                this.icTabSelect.emit({\n                    tabIndex: newIndex,\n                    tabLabel: this.el\n                        .querySelectorAll(\"ic-tab\")[newIndex].textContent.trim(),\n                });\n            }\n            /* eslint-enable no-unexpected-multiline */\n        };\n        // Sets focus on tab without selecting it (for manual activation)\n        this.keyboardFocusTab = (enabledTabIndex) => {\n            const newIndex = this.tabs.findIndex((tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId);\n            this.enabledTabs[enabledTabIndex].focus();\n            this.focusedTabIndex = newIndex;\n        };\n        this.handleKeyBoardNavAutomatic = (event) => {\n            const key = event.key;\n            const enabledTabIndex = this.getIndexOfEnabledTab(this.selectedTab);\n            let preventDefault = true;\n            switch (key) {\n                case \"Home\":\n                    this.keyboardSelectTab(0);\n                    break;\n                case \"End\":\n                    this.keyboardSelectTab(this.enabledTabs.length - 1);\n                    break;\n                case \"ArrowRight\":\n                    if (enabledTabIndex < this.enabledTabs.length - 1) {\n                        this.keyboardSelectTab(enabledTabIndex + 1);\n                    }\n                    else {\n                        this.keyboardSelectTab(0);\n                    }\n                    break;\n                case \"ArrowLeft\":\n                    if (enabledTabIndex > 0) {\n                        this.keyboardSelectTab(enabledTabIndex - 1);\n                    }\n                    else {\n                        this.keyboardSelectTab(this.enabledTabs.length - 1);\n                    }\n                    break;\n                default:\n                    preventDefault = false;\n            }\n            if (preventDefault)\n                event.preventDefault();\n        };\n        this.handleKeyBoardNavManual = (event) => {\n            const key = event.key;\n            const enabledTabIndex = this.getIndexOfEnabledTab(this.focusedTabIndex);\n            let preventDefault = true;\n            switch (key) {\n                case \"Home\":\n                    this.keyboardFocusTab(0);\n                    break;\n                case \"End\":\n                    this.keyboardFocusTab(this.enabledTabs.length - 1);\n                    break;\n                case \"ArrowRight\":\n                    if (enabledTabIndex < this.enabledTabs.length - 1) {\n                        this.keyboardFocusTab(enabledTabIndex + 1);\n                    }\n                    else {\n                        this.keyboardFocusTab(0);\n                    }\n                    break;\n                case \"ArrowLeft\":\n                    if (enabledTabIndex > 0) {\n                        this.keyboardFocusTab(enabledTabIndex - 1);\n                    }\n                    else {\n                        this.keyboardFocusTab(this.enabledTabs.length - 1);\n                    }\n                    break;\n                case \"Enter\":\n                    this.keyboardSelectTab(this.focusedTabIndex);\n                    break;\n                case \" \":\n                    this.keyboardSelectTab(this.focusedTabIndex);\n                    break;\n                default:\n                    preventDefault = false;\n            }\n            if (preventDefault)\n                event.preventDefault();\n        };\n        this.selectedTab = undefined;\n        this.activationType = \"automatic\";\n        this.contextId = \"default\";\n        this.selectedTabIndex = undefined;\n        this.monochrome = false;\n        this.theme = \"inherit\";\n    }\n    updateSelectedTab(newValue) {\n        this.selectedTab = newValue;\n    }\n    watchMonochromeHandler() {\n        this.tabs.forEach((tab, index) => {\n            tab.monochrome = this.monochrome;\n            this.tabPanels[index].monochrome = this.monochrome;\n        });\n        this.tabGroup.monochrome = this.monochrome;\n    }\n    watchThemeHandler() {\n        this.tabs.forEach((tab, index) => {\n            tab.theme = this.theme;\n            this.tabPanels[index].theme = this.theme;\n        });\n        this.tabGroup.theme = this.theme;\n    }\n    componentDidLoad() {\n        this.setControlledMode();\n        this.getChildren();\n        this.linkTabs();\n        this.attachEventListeners();\n        this.setInitialTab();\n        this.configureTabs();\n    }\n    componentWillUpdate() {\n        this.configureTabs();\n    }\n    disconnectedCallback() {\n        this.tabGroup.removeEventListener(\"keydown\", this.keydownHandler);\n    }\n    tabClickHandler(event) {\n        if (this.selectedTabIndex === undefined &&\n            event.detail.contextId === this.contextId) {\n            this.selectedTab = event.detail.position;\n        }\n        /* eslint-disable no-unexpected-multiline */\n        this.icTabSelect.emit({\n            tabIndex: event.detail.position,\n            tabLabel: this.el\n                .querySelectorAll(\"ic-tab\")[event.detail.position].textContent.trim(),\n        });\n        /* eslint-enable no-unexpected-multiline */\n        event.stopImmediatePropagation();\n    }\n    tabCreatedHandler(ev) {\n        if (this.tabs && this.tabPanels) {\n            (ev.detail.setFocus ? this.newTabs : this.newTabPanels).push(ev.detail);\n            if (this.newTabs.length === this.newTabPanels.length) {\n                this.tabs.push(...this.newTabs);\n                this.tabPanels.push(...this.newTabPanels);\n                this.enabledTabs = this.getEnabledTabs();\n                this.linkTabs();\n                this.newTabs = [];\n                this.newTabPanels = [];\n            }\n        }\n    }\n    tabEnabledHandler() {\n        this.enabledTabs = this.getEnabledTabs();\n    }\n    /**\n     * @internal Used to set tab/tab panel IDs when a tab/tab panel has been removed\n     */\n    async tabRemovedHandler(hadFocus) {\n        this.getChildren();\n        this.enabledTabs = this.getEnabledTabs();\n        this.linkTabs();\n        if (this.tabs[this.selectedTab] && this.tabPanels[this.selectedTab]) {\n            this.tabs[this.selectedTab].selected = true;\n            this.tabPanels[this.selectedTab].selectedTab =\n                this.tabs[this.selectedTab].tabId;\n        }\n        else {\n            this.setInitialTab();\n        }\n        if (hadFocus) {\n            this.tabs[this.selectedTab].setFocus();\n        }\n    }\n    render() {\n        return h(\"slot\", null);\n    }\n    static get is() { return \"ic-tab-context\"; }\n    static get properties() {\n        return {\n            \"activationType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcActivationTypes\",\n                    \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.\"\n                },\n                \"attribute\": \"activation-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"automatic\\\"\"\n            },\n            \"contextId\": {\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                    \"text\": \"The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.\"\n                },\n                \"attribute\": \"context-id\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"selectedTabIndex\": {\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                    \"text\": \"The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.\"\n                },\n                \"attribute\": \"selected-tab-index\",\n                \"reflect\": 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                    \"text\": \"If `true`, the tabs will display as black in the light theme.\"\n                },\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\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                    \"text\": \"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                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"selectedTab\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icTabSelect\",\n                \"name\": \"icTabSelect\",\n                \"bubbles\": false,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a user selects a tab.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabSelectEventDetail\",\n                    \"resolved\": \"IcTabSelectEventDetail\",\n                    \"references\": {\n                        \"IcTabSelectEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-tab/ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabSelectEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"tabRemovedHandler\": {\n                \"complexType\": {\n                    \"signature\": \"(hadFocus?: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"hadFocus\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to set tab/tab panel IDs when a tab/tab panel has been removed\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"selectedTabIndex\",\n                \"methodName\": \"updateSelectedTab\"\n            }, {\n                \"propName\": \"monochrome\",\n                \"methodName\": \"watchMonochromeHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"tabClick\",\n                \"method\": \"tabClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"tabCreated\",\n                \"method\": \"tabCreatedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"tabPanelCreated\",\n                \"method\": \"tabCreatedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"tabEnabled\",\n                \"method\": \"tabEnabledHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-tab-context.js.map\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["icTabCss","Tab","constructor","hostRef","this","focusFromClick","isInitialRender","handleClick","tabClick","emit","tabId","contextId","position","tabPosition","tabFocus","handleFocus","focusTabId","handleMouseDown","disabled","monochrome","selected","undefined","theme","disabledWatchHandler","tabEnabled","connectedCallback","tabCreated","el","disconnectedCallback","tabContext","document","querySelector","tabRemovedHandler","componentWillLoad","removeDisabledFalse","componentDidUpdate","setFocus","focus","render","h","Host","class","role","onClick","onFocus","onMouseDown","tabindex","name","variant","isSlotUsed"],"sources":["../web-components/dist/collection/components/ic-tab/ic-tab.css?tag=ic-tab&encapsulation=shadow","../web-components/dist/collection/components/ic-tab/ic-tab.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  --indicator-initial-color: rgba(23 89 188 / 0%);\n  --focus-indicator: var(--ic-border-focus);\n\n  display: flex;\n  align-items: center;\n  border-radius: 0;\n  color: var(--ic-tab-label);\n\n  --ic-typography-color: var(--ic-tab-label);\n\n  height: 2.5rem;\n  padding: 0 var(--ic-space-md);\n  cursor: pointer;\n  position: relative;\n  border-bottom: var(--ic-space-xxs) solid var(--indicator-initial-color);\n  gap: var(--ic-space-xs);\n  transition: all var(--ic-easing-transition-fast);\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon);\n}\n\n:host(:focus) {\n  box-shadow: var(--focus-indicator);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(:focus-visible) {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(:hover) {\n  background-color: var(--ic-tab-item-hover);\n}\n\n:host(:active) {\n  background-color: var(--ic-tab-item-pressed);\n}\n\n:host(.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item);\n}\n\n:host(.ic-tab-disabled) {\n  pointer-events: none;\n  color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-disabled) ic-typography {\n  color: var(--ic-architectural-300);\n\n  --ic-typography-color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-monochrome) {\n  color: var(--ic-tab-label-monochrome);\n}\n\n:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item-monochrome);\n}\n\n:host(.ic-tab-monochrome:hover) {\n  background-color: var(--ic-tab-item-hover-monochrome);\n}\n\n:host(.ic-tab-monochrome:active) {\n  background-color: var(--ic-tab-item-pressed-monochrome);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-tab-selected.with-transition) {\n    transition: all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow);\n  }\n}\n\n.ic-tab-label {\n  pointer-events: none;\n  text-wrap: nowrap;\n}\n\n::slotted(svg) {\n  fill: currentcolor;\n}\n\n@media (forced-colors: active) {\n  :host {\n    border-bottom: var(--ic-space-xxs) solid canvas;\n  }\n\n  :host(.ic-tab-disabled) {\n    color: GrayText;\n  }\n\n  :host(.ic-tab-disabled) ic-typography {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  :host(ic-tab) .ic-tab-label {\n    color: var(--ic-architectural-white);\n  }\n  :host(ic-tab.ic-tab-disabled) .ic-tab-label {\n    color: inherit;\n  }\n} */\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\n/**\n * @slot icon - Content will be rendered next to the tab label.\n * @slot badge - Badge component displayed inline with the tab.\n */\nexport class Tab {\n    constructor() {\n        this.focusFromClick = false;\n        this.isInitialRender = true;\n        this.handleClick = () => {\n            this.tabClick.emit({\n                tabId: this.tabId,\n                contextId: this.contextId,\n                position: this.tabPosition,\n            });\n            if (this.focusFromClick) {\n                this.tabFocus.emit({\n                    tabId: this.tabId,\n                    contextId: this.contextId,\n                    position: this.tabPosition,\n                });\n                this.focusFromClick = false;\n            }\n        };\n        this.handleFocus = () => {\n            if (!this.focusFromClick) {\n                this.focusTabId = this.tabId;\n                this.tabFocus.emit({\n                    tabId: this.tabId,\n                    contextId: this.contextId,\n                    position: this.tabPosition,\n                });\n            }\n        };\n        this.handleMouseDown = () => {\n            //set flag so that focus gets handled after click\n            //there is a timing issue where a long click only causes focus to happen & not the click\n            //the focus does need to be a separate event though to handle focus from keyboard\n            this.focusFromClick = true;\n        };\n        this.contextId = \"default\";\n        this.disabled = false;\n        this.monochrome = false;\n        this.selected = false;\n        this.tabId = undefined;\n        this.tabPosition = undefined;\n        this.theme = \"inherit\";\n    }\n    disabledWatchHandler() {\n        this.tabEnabled.emit();\n    }\n    connectedCallback() {\n        this.tabCreated.emit(this.el);\n    }\n    disconnectedCallback() {\n        const tabContext = document.querySelector(`ic-tab-context[context-id=${this.contextId}]`);\n        if (tabContext) {\n            tabContext.tabRemovedHandler(!!this.focusTabId);\n        }\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidUpdate() {\n        this.isInitialRender = false;\n    }\n    /**\n     * Sets focus on the tab.\n     */\n    async setFocus() {\n        if (this.el) {\n            this.el.focus();\n        }\n    }\n    render() {\n        const { disabled, selected, theme, monochrome } = this;\n        return (h(Host, { class: {\n                [\"with-transition\"]: !this.isInitialRender,\n                [\"ic-tab-selected\"]: selected,\n                [\"ic-tab-disabled\"]: disabled,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [\"ic-tab-monochrome\"]: monochrome,\n            }, role: \"tab\", \"aria-selected\": selected ? \"true\" : \"false\", onClick: this.handleClick, onFocus: this.handleFocus, onMouseDown: this.handleMouseDown, \"aria-disabled\": disabled ? \"true\" : \"false\", tabindex: this.selected ? 0 : -1 }, this.el.querySelector('[slot=\"icon\"]') && h(\"slot\", { name: \"icon\" }), h(\"ic-typography\", { class: \"ic-tab-label\", variant: \"label\" }, h(\"span\", null, h(\"slot\", null))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { name: \"badge\" })));\n    }\n    static get is() { return \"ic-tab\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tab.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tab.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"contextId\": {\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 unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"context-id\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"attribute\": \"disabled\",\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            \"selected\": {\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\": \"If `true`, the tab will display with a selected indicator and tabIndex will be set.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"tabId\": {\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 between panel and tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"tab-id\",\n                \"reflect\": true\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 inside the tabs array in context.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"tab-position\",\n                \"reflect\": false\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\": \"tabClick\",\n                \"name\": \"tabClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is selected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabClickEventDetail\",\n                    \"resolved\": \"IcTabClickEventDetail\",\n                    \"references\": {\n                        \"IcTabClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabClickEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabCreated\",\n                \"name\": \"tabCreated\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is dynamically created.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcTabElement\",\n                    \"resolved\": \"HTMLIcTabElement\",\n                    \"references\": {\n                        \"HTMLIcTabElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTabElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabEnabled\",\n                \"name\": \"tabEnabled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab's disabled prop changes\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"tabFocus\",\n                \"name\": \"tabFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is focussed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabClickEventDetail\",\n                    \"resolved\": \"IcTabClickEventDetail\",\n                    \"references\": {\n                        \"IcTabClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabClickEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabRemoved\",\n                \"name\": \"tabRemoved\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is unmounted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the tab.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledWatchHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-tab.js.map\n"],"mappings":"2GAAA,MAAMA,EAAW,ovI,MCMJC,EAAG,MACZ,WAAAC,CAAAC,G,qMACIC,KAAKC,eAAiB,MACtBD,KAAKE,gBAAkB,KACvBF,KAAKG,YAAc,KACfH,KAAKI,SAASC,KAAK,CACfC,MAAON,KAAKM,MACZC,UAAWP,KAAKO,UAChBC,SAAUR,KAAKS,cAEnB,GAAIT,KAAKC,eAAgB,CACrBD,KAAKU,SAASL,KAAK,CACfC,MAAON,KAAKM,MACZC,UAAWP,KAAKO,UAChBC,SAAUR,KAAKS,cAEnBT,KAAKC,eAAiB,K,GAG9BD,KAAKW,YAAc,KACf,IAAKX,KAAKC,eAAgB,CACtBD,KAAKY,WAAaZ,KAAKM,MACvBN,KAAKU,SAASL,KAAK,CACfC,MAAON,KAAKM,MACZC,UAAWP,KAAKO,UAChBC,SAAUR,KAAKS,a,GAI3BT,KAAKa,gBAAkB,KAInBb,KAAKC,eAAiB,IAAI,EAE9BD,KAAKO,UAAY,UACjBP,KAAKc,SAAW,MAChBd,KAAKe,WAAa,MAClBf,KAAKgB,SAAW,MAChBhB,KAAKM,MAAQW,UACbjB,KAAKS,YAAcQ,UACnBjB,KAAKkB,MAAQ,S,CAEjB,oBAAAC,GACInB,KAAKoB,WAAWf,M,CAEpB,iBAAAgB,GACIrB,KAAKsB,WAAWjB,KAAKL,KAAKuB,G,CAE9B,oBAAAC,GACI,MAAMC,EAAaC,SAASC,cAAc,6BAA6B3B,KAAKO,cAC5E,GAAIkB,EAAY,CACZA,EAAWG,oBAAoB5B,KAAKY,W,EAG5C,iBAAAiB,GACIC,EAAoB9B,KAAKc,SAAUd,KAAKuB,G,CAE5C,kBAAAQ,GACI/B,KAAKE,gBAAkB,K,CAK3B,cAAM8B,GACF,GAAIhC,KAAKuB,GAAI,CACTvB,KAAKuB,GAAGU,O,EAGhB,MAAAC,GACI,MAAMpB,SAAEA,EAAQE,SAAEA,EAAQE,MAAEA,EAAKH,WAAEA,GAAef,KAClD,OAAQmC,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,oBAAqBrC,KAAKE,gBAC3B,CAAC,mBAAoBc,EACrB,CAAC,mBAAoBF,EACrB,CAAC,YAAYI,KAAUA,IAAU,UACjC,CAAC,qBAAsBH,GACxBuB,KAAM,MAAO,gBAAiBtB,EAAW,OAAS,QAASuB,QAASvC,KAAKG,YAAaqC,QAASxC,KAAKW,YAAa8B,YAAazC,KAAKa,gBAAiB,gBAAiBC,EAAW,OAAS,QAAS4B,SAAU1C,KAAKgB,SAAW,GAAK,GAAKhB,KAAKuB,GAAGI,cAAc,kBAAoBQ,EAAE,OAAQ,CAAEQ,KAAM,SAAWR,EAAE,gBAAiB,CAAEE,MAAO,eAAgBO,QAAS,SAAWT,EAAE,OAAQ,KAAMA,EAAE,OAAQ,QAASU,EAAW7C,KAAKuB,GAAI,UAAYY,EAAE,OAAQ,CAAEQ,KAAM,U"}

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

@@ -1,2 +0,0 @@
-import{r as i,h as t,H as e,g as o}from"./p-8455d1bb.js";import{D as s,g as n,e as a,x as r}from"./p-9397b15b.js";import{C as h}from"./p-170ddfc2.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid var(--ic-architectural-200);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}:host(.in-side-menu) .navigation-group{height:2.5rem;width:100%;text-align:left}:host(.in-side-menu) .navigation-group .ic-typography-label{width:11.875rem}:host(.in-side-menu) .navigation-group-side-menu{color:var(--ic-action-default);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-action-default);justify-content:flex-start;padding-left:var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:"";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text-light);outline:none;cursor:pointer}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu:hover,:host(.in-side-menu) .navigation-group-side-menu:active,:host(.in-side-menu) .navigation-group-side-menu:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}:host(.in-side-menu) .navigation-group-side-menu:focus{outline:var(--ic-hc-focus-outline)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-action-dark-bg-active);color:var(--ic-action-default)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}:host .navigation-group-dropdown{background-color:var(--ic-architectural-20);border-bottom:var(--ic-border-default);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}';const c=class{constructor(e){i(this,e);this.allGroupedNavigationItems=[];this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS=100;this.IC_NAVIGATION_ITEM="ic-navigation-item";this.mouseGate=false;this.nodeName="IC-NAVIGATION-GROUP";this.GROUPED_LINKS_WRAPPER_CLASS=".grouped-links-wrapper";this.sideNavExpandHandler=i=>{this.isSideNavExpanded=i.detail.sideNavExpanded;const t=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);if(!t)return;if(this.isSideNavExpanded){if(this.expanded&&this.expandedNavItemsHeight){this.setGroupedLinksElementHeight(t,this.expandedNavItemsHeight)}else if(this.expanded){setTimeout((()=>{this.expandedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(t,this.expandedNavItemsHeight)}),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}}else{if(this.expanded&&this.collapsedNavItemsHeight){this.setGroupedLinksElementHeight(t,this.collapsedNavItemsHeight)}else if(this.expanded){setTimeout((()=>{this.collapsedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(t,this.collapsedNavItemsHeight)}),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}}};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)||s.L)}};this.setGroupedNavItemTabIndex=i=>{this.el.querySelectorAll(this.IC_NAVIGATION_ITEM).forEach((t=>{const e=t.shadowRoot.querySelector("a")||t.querySelector("a");if(e){e.setAttribute("tabindex",i)}}))};this.toggleGroupedLinkWrapperHeight=(i,t)=>{if(!i)return;if(t){if(this.isSideNavExpanded){this.setGroupedLinksElementHeight(i,this.expandedNavItemsHeight)}else{this.setGroupedLinksElementHeight(i,this.collapsedNavItemsHeight)}this.setGroupedNavItemTabIndex("0")}else{i.style.setProperty("--navigation-child-items-height","0");this.setGroupedNavItemTabIndex("-1")}};this.toggleExpanded=()=>{this.expanded=!this.expanded;const i=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);this.toggleGroupedLinkWrapperHeight(i,this.expanded)};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{const t=i.relatedTarget;if(!this.el.contains(t)){this.hideDropdown()}};this.handleTopNavKeydown=i=>{if(i.key===" "||i.key==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu&&i.key==="Escape"){this.hideDropdown()}};this.handleKeydown=i=>{if(i.key==="Enter"||i.key===" "||i.key==="Escape"){switch(this.navigationType){case"top":this.handleTopNavKeydown(i);break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(!this.el.contains(t)&&t!==this.dropdown&&document.activeElement!==this.el&&!this.el.contains(document.activeElement)&&(t===null||t===void 0?void 0:t.nodeName)===this.nodeName&&this.dropdownOpen===true){this.mouseGate=true;this.hideDropdown()}else if(!this.el.contains(t)&&t!==this.dropdown&&!this.el.contains(document.activeElement)){this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if((t===null||t===void 0?void 0:t.nodeName)===this.nodeName&&this.mouseGate===true){this.showDropdown()}else if(this.dropdownOpen===false&&t!==null&&this.mouseGate===false){this.mouseGate=true;setTimeout((()=>{this.mouseGate&&this.showDropdown()}),500)}};this.renderDropdownGroupedLinks=()=>t("div",{class:{["navigation-group-dropdown"]:!this.inTopNavSideMenu,["navigation-group-dropdown-side-menu"]:this.inTopNavSideMenu,["selected"]:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:null,ref:i=>this.dropdown=i},t("nav",{class:{["navigation-group-dropdown-items"]:!this.inTopNavSideMenu}},t("ul",null,t("slot",null))));this.renderGroupedLinks=()=>t("ul",{class:"grouped-links-wrapper"},t("slot",null));this.getNavigationChildItemsHeight=()=>{let i=0;this.allGroupedNavigationItems.forEach((t=>{i+=t.offsetHeight}));return`${i}px`};this.setInitialGroupedLinksWrapperHeight=()=>{const i=this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);if(!i)return;if(!this.isSideNavExpanded&&!this.collapsedNavItemsHeight&&this.expanded){this.collapsedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(i,this.collapsedNavItemsHeight)}if(this.isSideNavExpanded&&this.expanded){this.expandedNavItemsHeight=this.getNavigationChildItemsHeight();this.setGroupedLinksElementHeight(i,this.expandedNavItemsHeight)}};this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return this.renderDropdownGroupedLinks()}if(this.navigationType!=="top"){return this.renderGroupedLinks()}return null};this.deviceSize=s.XL;this.dropdownOpen=false;this.expanded=true;this.focusStyle=n();this.inTopNavSideMenu=false;this.navigationType=undefined;this.parentEl=undefined;this.expandable=false;this.label=undefined}disconnectedCallback(){if(this.navigationType==="side"){this.parentEl.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.removeEventListener("icTopNavResized",this.topNavResizedHandler)}}componentWillLoad(){this.deviceSize=a();const{navType:i,parent:t}=r(this.el);this.navigationType=i;this.parentEl=t;if(this.navigationType==="side"){this.parentEl.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){this.parentEl.addEventListener("icTopNavResized",this.topNavResizedHandler);if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}}componentDidLoad(){this.allGroupedNavigationItems=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));setTimeout((()=>this.setInitialGroupedLinksWrapperHeight()),this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS)}childBlurHandler(){this.hideDropdown()}navItemClickHandler(){this.hideDropdown()}themeChangeHandler(i){const t=i.detail;this.focusStyle=t.mode}async setFocus(){if(this.groupEl){this.groupEl.focus()}}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}showDropdown(){if(!this.dropdownOpen){this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}setGroupedLinksElementHeight(i,t){i.style.setProperty("--navigation-child-items-height",t)}render(){const{label:i,dropdownOpen:o,inTopNavSideMenu:s,expandable:n}=this;return t(e,{class:{["in-side-menu"]:s,"ic-navigation-group-expanded":this.expanded,"ic-navigation-group-collapsed":!this.expanded,["ic-navigation-group-side-nav"]:this.navigationType==="side"},role:"listitem"},t("button",{onMouseEnter:!s&&this.navigationType==="top"&&this.handleMouseEnter,onMouseLeave:this.navigationType==="top"&&this.handleMouseLeave,tabindex:s&&!n?"-1":"0",onBlur:this.handleBlur,onClick:n?this.handleClick:null,onKeyDown:this.handleKeydown,class:{["navigation-group"]:true,[this.focusStyle]:!s,["navigation-group-side-menu"]:s&&!n,["navigation-group-side-menu-collapsed"]:s&&n&&!o,["navigation-group-side-menu-expanded"]:s&&n&&o,["selected"]:o&&!s},ref:i=>this.groupEl=i,"aria-expanded":`${o||this.expanded}`,"aria-haspopup":`${!s&&this.navigationType==="top"}`},t("ic-typography",{variant:this.navigationType==="side"?"caption":"label"},i),this.navigationType==="side"&&n&&t("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":this.expanded},innerHTML:h})),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return o(this)}};c.style=d;export{c as ic_navigation_group};
-//# sourceMappingURL=p-c678f73d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icNavigationGroupCss","NavigationGroup","constructor","hostRef","this","allGroupedNavigationItems","DYNAMIC_GROUPED_LINKS_HEIGHT_MS","IC_NAVIGATION_ITEM","mouseGate","nodeName","GROUPED_LINKS_WRAPPER_CLASS","sideNavExpandHandler","event","isSideNavExpanded","detail","sideNavExpanded","linkWrapper","el","shadowRoot","querySelector","expanded","expandedNavItemsHeight","setGroupedLinksElementHeight","setTimeout","getNavigationChildItemsHeight","collapsedNavItemsHeight","topNavResizedHandler","_a","size","deviceSize","inTopNavSideMenu","parentEl","customMobileBreakpoint","DEVICE_SIZES","L","setGroupedNavItemTabIndex","tabIndexValue","querySelectorAll","forEach","navigationItem","navItem","setAttribute","toggleGroupedLinkWrapperHeight","wrapper","style","setProperty","toggleExpanded","handleClick","ev","navigationType","toggleDropdown","handleBlur","target","relatedTarget","contains","hideDropdown","handleTopNavKeydown","key","handleKeydown","preventDefault","handleMouseLeave","relTarget","dropdown","document","activeElement","dropdownOpen","handleMouseEnter","addEventListener","showDropdown","renderDropdownGroupedLinks","h","class","onMouseLeave","ref","renderGroupedLinks","navigationChildItemsHeight","offsetHeight","setInitialGroupedLinksWrapperHeight","renderNavigationItems","expandable","XL","focusStyle","getThemeForegroundColor","undefined","label","disconnectedCallback","removeEventListener","componentWillLoad","getCurrentDeviceSize","navType","parent","getNavItemParentDetails","componentDidLoad","Array","from","childBlurHandler","navItemClickHandler","themeChangeHandler","theme","mode","setFocus","groupEl","focus","groupedNavItemWrapper","height","render","Host","role","onMouseEnter","tabindex","onBlur","onClick","onKeyDown","variant","innerHTML","chevronIcon","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.css?tag=ic-navigation-group&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.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/**\n * @prop --ic-z-index-navigation-item: z-index of navigation group item\n */\n\n:host {\n  display: block;\n\n  --ic-typography-color: currentcolor;\n}\n\n:host(.in-side-menu) {\n  border-bottom: var(--ic-border-width) solid var(--ic-architectural-200);\n  padding: var(--ic-space-md) 0;\n}\n\n:host .navigation-group {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  color: var(--ic-theme-text);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md);\n  transition: var(--ic-easing-transition-slow);\n  position: relative;\n  background: none;\n  border: none;\n  white-space: nowrap;\n}\n\n:host(.in-side-menu) .navigation-group {\n  height: 2.5rem;\n  width: 100%;\n  text-align: left;\n}\n\n:host(.in-side-menu) .navigation-group .ic-typography-label {\n  width: 11.875rem;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu {\n  color: var(--ic-action-default);\n  justify-content: flex-start;\n  padding: 0 var(--ic-space-md) 0 var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  color: var(--ic-action-default);\n  justify-content: flex-start;\n  padding-left: var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  margin-bottom: var(--ic-space-xs);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  border-style: solid;\n  border-width: 0.125em 0.125em 0 0;\n  content: \"\";\n  display: inline-block;\n  height: 0.45em;\n  left: 0.75em;\n  position: relative;\n  top: -0.1em;\n  transform: rotate(135deg);\n  vertical-align: top;\n  width: 0.45em;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  top: 0.15em;\n  transform: rotate(-45deg);\n}\n\n:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected {\n  background-color: var(--ic-architectural-20);\n  color: var(--ic-color-primary-text-light);\n  outline: none;\n  cursor: pointer;\n}\n\n:host(:not(.in-side-menu)) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n  z-index: var(--ic-z-index-navigation-item);\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:active,\n:host(.in-side-menu) .navigation-group-side-menu:focus {\n  background-color: var(--ic-architectural-20);\n  color: var(--ic-action-default);\n  cursor: auto;\n  box-shadow: none;\n  outline: none;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu:focus {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus) {\n  background-color: var(--ic-action-dark-bg-hover);\n  color: var(--ic-action-default);\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus) {\n  background-color: var(--ic-action-dark-bg-active);\n  color: var(--ic-action-default);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus {\n  color: var(--ic-action-default);\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host .navigation-group-dropdown {\n  background-color: var(--ic-architectural-20);\n  border-bottom: var(--ic-border-default);\n  position: absolute;\n  left: 0;\n  right: 0;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-shadow: 0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);\n  z-index: calc(var(--ic-z-index-navigation-item) - 1);\n}\n\n:host .navigation-group-dropdown-items-list {\n  list-style: none;\n  display: flex;\n  flex-flow: column wrap;\n  align-content: flex-start;\n  padding-left: var(--ic-space-md);\n  max-height: 16.5rem;\n}\n\n:host .chevron-toggle-icon-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n:host .chevron-toggle-icon-wrapper svg {\n  transform: rotate(90deg);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host .chevron-toggle-icon-closed svg {\n  transform: rotate(-90deg);\n}\n\n:host(.ic-navigation-group-expanded) .grouped-links-wrapper {\n  height: var(--navigation-child-items-height, auto) !important;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a) {\n  height: var(--navigation-child-items-height, auto);\n}\n\n:host(.ic-navigation-group-collapsed) .grouped-links-wrapper {\n  height: 0;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group {\n  height: var(--navigation-group-height);\n  width: var(--navigation-group-width);\n  justify-content: var(--navigation-group-justify-content);\n  padding-right: var(--navigation-group-expand-toggle-padding);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected {\n  background-color: var(--navigation-group-hover);\n  color: var(--navigation-group-text-hover);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background: none;\n}\n\n:host(.ic-navigation-group-side-nav) .ic-typography-caption {\n  position: var(--navigation-group-title-position);\n  left: var(--navigation-group-title-position-left);\n  white-space: nowrap;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getCurrentDeviceSize, getThemeForegroundColor, getNavItemParentDetails, } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nexport class NavigationGroup {\n    constructor() {\n        this.allGroupedNavigationItems = [];\n        this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 100;\n        this.IC_NAVIGATION_ITEM = \"ic-navigation-item\";\n        this.mouseGate = false;\n        this.nodeName = \"IC-NAVIGATION-GROUP\";\n        this.GROUPED_LINKS_WRAPPER_CLASS = \".grouped-links-wrapper\";\n        this.sideNavExpandHandler = (event) => {\n            this.isSideNavExpanded = event.detail.sideNavExpanded;\n            const linkWrapper = this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);\n            if (!linkWrapper)\n                return;\n            if (this.isSideNavExpanded) {\n                if (this.expanded && this.expandedNavItemsHeight) {\n                    this.setGroupedLinksElementHeight(linkWrapper, this.expandedNavItemsHeight);\n                }\n                else if (this.expanded) {\n                    setTimeout(() => {\n                        this.expandedNavItemsHeight = this.getNavigationChildItemsHeight();\n                        this.setGroupedLinksElementHeight(linkWrapper, this.expandedNavItemsHeight);\n                    }, this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n                }\n            }\n            else {\n                if (this.expanded && this.collapsedNavItemsHeight) {\n                    this.setGroupedLinksElementHeight(linkWrapper, this.collapsedNavItemsHeight);\n                }\n                else if (this.expanded) {\n                    setTimeout(() => {\n                        this.collapsedNavItemsHeight = this.getNavigationChildItemsHeight();\n                        this.setGroupedLinksElementHeight(linkWrapper, this.collapsedNavItemsHeight);\n                    }, this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n                }\n            }\n        };\n        this.topNavResizedHandler = ({ detail, }) => {\n            var _a;\n            const { size } = detail;\n            if (size !== this.deviceSize) {\n                this.deviceSize = size;\n                this.inTopNavSideMenu =\n                    size <=\n                        (((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.customMobileBreakpoint) || DEVICE_SIZES.L);\n            }\n        };\n        this.setGroupedNavItemTabIndex = (tabIndexValue) => {\n            this.el\n                .querySelectorAll(this.IC_NAVIGATION_ITEM)\n                .forEach((navigationItem) => {\n                const navItem = navigationItem.shadowRoot.querySelector(\"a\") ||\n                    navigationItem.querySelector(\"a\");\n                if (navItem) {\n                    navItem.setAttribute(\"tabindex\", tabIndexValue);\n                }\n            });\n        };\n        this.toggleGroupedLinkWrapperHeight = (wrapper, expanded) => {\n            if (!wrapper)\n                return;\n            if (expanded) {\n                if (this.isSideNavExpanded) {\n                    this.setGroupedLinksElementHeight(wrapper, this.expandedNavItemsHeight);\n                }\n                else {\n                    this.setGroupedLinksElementHeight(wrapper, this.collapsedNavItemsHeight);\n                }\n                this.setGroupedNavItemTabIndex(\"0\");\n            }\n            else {\n                wrapper.style.setProperty(\"--navigation-child-items-height\", \"0\");\n                this.setGroupedNavItemTabIndex(\"-1\");\n            }\n        };\n        this.toggleExpanded = () => {\n            this.expanded = !this.expanded;\n            const linkWrapper = this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);\n            this.toggleGroupedLinkWrapperHeight(linkWrapper, this.expanded);\n        };\n        this.handleClick = (ev) => {\n            if (this.navigationType === \"top\" && ev.detail) {\n                this.toggleDropdown();\n            }\n            else {\n                this.toggleExpanded();\n            }\n        };\n        this.handleBlur = (ev) => {\n            const target = ev.relatedTarget;\n            if (!this.el.contains(target)) {\n                this.hideDropdown();\n            }\n        };\n        this.handleTopNavKeydown = (ev) => {\n            if (ev.key === \" \" || ev.key === \"Enter\") {\n                this.toggleDropdown();\n            }\n            else if (!this.inTopNavSideMenu && ev.key === \"Escape\") {\n                this.hideDropdown();\n            }\n        };\n        this.handleKeydown = (ev) => {\n            if (ev.key === \"Enter\" || ev.key === \" \" || ev.key === \"Escape\") {\n                switch (this.navigationType) {\n                    case \"top\":\n                        this.handleTopNavKeydown(ev);\n                        break;\n                    case \"side\":\n                        this.toggleExpanded();\n                        ev.preventDefault();\n                        break;\n                    default:\n                        this.toggleExpanded();\n                        break;\n                }\n            }\n        };\n        this.handleMouseLeave = (ev) => {\n            const relTarget = ev.relatedTarget;\n            this.mouseGate = false;\n            if (!this.el.contains(relTarget) &&\n                relTarget !== this.dropdown &&\n                document.activeElement !== this.el &&\n                !this.el.contains(document.activeElement) &&\n                (relTarget === null || relTarget === void 0 ? void 0 : relTarget.nodeName) === this.nodeName &&\n                this.dropdownOpen === true) {\n                this.mouseGate = true;\n                this.hideDropdown();\n            }\n            else if (!this.el.contains(relTarget) &&\n                relTarget !== this.dropdown &&\n                !this.el.contains(document.activeElement)) {\n                this.mouseGate = false;\n                setTimeout(() => {\n                    this.dropdownOpen ? this.hideDropdown() : null;\n                }, 500);\n            }\n        };\n        this.handleMouseEnter = (ev) => {\n            const relTarget = ev.relatedTarget;\n            document.addEventListener(\"keydown\", this.handleKeydown);\n            if ((relTarget === null || relTarget === void 0 ? void 0 : relTarget.nodeName) === this.nodeName && this.mouseGate === true) {\n                this.showDropdown();\n            }\n            else if (this.dropdownOpen === false &&\n                relTarget !== null &&\n                this.mouseGate === false) {\n                this.mouseGate = true;\n                setTimeout(() => {\n                    this.mouseGate && this.showDropdown();\n                }, 500);\n            }\n        };\n        this.renderDropdownGroupedLinks = () => (h(\"div\", { class: {\n                [\"navigation-group-dropdown\"]: !this.inTopNavSideMenu,\n                [\"navigation-group-dropdown-side-menu\"]: this.inTopNavSideMenu,\n                [\"selected\"]: this.dropdownOpen && !this.inTopNavSideMenu,\n            }, onMouseLeave: !this.inTopNavSideMenu ? this.handleMouseLeave : null, ref: (el) => (this.dropdown = el) }, h(\"nav\", { class: {\n                [\"navigation-group-dropdown-items\"]: !this.inTopNavSideMenu,\n            } }, h(\"ul\", null, h(\"slot\", null)))));\n        this.renderGroupedLinks = () => (h(\"ul\", { class: \"grouped-links-wrapper\" }, h(\"slot\", null)));\n        /**\n         * Gets the total height of navigation links to improve\n         * smoothness of expand/collapse animations\n         */\n        this.getNavigationChildItemsHeight = () => {\n            let navigationChildItemsHeight = 0;\n            this.allGroupedNavigationItems.forEach((navItem) => {\n                navigationChildItemsHeight += navItem.offsetHeight;\n            });\n            return `${navigationChildItemsHeight}px`;\n        };\n        this.setInitialGroupedLinksWrapperHeight = () => {\n            const linkWrapper = this.el.shadowRoot.querySelector(this.GROUPED_LINKS_WRAPPER_CLASS);\n            if (!linkWrapper)\n                return;\n            if (!this.isSideNavExpanded &&\n                !this.collapsedNavItemsHeight &&\n                this.expanded) {\n                this.collapsedNavItemsHeight = this.getNavigationChildItemsHeight();\n                this.setGroupedLinksElementHeight(linkWrapper, this.collapsedNavItemsHeight);\n            }\n            if (this.isSideNavExpanded && this.expanded) {\n                this.expandedNavItemsHeight = this.getNavigationChildItemsHeight();\n                this.setGroupedLinksElementHeight(linkWrapper, this.expandedNavItemsHeight);\n            }\n        };\n        this.renderNavigationItems = () => {\n            if (this.dropdownOpen || (this.inTopNavSideMenu && !this.expandable)) {\n                return this.renderDropdownGroupedLinks();\n            }\n            if (this.navigationType !== \"top\") {\n                return this.renderGroupedLinks();\n            }\n            return null;\n        };\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.dropdownOpen = false;\n        this.expanded = true;\n        this.focusStyle = getThemeForegroundColor();\n        this.inTopNavSideMenu = false;\n        this.navigationType = undefined;\n        this.parentEl = undefined;\n        this.expandable = false;\n        this.label = undefined;\n    }\n    disconnectedCallback() {\n        if (this.navigationType === \"side\") {\n            this.parentEl.removeEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n        }\n        else if (this.navigationType === \"top\") {\n            this.parentEl.removeEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n        }\n    }\n    componentWillLoad() {\n        this.deviceSize = getCurrentDeviceSize();\n        const { navType, parent } = getNavItemParentDetails(this.el);\n        this.navigationType = navType;\n        this.parentEl = parent;\n        if (this.navigationType === \"side\") {\n            this.parentEl.addEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n        }\n        else if (this.navigationType === \"top\") {\n            this.parentEl.addEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n            if (this.deviceSize <=\n                this.parentEl.customMobileBreakpoint)\n                this.inTopNavSideMenu = true;\n        }\n    }\n    componentDidLoad() {\n        this.allGroupedNavigationItems = Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));\n        /**\n         * debounce is required as the incorrect height was retrieved instantly after\n         * componentDidLoad is invoked.\n         */\n        setTimeout(() => this.setInitialGroupedLinksWrapperHeight(), this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n    }\n    childBlurHandler() {\n        this.hideDropdown();\n    }\n    navItemClickHandler() {\n        this.hideDropdown();\n    }\n    themeChangeHandler(ev) {\n        const theme = ev.detail;\n        this.focusStyle = theme.mode;\n    }\n    /**\n     * Sets focus on the nav item.\n     */\n    async setFocus() {\n        if (this.groupEl) {\n            this.groupEl.focus();\n        }\n    }\n    toggleDropdown() {\n        this.dropdownOpen = !this.dropdownOpen;\n    }\n    showDropdown() {\n        if (!this.dropdownOpen) {\n            this.toggleDropdown();\n        }\n    }\n    hideDropdown() {\n        document.removeEventListener(\"keydown\", this.handleKeydown);\n        if (this.dropdownOpen) {\n            this.toggleDropdown();\n        }\n    }\n    setGroupedLinksElementHeight(groupedNavItemWrapper, height) {\n        groupedNavItemWrapper.style.setProperty(\"--navigation-child-items-height\", height);\n    }\n    render() {\n        const { label, dropdownOpen, inTopNavSideMenu, expandable } = this;\n        return (h(Host, { class: {\n                [\"in-side-menu\"]: inTopNavSideMenu,\n                \"ic-navigation-group-expanded\": this.expanded,\n                \"ic-navigation-group-collapsed\": !this.expanded,\n                [\"ic-navigation-group-side-nav\"]: this.navigationType === \"side\",\n            }, role: \"listitem\" }, h(\"button\", { onMouseEnter: !inTopNavSideMenu &&\n                this.navigationType === \"top\" &&\n                this.handleMouseEnter, onMouseLeave: this.navigationType === \"top\" && this.handleMouseLeave, tabindex: inTopNavSideMenu && !expandable ? \"-1\" : \"0\", onBlur: this.handleBlur, onClick: expandable ? this.handleClick : null, onKeyDown: this.handleKeydown, class: {\n                [\"navigation-group\"]: true,\n                [this.focusStyle]: !inTopNavSideMenu,\n                [\"navigation-group-side-menu\"]: inTopNavSideMenu && !expandable,\n                [\"navigation-group-side-menu-collapsed\"]: inTopNavSideMenu && expandable && !dropdownOpen,\n                [\"navigation-group-side-menu-expanded\"]: inTopNavSideMenu && expandable && dropdownOpen,\n                [\"selected\"]: dropdownOpen && !inTopNavSideMenu,\n            }, ref: (el) => (this.groupEl = el), \"aria-expanded\": `${dropdownOpen || this.expanded}`, \"aria-haspopup\": `${!inTopNavSideMenu && this.navigationType === \"top\"}` }, h(\"ic-typography\", { variant: this.navigationType === \"side\" ? \"caption\" : \"label\" }, label), this.navigationType === \"side\" && expandable && (h(\"div\", { class: {\n                \"chevron-toggle-icon-wrapper\": true,\n                \"chevron-toggle-icon-closed\": this.expanded,\n            }, innerHTML: chevronIcon }))), this.renderNavigationItems()));\n    }\n    static get is() { return \"ic-navigation-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-navigation-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-navigation-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"expandable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the group will be expandable in the side menu.\"\n                },\n                \"attribute\": \"expandable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to display on the group.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"dropdownOpen\": {},\n            \"expanded\": {},\n            \"focusStyle\": {},\n            \"inTopNavSideMenu\": {},\n            \"navigationType\": {},\n            \"parentEl\": {}\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the nav item.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"childBlur\",\n                \"method\": \"childBlurHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"navItemClicked\",\n                \"method\": \"navItemClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"themeChange\",\n                \"method\": \"themeChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-navigation-group.js.map\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as a}from"./p-8455d1bb.js";import{c as o}from"./p-e081702e.js";import{i as n,V as r,a as c,J as d,I as h,d as l}from"./p-9397b15b.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}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-architectural-800);--ic-typography-color:var(--ic-color-primary-text-dark);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}.divider-neutral{background-color:var(--ic-status-unknown)}.divider-info{background-color:var(--ic-status-info-contrast)}.divider-warning{background-color:var(--ic-status-warning-contrast)}.divider-error{background-color:var(--ic-status-error-contrast)}.divider-success{background-color:var(--ic-status-success-contrast)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host([variant="neutral"]) .toast-icon svg,::slotted(svg){fill:var(--ic-status-unknown)}:host([variant="info"]) .toast-icon svg{fill:var(--ic-status-info-contrast)}:host([variant="warning"]) .toast-icon svg{fill:var(--ic-status-warning-contrast)}:host([variant="error"]) .toast-icon svg{fill:var(--ic-status-error-contrast)}:host([variant="success"]) .toast-icon svg{fill:var(--ic-status-success-contrast)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-message{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-action-container{padding-bottom:var(--ic-space-md)}ic-button{padding:var(--ic-space-xs)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-hc-border)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}';const m=1e3;const p=70;const b=140;const f=class{constructor(s){t(this,s);this.icDismiss=i(this,"icDismiss",7);this.interactiveElements=[];this.dismissAction=()=>{this.icDismiss.emit()};this.handleProgressChange=()=>{this.timerProgress-=m/this.autoDismissTimeout*100};this.onFocus=()=>{if(this.focusInteractiveElement){this.isManual=true}};this.onBlur=()=>{this.handleTimer({type:"mouseleave"})};this.isManual=undefined;this.timerProgress=100;this.visible=false;this.autoDismissTimeout=5e3;this.dismissButtonAriaLabel="dismiss";this.dismissMode="manual";this.heading=undefined;this.message=undefined;this.neutralIconAriaLabel=undefined;this.variant=undefined}dismissModeChangeHandler(t){this.isManual=t==="manual"}disconnectedCallback(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval)}componentWillLoad(){var t,i;this.handleLongText(this.heading.length>p,((t=this.message)===null||t===void 0?void 0:t.length)>b);if(this.autoDismissTimeout<5e3)this.autoDismissTimeout=5e3;if(n(this.el,"action"))this.dismissMode="manual";this.isManual=this.dismissMode==="manual";if(n(this.el,"neutral-icon"))this.variant="neutral";if(this.variant==="neutral"){this.neutralVariantLabel=(i=this.neutralIconAriaLabel)!==null&&i!==void 0?i:r[this.variant].ariaLabel}if(this.isManual){const t=l(this.message)?`. ${this.message}`:"";this.el.setAttribute("aria-label",this.variant?this.neutralVariantLabel||r[this.variant].ariaLabel:this.heading);(this.variant||this.message)&&this.el.setAttribute("aria-description",this.variant?`${this.heading}${t}`:this.message)}}componentDidLoad(){c([{prop:this.heading,propName:"heading"}],"Toast")}componentDidUpdate(){if(this.focusInteractiveElement&&this.isManual){this.resetAutoDismissTimer();const t=d(this.el,"action");const i=this.el.shadowRoot.querySelector("ic-button");if(t)this.interactiveElements.push(t);if(i)this.interactiveElements.push(i);this.focusInteractiveElement=false;this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();this.shiftKeyPressed=false}}watchVisibleHandler(){if(this.visible){const t=d(this.el,"action");const i=this.el.shadowRoot.querySelector("ic-button");if(t)this.interactiveElements.push(t);if(i)this.interactiveElements.push(i)}else{this.interactiveElements=[]}}handleDismiss(){this.visible=false;this.resetAutoDismissTimer()}handleKeyboard(t){if(this.visible){if(this.isManual){switch(t.key){case"Tab":t.preventDefault();this.findNextInteractiveElement(t.shiftKey).setFocus();break;case"Escape":!t.repeat&&this.dismissAction();t.stopImmediatePropagation();break}}else{if(t.key==="Tab"){this.shiftKeyPressed=t.shiftKey;this.focusInteractiveElement=true}}}}handleTimer(t){switch(t.type){case"mouseenter":if(!this.isManual){this.resetAutoDismissTimer()}this.isManual=true;break;case"mouseleave":if(this.dismissMode==="automatic"){this.isManual=false;this.interactiveElements=[];if(this.visible){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m)}}break}}async setVisible(){if(!this.visible)this.visible=true;if(!this.isManual){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m);return null}else{window.setTimeout((()=>this.interactiveElements[0].setFocus()),200);return document.activeElement}}handleLongText(t,i){if(i||t){console.error(`Too many characters in toast ${t?"heading":""}${t&&i?" and ":""}${i?"message":""}. Refer to character limits specified in the prop description`)}}findNextInteractiveElement(t){const i=this.interactiveElements[0];const s=this.interactiveElements[this.interactiveElements.length-1];if(this.isActive(t?i:s))return t?s:i;let e;return this.interactiveElements.some(((t,i)=>{if(!this.isActive(t))return false;e=i;return true}))?this.interactiveElements[e+(t?-1:1)]:i}resetAutoDismissTimer(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval);this.timerProgress=100}isActive(t){return t===this.el?!!this.el.shadowRoot.activeElement:document.activeElement===t}render(){const{variant:t,heading:i,message:a,visible:c,isManual:d,dismissButtonAriaLabel:l}=this;return s(e,{class:{["ic-toast-hidden"]:!c},role:d?"dialog":"status",tabindex:"0",onFocus:this.onFocus,onBlur:this.onBlur},s("div",{class:"container"},t&&c&&s("div",{class:"toast-icon-container"},s("div",{class:{["divider"]:true,[`divider-${t}`]:true}}),t==="neutral"?s("slot",{name:"neutral-icon"}):s("span",{class:"toast-icon",innerHTML:r[t].icon})),s("div",{class:{["toast-content"]:true,["no-icon"]:t==="neutral"&&!n(this.el,"neutral-icon")}},s("div",{class:"toast-message"},s("ic-typography",{variant:"subtitle-large"},c&&s("h5",null,i)),a&&s("ic-typography",{variant:"body"},c&&s("p",null,a))),n(this.el,"action")&&s("div",{class:"toast-action-container"},s("slot",{name:"action"}))),!d?s("ic-loading-indicator",{class:"toast-dismiss-timer",appearance:"light",size:"icon",progress:this.timerProgress,description:""}):s("ic-button",{id:"dismiss-button",innerHTML:o,onClick:this.dismissAction,variant:"icon",appearance:h.Light,"aria-label":l})))}get el(){return a(this)}static get watchers(){return{dismissMode:["dismissModeChangeHandler"],visible:["watchVisibleHandler"]}}};f.style=u;export{f as ic_toast};
-//# sourceMappingURL=p-c6ae9bad.entry.js.map