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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (222) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-0e4c4fdd.js → helpers-32016c21.js} +21 -3
  3. package/dist/cjs/helpers-32016c21.js.map +1 -0
  4. package/dist/cjs/ic-button_3.cjs.entry.js +59 -1
  5. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  6. package/dist/cjs/ic-card-horizontal.cjs.entry.js +1 -1
  7. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-data-table.cjs.entry.js +2 -2
  9. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ic-date-input.cjs.entry.js +52 -19
  11. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-date-picker.cjs.entry.js +15 -10
  13. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-empty-state_2.cjs.entry.js +1 -1
  15. package/dist/cjs/ic-menu-item.cjs.entry.js +1 -1
  16. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-navigation-group.cjs.entry.js +6 -3
  18. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-navigation-menu.cjs.entry.js +36 -22
  20. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-pagination_4.cjs.entry.js +13 -10
  22. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-popover-menu.cjs.entry.js +5 -4
  24. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-side-navigation.cjs.entry.js +7 -4
  26. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-skip-link.cjs.entry.js +10 -9
  28. package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-status-tag.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-step.cjs.entry.js +13 -12
  32. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-toast.cjs.entry.js +3 -3
  34. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-tree-item.cjs.entry.js +29 -8
  36. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-tree-view.cjs.entry.js +113 -12
  38. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  39. package/dist/cjs/loader.cjs.js +1 -1
  40. package/dist/collection/components/ic-data-table/ic-data-table.css +3 -2
  41. package/dist/collection/components/ic-date-input/ic-date-input.js +83 -24
  42. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  43. package/dist/collection/components/ic-date-input/ic-date-input.stories.js +18 -0
  44. package/dist/collection/components/ic-date-input/ic-date-input.stories.js.map +1 -1
  45. package/dist/collection/components/ic-date-picker/ic-date-picker.js +34 -9
  46. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  47. package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js +9 -1
  48. package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js.map +1 -1
  49. package/dist/collection/components/ic-date-picker/story-data.js +16 -1
  50. package/dist/collection/components/ic-date-picker/story-data.js.map +1 -1
  51. package/dist/collection/components/ic-tree-item/ic-tree-item.js +50 -7
  52. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  53. package/dist/collection/components/ic-tree-view/ic-tree-view.js +146 -16
  54. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  55. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js +384 -12
  56. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js.map +1 -1
  57. package/dist/collection/components/ic-tree-view/ic-tree-view.types.js +2 -0
  58. package/dist/collection/components/ic-tree-view/ic-tree-view.types.js.map +1 -0
  59. package/dist/collection/utils/helpers.js.map +1 -1
  60. package/dist/components/helpers.js +1 -1
  61. package/dist/components/helpers2.js +19 -3
  62. package/dist/components/helpers2.js.map +1 -1
  63. package/dist/components/ic-button2.js +59 -1
  64. package/dist/components/ic-button2.js.map +1 -1
  65. package/dist/components/ic-data-table.js +1 -1
  66. package/dist/components/ic-data-table.js.map +1 -1
  67. package/dist/components/ic-date-input2.js +58 -21
  68. package/dist/components/ic-date-input2.js.map +1 -1
  69. package/dist/components/ic-date-picker.js +15 -9
  70. package/dist/components/ic-date-picker.js.map +1 -1
  71. package/dist/components/ic-menu-item2.js +1 -1
  72. package/dist/components/ic-menu-item2.js.map +1 -1
  73. package/dist/components/ic-navigation-group.js +6 -3
  74. package/dist/components/ic-navigation-group.js.map +1 -1
  75. package/dist/components/ic-navigation-menu2.js +37 -23
  76. package/dist/components/ic-navigation-menu2.js.map +1 -1
  77. package/dist/components/ic-popover-menu.js +5 -4
  78. package/dist/components/ic-popover-menu.js.map +1 -1
  79. package/dist/components/ic-select2.js +13 -10
  80. package/dist/components/ic-select2.js.map +1 -1
  81. package/dist/components/ic-side-navigation.js +7 -4
  82. package/dist/components/ic-side-navigation.js.map +1 -1
  83. package/dist/components/ic-skip-link.js +10 -9
  84. package/dist/components/ic-skip-link.js.map +1 -1
  85. package/dist/components/ic-status-tag.js +1 -1
  86. package/dist/components/ic-status-tag.js.map +1 -1
  87. package/dist/components/ic-step.js +13 -12
  88. package/dist/components/ic-step.js.map +1 -1
  89. package/dist/components/ic-toast.js +4 -4
  90. package/dist/components/ic-toast.js.map +1 -1
  91. package/dist/components/ic-top-navigation.js +1 -1
  92. package/dist/components/ic-tree-item.js +29 -7
  93. package/dist/components/ic-tree-item.js.map +1 -1
  94. package/dist/components/ic-tree-view.js +119 -14
  95. package/dist/components/ic-tree-view.js.map +1 -1
  96. package/dist/core/core.css +35 -29
  97. package/dist/core/core.esm.js +1 -1
  98. package/dist/core/core.esm.js.map +1 -1
  99. package/dist/core/p-0ad472d0.entry.js +2 -0
  100. package/dist/core/p-0ad472d0.entry.js.map +1 -0
  101. package/dist/core/{p-fde3bbb2.entry.js → p-0c97a53d.entry.js} +2 -2
  102. package/dist/core/p-250bf568.entry.js +2 -0
  103. package/dist/core/p-250bf568.entry.js.map +1 -0
  104. package/dist/core/{p-c6f1e205.entry.js → p-48163a2a.entry.js} +2 -2
  105. package/dist/core/p-48163a2a.entry.js.map +1 -0
  106. package/dist/core/{p-95f2c59a.entry.js → p-4f00aa91.entry.js} +2 -2
  107. package/dist/core/{p-95f2c59a.entry.js.map → p-4f00aa91.entry.js.map} +1 -1
  108. package/dist/core/p-54e01fad.entry.js +2 -0
  109. package/dist/core/p-54e01fad.entry.js.map +1 -0
  110. package/dist/core/p-5d85bd73.entry.js +2 -0
  111. package/dist/core/p-5d85bd73.entry.js.map +1 -0
  112. package/dist/core/p-6040a025.entry.js +2 -0
  113. package/dist/core/p-6040a025.entry.js.map +1 -0
  114. package/dist/core/p-62f7f2bd.entry.js +2 -0
  115. package/dist/core/p-62f7f2bd.entry.js.map +1 -0
  116. package/dist/core/p-72310da8.js +2 -0
  117. package/dist/core/p-72310da8.js.map +1 -0
  118. package/dist/core/p-762a4d7c.entry.js +2 -0
  119. package/dist/core/p-762a4d7c.entry.js.map +1 -0
  120. package/dist/core/p-836d302a.entry.js +2 -0
  121. package/dist/core/p-836d302a.entry.js.map +1 -0
  122. package/dist/core/p-881bb783.entry.js +2 -0
  123. package/dist/core/p-881bb783.entry.js.map +1 -0
  124. package/dist/core/{p-3dc4e128.entry.js → p-895a3eb1.entry.js} +2 -2
  125. package/dist/core/p-9a46b1e5.entry.js +2 -0
  126. package/dist/core/p-9a46b1e5.entry.js.map +1 -0
  127. package/dist/core/{p-67f3bf1a.entry.js → p-a13dc5ba.entry.js} +2 -2
  128. package/dist/core/{p-e86c1c95.entry.js → p-c0687222.entry.js} +2 -2
  129. package/dist/core/p-c0687222.entry.js.map +1 -0
  130. package/dist/core/p-c4f7e479.entry.js +2 -0
  131. package/dist/core/p-c4f7e479.entry.js.map +1 -0
  132. package/dist/core/{p-f6013934.entry.js → p-ef25bb6d.entry.js} +2 -2
  133. package/dist/core/p-ef25bb6d.entry.js.map +1 -0
  134. package/dist/core/p-fb11ce9b.entry.js +2 -0
  135. package/dist/core/p-fb11ce9b.entry.js.map +1 -0
  136. package/dist/esm/core.js +1 -1
  137. package/dist/esm/{helpers-4e38ba2b.js → helpers-5479985d.js} +20 -4
  138. package/dist/esm/helpers-5479985d.js.map +1 -0
  139. package/dist/esm/ic-button_3.entry.js +59 -1
  140. package/dist/esm/ic-button_3.entry.js.map +1 -1
  141. package/dist/esm/ic-card-horizontal.entry.js +1 -1
  142. package/dist/esm/ic-data-table-title-bar.entry.js +1 -1
  143. package/dist/esm/ic-data-table.entry.js +2 -2
  144. package/dist/esm/ic-data-table.entry.js.map +1 -1
  145. package/dist/esm/ic-date-input.entry.js +52 -19
  146. package/dist/esm/ic-date-input.entry.js.map +1 -1
  147. package/dist/esm/ic-date-picker.entry.js +15 -10
  148. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  149. package/dist/esm/ic-empty-state_2.entry.js +1 -1
  150. package/dist/esm/ic-menu-item.entry.js +1 -1
  151. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  152. package/dist/esm/ic-navigation-group.entry.js +6 -3
  153. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  154. package/dist/esm/ic-navigation-menu.entry.js +37 -23
  155. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  156. package/dist/esm/ic-pagination_4.entry.js +13 -10
  157. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  158. package/dist/esm/ic-popover-menu.entry.js +5 -4
  159. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  160. package/dist/esm/ic-side-navigation.entry.js +7 -4
  161. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  162. package/dist/esm/ic-skip-link.entry.js +10 -9
  163. package/dist/esm/ic-skip-link.entry.js.map +1 -1
  164. package/dist/esm/ic-status-tag.entry.js +1 -1
  165. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  166. package/dist/esm/ic-step.entry.js +13 -12
  167. package/dist/esm/ic-step.entry.js.map +1 -1
  168. package/dist/esm/ic-toast.entry.js +3 -3
  169. package/dist/esm/ic-toast.entry.js.map +1 -1
  170. package/dist/esm/ic-tree-item.entry.js +29 -8
  171. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  172. package/dist/esm/ic-tree-view.entry.js +113 -12
  173. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  174. package/dist/esm/loader.js +1 -1
  175. package/dist/types/components/ic-date-input/ic-date-input.d.ts +15 -4
  176. package/dist/types/components/ic-date-input/ic-date-input.stories.d.ts +6 -0
  177. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +4 -0
  178. package/dist/types/components/ic-date-picker/ic-date-picker.stories.d.ts +8 -0
  179. package/dist/types/components/ic-date-picker/story-data.d.ts +1 -0
  180. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +6 -0
  181. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +17 -0
  182. package/dist/types/components/ic-tree-view/ic-tree-view.stories.d.ts +91 -13
  183. package/dist/types/components/ic-tree-view/ic-tree-view.types.d.ts +12 -0
  184. package/dist/types/components.d.ts +39 -6
  185. package/dist/types/utils/helpers.d.ts +2 -2
  186. package/hydrate/index.js +449 -184
  187. package/hydrate/index.mjs +449 -184
  188. package/package.json +3 -3
  189. package/dist/cjs/helpers-0e4c4fdd.js.map +0 -1
  190. package/dist/core/p-44ffa951.entry.js +0 -2
  191. package/dist/core/p-44ffa951.entry.js.map +0 -1
  192. package/dist/core/p-47962514.entry.js +0 -2
  193. package/dist/core/p-47962514.entry.js.map +0 -1
  194. package/dist/core/p-5329e478.entry.js +0 -2
  195. package/dist/core/p-5329e478.entry.js.map +0 -1
  196. package/dist/core/p-5b2a7c1a.entry.js +0 -2
  197. package/dist/core/p-5b2a7c1a.entry.js.map +0 -1
  198. package/dist/core/p-8c4f212a.entry.js +0 -2
  199. package/dist/core/p-8c4f212a.entry.js.map +0 -1
  200. package/dist/core/p-9265efef.entry.js +0 -2
  201. package/dist/core/p-9265efef.entry.js.map +0 -1
  202. package/dist/core/p-a35cdfc3.entry.js +0 -2
  203. package/dist/core/p-a35cdfc3.entry.js.map +0 -1
  204. package/dist/core/p-ac74cdac.entry.js +0 -2
  205. package/dist/core/p-ac74cdac.entry.js.map +0 -1
  206. package/dist/core/p-ad3e543e.entry.js +0 -2
  207. package/dist/core/p-ad3e543e.entry.js.map +0 -1
  208. package/dist/core/p-ae2bae87.entry.js +0 -2
  209. package/dist/core/p-ae2bae87.entry.js.map +0 -1
  210. package/dist/core/p-afde50b8.js +0 -2
  211. package/dist/core/p-afde50b8.js.map +0 -1
  212. package/dist/core/p-b84213d1.entry.js +0 -2
  213. package/dist/core/p-b84213d1.entry.js.map +0 -1
  214. package/dist/core/p-c6f1e205.entry.js.map +0 -1
  215. package/dist/core/p-cd59dc16.entry.js +0 -2
  216. package/dist/core/p-cd59dc16.entry.js.map +0 -1
  217. package/dist/core/p-e86c1c95.entry.js.map +0 -1
  218. package/dist/core/p-f6013934.entry.js.map +0 -1
  219. package/dist/esm/helpers-4e38ba2b.js.map +0 -1
  220. /package/dist/core/{p-fde3bbb2.entry.js.map → p-0c97a53d.entry.js.map} +0 -0
  221. /package/dist/core/{p-3dc4e128.entry.js.map → p-895a3eb1.entry.js.map} +0 -0
  222. /package/dist/core/{p-67f3bf1a.entry.js.map → p-a13dc5ba.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icDataTableCss","IcDataTableStyle0","DataTable","constructor","hostRef","this","DENSITY_HEIGHT_MULTIPLIER","dense","default","spacious","DENSITY_PADDING_HEIGHT_DIFF","SORT_ICONS","unsorted","unsortedIcon","ascending","ascendingIcon","descending","descendingIcon","hasLoadedForOneSecond","resizeObserver","SHOW_HIDE_STRING","SHOW_HIDE_CSS_CLASS","TOOLTIP_STRING","TOOLTIP","TEXT_WRAP_STRING","TEXT_WRAP_CLASS","dataUpdated","rowHeightSet","initialLoad","icPageChangeEvent","itemsPerPageChange","DATA_ROW_HEIGHT_STRING","ROW_HEIGHT_CSS_VARIABLE","LINE_CLAMP_CSS_VARIABLE","DEFAULT_LINE_HEIGHT","densityUpdate","truncationPatternUpdated","isNewDebounceDelaySet","headerResizeObserver","IC_TOOLTIP_STRING","SHOW_TRUNC_TOOLTIP_STRING","CELL_DESCRIPTION_STRING","CELL_CONTAINER_WITH_DESCRIPTION_STRING","CELL_TEXT_WRAPPER_STRING","IC_TYPOGRAPHY_STRING","fromRow","scrollable","scrollOffset","debounceDelay","columnHeaderTruncation","disableAutoSort","density","embedded","globalRowHeight","highlightSelectedRow","hideColumnHeaders","loading","minimumLoadingDisplayDuration","paginationBarOptions","alignment","hideAllFromItemsPerPage","hideRangeLabel","itemLabel","itemsPerPageOptions","label","value","monochrome","pageLabel","rangeLabelType","selectedItemsPerPage","setToFirstPageOnPaginationChange","showGoToPageControl","showItemsPerPageControl","type","showPagination","sortable","sortOptions","sortOrders","defaultColumn","stickyColumnHeaders","stickyRowHeaders","tableLayout","theme","updating","runHeaderResizeObserver","ResizeObserver","headerResizeCallback","observe","el","tableContainerWidth","shadowRoot","querySelector","clientWidth","prevTableContainerWidth","headers","querySelectorAll","forEach","header","tooltip","typographyEls","length","classList","remove","add","updateSetRowHeight","typographyEl","fontSize","parseInt","getComputedStyle","document","documentElement","cellContainer","getCellContainer","rowHeight","parseFloat","getAttribute","scrollHeight","style","removeProperty","getTypographyElements","debounceDataTruncation","contains","dynamicDebounce","dataTruncation","setNewDebounceDelay","delay","getLines","height","Math","floor","truncate","clientHeight","closest","truncationPattern","addTooltipTruncation","addShowHideTruncation","setAttribute","cellTextWrapper","prepend","isEmptyString","resetShowHideTruncation","getTooltip","showHideBtn","truncWrapper","getTruncWrapper","removeTooltip","removeTextWrap","tableCell","deleteTextWrapDataKey","array","Array","isArray","val","textWrap","startLoadingTimer","timerStarted","Date","now","setTimeout","isObject","undefined","notDefaultDensity","getCellContent","cell","dataType","toLocaleDateString","getCellAlignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","description","max","min","progress","updatingOptions","h","colSpan","columns","class","fullWidth","size","setRowHeight","pxToRem","setTruncationClass","getColumnWidth","columnWidth","columnWidthStyling","assign","minWidth","maxWidth","getRowHeight","currentRowHeight","columnProps","rowTextWrap","adjustWidthForActionElement","elements","element","width","firstChild","getBoundingClientRect","gridWrapper","gridTemplateColumns","createCellContent","cellSlotName","rowOptions","rowAlignment","hasIcon","cellValue","rowEmphasis","innerHTML","isSlotUsed","_a","columnAlignment","vertical","_b","_c","_d","_e","horizontal","_f","_g","_h","_j","icon","emphasis","name","Fragment","_k","onAllCells","_l","_m","variant","href","target","rel","_o","_q","_p","data","createCells","row","rowIndex","rowValues","values","rowKeys","getRowOptions","headerIndex","indexOf","variableRowHeightVal","variableRowHeight","call","index","map","scope","onClick","actionOnClick","event","handleClick","createColumnHeaders","cellAlignment","colspan","title","excludeColumnFromSort","hideOnHeader","id","getSortButtonLabel","sortRows","sortedColumn","sortedColumnOrder","onRowClick","icSelectedRowChange","emit","selectedRow","createRows","slice","toRow","paginationOffset","organisedData","slottedColumns","filter","col","prototype","hasOwnProperty","addDataToPosition","sort","getSortFunction","getNextSortOption","option","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","sortButton","previousSortedButton","nextSortOrderIndex","tableSorted","icSortChange","columnName","sorted","from","updateTruncationTooltip","removeTooltipOnly","regenerateTooltip","updateScrollOffset","scrollTop","updateRowHeightForDescriptions","toString","updateCellHeightsWithDescriptions","descriptions","typography","descriptionMarginTop","window","getPropertyValue","descriptionHeight","textContent","cellIcon","deviceSizeMatches","IC_DEVICE_SIZES","XS","addLineClampCSS","createShowHideTruncation","setTableDimensions","tableHostDimensions","fixCellTooltip","tagName","children","setExternalPopperProps","strategy","fixCellTooltips","slotElements","getSlotElements","slottedEl","actionElements","actionElementSpan","actionElement","callback","renderTableBody","overlay","renderLoadingIndicator","isLoading","loadingOptions","ref","loadingOverlay","labelDuration","loadingIndicator","renderAriaLiveLoading","renderEmptyState","emptyStateEl","aligned","heading","headerTruncationChangeHandler","disconnectedCallback","disconnect","componentWillLoad","rowsPerPage","Number","previousRowsPerPage","previousItemsPerPage","componentDidLoad","tableElement","tableContainer","checkResizeObserver","showLoadingIndicator","addEventListener","componentDidUpdate","truncateUpdatedData","componentDidRender","resetTruncation","then","removeAttribute","hasAutoRowHeight","tooltipEl","setProperty","allRows","newRows","checkMaxLines","setShowHideExpanded","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","clickListener","loadingHandler","newValue","truncationPatternHandler","dataHandler","densityHandler","rowHeightChangeHandler","oldValue","icRowHeightChange","resetRowHeights","rowOptionsIndex","cssText","descriptionCellHeight","iconHeight","createElement","render","caption","Host","tabIndex","onScroll","totalItems"],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":[":host {\n position: relative;\n display: inline-flex;\n max-height: 100%;\n width: var(--table-width, 100%);\n height: 100%;\n min-width: var(--table-min-width);\n max-width: var(--table-max-width);\n}\n\ntbody {\n vertical-align: top;\n}\n\n.table-container {\n position: relative;\n height: calc(100% - var(--ic-space-xxxs));\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.cell-container {\n display: flex;\n min-height: 1.5rem;\n overflow-y: hidden;\n height: var(--row-height);\n\n --ic-typography-color: var(--ic-data-table-text-default-emphasis);\n}\n\n.truncation-show-hide {\n display: block;\n}\n\n.cell-icon.truncation-show-hide {\n display: flex;\n}\n\n.cell-container:not(.data-type-element, .truncation-show-hide) {\n overflow-x: hidden;\n}\n\nic-loading-indicator {\n position: sticky;\n top: 20px;\n}\n\n.table-row-container {\n position: relative;\n height: 100%;\n overflow: auto;\n transition: var(--ic-easing-transition-fast);\n overflow-anchor: none;\n}\n\n:host([show-pagination=\"true\"]) .table-row-container {\n height: calc(100% - 3.5625rem);\n}\n\ntable {\n table-layout: var(--table-layout, \"fixed\");\n border-spacing: 0;\n width: 100%;\n height: var(--table-height, auto);\n}\n\n.table-row-container:focus {\n outline: none;\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-fast);\n z-index: 1;\n}\n\n:host([embedded=\"true\"]) .table-row-container {\n border: var(--ic-space-1px) solid var(--ic-data-table-border);\n}\n\n.column-header-inner-container {\n padding: var(--ic-space-xs);\n box-sizing: border-box;\n}\n\n.column-header-inner-container ic-tooltip {\n pointer-events: none;\n}\n\n.column-header-inner-container ic-tooltip.show-trunc-tooltip {\n pointer-events: auto;\n}\n\n.column-header-inner-container ic-tooltip .column-header-text {\n --ic-line-clamp: 1;\n}\n\n.column-header-sticky {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.column-header-overlay {\n position: sticky;\n top: 0;\n z-index: 1;\n box-shadow: 0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%);\n}\n\n.row-header-sticky {\n position: sticky;\n left: 0;\n}\n\n.column-header,\n.table-row {\n box-sizing: border-box;\n}\n\n.table-row-selected {\n background-color: var(--ic-data-table-cell-background-selected) !important;\n}\n\n.table-row:hover {\n background-color: var(--ic-data-table-cell-background-hover) !important;\n}\n\n.table-row-selected:hover {\n background-color: var(\n --ic-data-table-cell-background-selected-hover\n ) !important;\n}\n\n.sort-button {\n margin-left: auto;\n}\n\n.sort-button:hover {\n background-color: var(--ic-data-table-icon-button-background-hover);\n}\n\n.sort-button:active {\n background-color: var(--ic-data-table-icon-button-background-pressed);\n}\n\n.sort-button svg {\n color: var(--ic-data-table-sort-toggle-icon);\n}\n\n.sort-button-unsorted svg {\n color: var(--ic-data-table-sort-toggle-icon-default);\n}\n\n.table-density-dense .column-header-inner-container,\ntd.table-density-dense {\n padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious {\n padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n font-size: 1.125rem;\n}\n\n.column-header-text {\n font-weight: var(--ic-font-weight-bold);\n}\n\n.dummy-column-header-text {\n white-space: nowrap;\n overflow: hidden;\n height: 0;\n width: fit-content;\n}\n\n.row-header,\n.column-header {\n text-align: left;\n padding: var(--ic-space-xs);\n background-color: var(--ic-data-table-header-background);\n border-right: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n border-bottom: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n color: var(--ic-data-table-header-text);\n}\n\n.column-header {\n padding: 0;\n width: var(--column-width);\n min-width: var(--column-min-width, 4rem);\n max-width: var(--column-max-width);\n}\n\n.column-header:last-child {\n border-right: none;\n}\n\n.scrollable .column-header:last-child {\n border-right: var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n text-align: left !important;\n justify-content: start !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n text-align: right !important;\n justify-content: end !important;\n}\n\n.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography {\n padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.cell-alignment-right.truncation-show-hide ic-typography {\n --ellipsis-padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n text-align: center !important;\n justify-content: center !important;\n}\n\n.table-row {\n background-color: var(--ic-data-table-cell-background);\n}\n\n.table-row:nth-child(even) {\n background-color: var(--ic-data-table-cell-background-stripe);\n}\n\n.table-cell {\n padding: var(--ic-space-xs);\n border-bottom: solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);\n overflow: hidden;\n box-sizing: border-box;\n max-width: var(--column-max-width);\n min-width: var(--column-min-width);\n}\n\n.table-cell.with-overflow {\n overflow: visible;\n}\n\n.data-type-string,\n.data-type-address {\n text-align: left;\n vertical-align: top;\n}\n\n.data-type-number,\n.data-type-date {\n text-align: right;\n justify-content: end;\n vertical-align: top;\n}\n\n.cell-alignment-top {\n vertical-align: top;\n align-items: flex-start;\n}\n\n.cell-alignment-middle {\n vertical-align: middle;\n align-items: center;\n}\n\n.cell-alignment-bottom {\n vertical-align: bottom;\n align-items: flex-end;\n}\n\n.cell-emphasis-low ic-typography {\n --ic-typography-color: var(--ic-data-table-text-low-emphasis);\n}\n\n.cell-emphasis-high ic-typography {\n --ic-typography-color: var(--ic-data-table-text-high-emphasis);\n\n font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n background-color: var(--ic-data-table-pagination-bar-background-color);\n border-top: var(--ic-space-1px) solid\n var(--ic-data-table-pagination-bar-keyline);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n position: absolute;\n left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n word-wrap: break-word;\n white-space: pre-wrap;\n}\n\n.loading-empty {\n padding: var(--ic-space-xl) var(--ic-space-xxl);\n margin-top: var(--ic-space-xl);\n}\n\n.updating-state {\n padding: 0;\n border-bottom: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n}\n\n.updating-state-headers {\n border-bottom: none;\n}\n\n.loading {\n position: absolute;\n left: calc(50% - 5.9741rem);\n opacity: 0;\n transition: opacity var(--ic-transition-duration-slow);\n z-index: calc(var(--ic-z-index-dialog) - 1);\n background-color: var(--ic-data-table-overlay-background);\n border: var(--ic-space-1px) solid var(--ic-data-table-overlay-border);\n}\n\n.loading.show {\n opacity: 1;\n}\n\n.icon,\n::slotted(svg) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-right: var(--ic-space-xxs);\n}\n\n.column-header .icon > svg,\n.column-header ::slotted(svg) {\n fill: var(--ic-data-table-icon);\n}\n\n.table-cell .icon > svg,\n.table-cell ::slotted(svg),\n.cell-description-icon > svg {\n fill: var(--ic-data-table-icon-default-emphasis);\n}\n\n.cell-emphasis-high .icon > svg,\n.cell-emphasis-high ::slotted(svg) {\n fill: var(--ic-data-table-icon-high-emphasis);\n}\n\n.cell-emphasis-low .icon > svg,\n.cell-emphasis-low ::slotted(svg) {\n fill: var(--ic-data-table-icon-low-emphasis);\n}\n\n.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg) {\n margin-right: auto;\n}\n\n.column-header-alignment-center > ic-typography,\n.column-header-alignment-center > .cell-text-wrapper,\n.row-header-alignment-right > ic-typography,\n.row-header-alignment-right > .cell-text-wrapper,\n.cell-alignment-center > ic-typography,\n.cell-alignment-center > .cell-text-wrapper {\n flex: 1;\n}\n\n.icon > svg {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n display: inline-block;\n}\n\n.truncation-tooltip ic-typography {\n display: -webkit-box;\n -webkit-line-clamp: var(--ic-line-clamp, 0);\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography {\n white-space: normal;\n}\n\n.ic-tooltip-overflow {\n overflow: hidden;\n width: 100%;\n}\n\n.action-element {\n display: flex;\n justify-content: right;\n}\n\n.cell-grid-wrapper {\n display: grid;\n grid-template-columns: auto auto;\n}\n\n.loading-overlay {\n visibility: hidden;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--ic-data-table-loading-indicator-overlay-background);\n z-index: calc(var(--ic-z-index-dialog) - 2);\n opacity: 0;\n transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading-overlay.show {\n visibility: visible;\n opacity: 0.6;\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .loading-overlay {\n transition: none;\n }\n}\n\n.cell-text-wrapper {\n overflow: hidden;\n}\n\n.cell-text-wrapper > ic-typography {\n margin-left: 2px;\n}\n\n.cell-text-no-wrap {\n word-wrap: initial;\n}\n\n.cell-container-with-description {\n display: flex;\n flex-direction: row;\n}\n\n.cell-description {\n display: flex;\n flex-direction: row;\n margin-top: var(--ic-space-xxs);\n word-break: break-all;\n}\n\n.cell-description-text {\n color: var(--ic-data-table-cell-description-text);\n}\n\n.cell-description-icon {\n padding-right: var(--ic-space-xs);\n}\n\n.cell-description-icon > svg {\n height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n display: flex;\n}\n\n@media (min-width: 577px) {\n .column-header-inner-container {\n display: flex;\n align-items: center;\n }\n}\n\n@media (max-width: 577px) {\n .cell-icon {\n flex-wrap: wrap;\n }\n\n .cell-description-icon {\n padding-right: 0;\n }\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .icon,\n ::slotted(svg),\n .cell-description-icon > svg {\n fill: currentcolor;\n }\n\n .sort-button svg {\n color: currentcolor;\n }\n\n .table-row-selected {\n background-color: Highlight !important;\n }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n Component,\n Element,\n h,\n Prop,\n State,\n Listen,\n Watch,\n Fragment,\n Method,\n Event,\n EventEmitter,\n Host,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n IcDataTableDataType,\n IcDataTableColumnDataTypes,\n IcDataTableColumnObject,\n IcDataTableColumnWidthTypes,\n IcDataTableDensityOptions,\n IcDataTableRowHeights,\n IcDataTableSortOrderOptions,\n IcDataTableTruncationTypes,\n IcDensityUpdateEventDetail,\n IcSortEventDetail,\n IcLoadingOptions,\n} from \"./ic-data-table.types\";\nimport { IcPaginationBarOptions, IcThemeMode } from \"../../utils/types\";\n// Unable to import helper functions via @ukic/web-components\nimport {\n isEmptyString,\n isSlotUsed,\n pxToRem,\n addDataToPosition,\n dynamicDebounce,\n getSlotElements,\n checkResizeObserver,\n deviceSizeMatches,\n} from \"../../utils/helpers\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\n\n/**\n * @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.\n * @slot {COLUMN_KEY}-{ROW_INDEX}[-icon] - Each cell should have its own slot, named using the column tag and the row index, allowing for custom elements to be displayed. Include `-icon` at the end for that cell's icon slot.\n * @slot {COLUMN_KEY}-column-icon - The icon slot for a column header.\n * @slot title-bar - A custom ic-data-table-title-bar can be slotted above the column headers to display additional information about the table.\n * @slot pagination-bar - A custom ic-pagination-bar can be slotted below the data to provide enhanced control over how the data is interacted with when being fetched externally.\n */\n@Component({\n tag: \"ic-data-table\",\n styleUrl: \"ic-data-table.css\",\n shadow: true,\n})\nexport class DataTable {\n private DENSITY_HEIGHT_MULTIPLIER = {\n dense: 0.8,\n default: 1,\n spacious: 1.2,\n };\n\n private DENSITY_PADDING_HEIGHT_DIFF = {\n dense: 8,\n default: 16,\n spacious: 20,\n };\n\n private SORT_ICONS = {\n unsorted: unsortedIcon,\n ascending: ascendingIcon,\n descending: descendingIcon,\n };\n\n private hasLoadedForOneSecond = true;\n private loadingIndicator: HTMLIcLoadingIndicatorElement;\n private loadingOverlay: HTMLDivElement;\n private timerStarted: number;\n private resizeObserver: ResizeObserver = null;\n private SHOW_HIDE_STRING = \"show-hide\";\n private SHOW_HIDE_CSS_CLASS = `${this.SHOW_HIDE_STRING}-wrap`;\n private TOOLTIP_STRING = \"tooltip\";\n private TOOLTIP = `ic-${this.TOOLTIP_STRING}`;\n private TEXT_WRAP_STRING = \"text-wrap\";\n private TEXT_WRAP_CLASS = `.${this.TEXT_WRAP_STRING}`;\n private dataUpdated = false;\n private tableSorted: boolean;\n private rowHeightSet = false;\n private initialLoad = false;\n private icPageChangeEvent = false;\n private itemsPerPageChange = false;\n private DATA_ROW_HEIGHT_STRING = \"data-row-height\";\n private ROW_HEIGHT_CSS_VARIABLE = \"--row-height\";\n private LINE_CLAMP_CSS_VARIABLE = \"--ic-line-clamp\";\n private previousItemsPerPage: number;\n private DEFAULT_LINE_HEIGHT = 24;\n private densityUpdate = false;\n private previousPaginationPage: number;\n private truncationPatternUpdated: boolean = false;\n private isNewDebounceDelaySet = false;\n private headerResizeObserver: ResizeObserver = null;\n private prevTableContainerWidth: number;\n private IC_TOOLTIP_STRING = \"ic-tooltip\";\n private SHOW_TRUNC_TOOLTIP_STRING = \"show-trunc-tooltip\";\n private CELL_DESCRIPTION_STRING = \".cell-description\";\n private CELL_CONTAINER_WITH_DESCRIPTION_STRING =\n \"cell-container-with-description\";\n private CELL_TEXT_WRAPPER_STRING = \".cell-text-wrapper\";\n private IC_TYPOGRAPHY_STRING = \"ic-typography\";\n\n @Element() el: HTMLIcDataTableElement;\n\n @State() fromRow: number = 0;\n\n @State() previousRowsPerPage: number;\n\n @State() rowsPerPage: number;\n\n @State() scrollable: boolean = false;\n\n @State() scrollOffset: number = 0;\n\n @State() selectedRow: object;\n\n @State() sortedColumn: string;\n\n @State() sortedColumnOrder: IcDataTableSortOrderOptions;\n\n @State() toRow: number;\n\n @State() currentRowHeight: number;\n\n @State() debounceDelay = 0;\n\n /**\n * The title for the table only visible to screen readers.\n */\n @Prop() caption!: string;\n\n /**\n * Determines whether the column header should be truncated and display a tooltip. Default is `false`.\n */\n @Prop() columnHeaderTruncation: boolean = false;\n\n @Watch(\"columnHeaderTruncation\")\n headerTruncationChangeHandler(): void {\n if (this.columnHeaderTruncation) {\n this.prevTableContainerWidth = 0;\n } else {\n const headers = this.el.shadowRoot.querySelectorAll(\"th.column-header\");\n headers.forEach((header) => {\n const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n if (tooltip) {\n tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n }\n });\n }\n }\n\n /**\n * The column headers for the table.\n */\n @Prop() columns!: IcDataTableColumnObject[];\n\n /**\n * The row content for the table.\n */\n @Prop() data?: IcDataTableDataType[];\n\n /**\n * If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source.\n */\n @Prop() disableAutoSort?: boolean = false;\n\n /**\n * Set the density of the table including font and padding.\n */\n @Prop({ mutable: true }) density?: IcDataTableDensityOptions = \"default\";\n\n /**\n * Applies a border to the table container.\n */\n @Prop() embedded?: boolean = false;\n\n /**\n * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method.\n */\n @Prop({ mutable: true }) globalRowHeight?: IcDataTableRowHeights = \"auto\";\n\n /**\n * Sets the table height. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n */\n @Prop() height?: string;\n\n /**\n * If `true`, the selected row is highlighted using a background colour.\n */\n @Prop() highlightSelectedRow?: boolean = true;\n\n /**\n * If `true`, column headers will not be visible.\n */\n @Prop() hideColumnHeaders?: boolean = false;\n\n /**\n * When set to `true`, the full table will show a loading state, featuring a radial indicator.\n */\n @Prop({ mutable: true }) loading?: boolean = false;\n\n /**\n * Sets the props for the circular loading indicator used in the loading state.\n */\n @Prop() loadingOptions?: {\n description?: string;\n label?: string;\n labelDuration?: number;\n max?: number;\n min?: number;\n progress?: number;\n monochrome?: boolean;\n overlay?: boolean;\n };\n\n /**\n * Sets the maximum width of the data table. Can be set in `px`, `rem`, or `%`.\n */\n @Prop() maxWidth?: string;\n\n /**\n * Sets the minimum width of the data table. Can be set in `px`, `rem`, or `%`.\n */\n @Prop() minWidth?: string;\n\n /**\n * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.\n */\n @Prop() minimumLoadingDisplayDuration?: number = 1000;\n\n /**\n * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.\n */\n @Prop() paginationBarOptions?: IcPaginationBarOptions = {\n alignment: \"right\",\n hideAllFromItemsPerPage: false,\n hideRangeLabel: false,\n itemLabel: \"Item\",\n itemsPerPageOptions: [\n { label: \"10\", value: \"10\" },\n { label: \"25\", value: \"25\" },\n { label: \"50\", value: \"50\" },\n ],\n monochrome: false,\n pageLabel: \"Page\",\n rangeLabelType: \"page\",\n selectedItemsPerPage: 10,\n setToFirstPageOnPaginationChange: false,\n showGoToPageControl: true,\n showItemsPerPageControl: true,\n type: \"simple\",\n };\n\n /**\n * If `true`, adds a pagination bar to the bottom of the table.\n */\n @Prop() showPagination?: boolean = false;\n\n /**\n * If `true`, allows table columns to be sorted using applied sort buttons.\n */\n @Prop() sortable?: boolean = false;\n\n /**\n * Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n */\n @Prop() sortOptions?: {\n sortOrders: IcDataTableSortOrderOptions[];\n defaultColumn?: string;\n } = {\n sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n defaultColumn: \"\",\n };\n\n /**\n * If `true`, column headers will remain at the top of the table when scrolling vertically.\n */\n @Prop() stickyColumnHeaders?: boolean = false;\n\n /**\n * If `true`, row headers will remain to the left when scrolling horizontally.\n */\n @Prop() stickyRowHeaders?: boolean = false;\n\n /**\n * Sets the layout of the table\n */\n @Prop() tableLayout?: \"fixed\" | \"auto\" = \"fixed\";\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * Sets the method used to truncate long text in cells where textWrap is `false`. The `tooltip` truncation pattern allows the overflowing text to be seen in a tooltip. The `show-hide` truncation pattern allows the overflowing text to be shown and hidden using the ic-typography \"See more\"/\"See less\" buttons.\n */\n @Prop() truncationPattern?: IcDataTableTruncationTypes;\n\n /**\n * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.\n */\n @Prop() updating?: boolean = false;\n\n /**\n * Sets the props for the linear loading indicator used in the updating state.\n */\n @Prop() updatingOptions?: {\n description?: string;\n max?: number;\n min?: number;\n progress?: number;\n monochrome?: boolean;\n };\n\n /**\n * Allows for custom setting of row heights on individual rows based on an individual value from the `data` prop and the row index.\n * If the function returns `null`, that row's height will be set to the `globalRowHeight` property.\n */\n @Prop({ mutable: true }) variableRowHeight?: (params: {\n [key: string]: any;\n index: number;\n }) => IcDataTableRowHeights | null;\n\n /**\n * Sets the table width. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n */\n @Prop() width?: string;\n\n /**\n * Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.\n */\n @Event() icRowHeightChange: EventEmitter<void>;\n\n /**\n * Emitted when the selected row changes in the data table.\n */\n @Event() icSelectedRowChange: EventEmitter<object>;\n\n /**\n * Emitted when a column sort button is clicked.\n */\n @Event() icSortChange: EventEmitter<IcSortEventDetail>;\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n this.headerResizeObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.rowsPerPage = Number(\n this.paginationBarOptions.itemsPerPageOptions[0].value\n );\n this.previousRowsPerPage = this.rowsPerPage;\n this.toRow = this.rowsPerPage;\n this.sortedColumn = this.sortOptions.defaultColumn;\n this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n this.loadingOptions = {\n ...this.loadingOptions,\n };\n this.initialLoad = true;\n this.previousItemsPerPage = this.rowsPerPage;\n }\n\n componentDidLoad(): void {\n const tableElement = this.el.shadowRoot.querySelector(\"table\");\n const tableContainer = this.el.shadowRoot.querySelector(\".table-container\");\n\n checkResizeObserver(this.runHeaderResizeObserver);\n\n if (this.dataUpdated) {\n this.dataUpdated = false;\n }\n\n if (\n tableElement?.clientHeight > tableContainer?.clientHeight ||\n tableElement?.clientWidth > tableContainer?.clientWidth\n ) {\n this.scrollable = true;\n }\n if (this.loading) {\n this.startLoadingTimer();\n this.showLoadingIndicator();\n }\n\n if (this.truncationPattern) {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n this.dataTruncation(typographyEl);\n }\n }\n );\n\n this.debounceDataTruncation();\n }\n\n if (this.globalRowHeight !== \"auto\") {\n this.updateSetRowHeight();\n }\n window.addEventListener(\"resize\", this.updateCellHeightsWithDescriptions);\n }\n\n componentDidUpdate(): void {\n // truncation updates invoked here once new/updated data has\n // rendered to take into account updated .cell-container/ic-typography box model updates.\n if (\n this.truncationPattern === this.SHOW_HIDE_STRING ||\n this.truncationPattern === this.TOOLTIP_STRING\n ) {\n this.truncateUpdatedData();\n }\n }\n\n componentDidRender(): void {\n this.fixCellTooltips();\n this.updateCellHeightsWithDescriptions();\n this.adjustWidthForActionElement();\n }\n\n private runHeaderResizeObserver = () => {\n this.headerResizeObserver = new ResizeObserver(() => {\n this.headerResizeCallback();\n });\n this.headerResizeObserver.observe(this.el);\n };\n\n private headerResizeCallback = () => {\n if (!this.hideColumnHeaders && this.columnHeaderTruncation) {\n const tableContainerWidth =\n this.el.shadowRoot.querySelector(\".table-container\").clientWidth;\n if (tableContainerWidth !== this.prevTableContainerWidth) {\n const headers = this.el.shadowRoot.querySelectorAll(\"th.column-header\");\n headers.forEach((header) => {\n const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n const typographyEls = header.querySelectorAll(\n this.IC_TYPOGRAPHY_STRING\n );\n if (tooltip && typographyEls && typographyEls.length === 2) {\n tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n if (typographyEls[1].clientWidth > typographyEls[0].clientWidth) {\n tooltip.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING);\n }\n }\n });\n this.prevTableContainerWidth = tableContainerWidth;\n }\n }\n };\n\n private truncateUpdatedData() {\n if (this.dataUpdated) {\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >=\n truncWrapper?.scrollHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n\n setTimeout(() => {\n // slight delay due to data rendering\n if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n }, 150);\n }\n );\n }\n\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.updateTruncationTooltip();\n }\n\n this.dataUpdated = false;\n }\n\n if (this.tableSorted) {\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.updateTruncationTooltip();\n }\n\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n this.createShowHideTruncation(typographyEl, cellContainer);\n } else {\n typographyEl.resetTruncation().then(() => {\n cellContainer.removeAttribute(\"style\");\n });\n }\n }\n );\n }\n\n this.tableSorted = false;\n }\n\n // This function recalculates the tooltip truncation when the rowHeight has been set.\n // This is in componentDidUpdate so a setTimeout is not used to wait for the render to be complete\n if (this.rowHeightSet) {\n const fontSize = parseInt(\n getComputedStyle(document.documentElement).fontSize\n );\n const hasAutoRowHeight = this.globalRowHeight === \"auto\";\n\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltipEl = this.getTooltip(typographyEl);\n\n if (hasAutoRowHeight) {\n cellContainer.style.height = null;\n\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.removeTooltip(cellContainer, typographyEl, tooltipEl);\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n );\n } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.resetShowHideTruncation(typographyEl);\n }\n\n return;\n }\n\n const rowHeight =\n fontSize *\n parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n // If the set row height is bigger than the cell container even\n // with textWrap, set the row height\n if (\n !cellContainer.classList.contains(\n this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n ) &&\n !cellContainer?.style?.height &&\n rowHeight > cellContainer.clientHeight &&\n !cellContainer.classList.contains(this.TEXT_WRAP_STRING)\n ) {\n cellContainer.style.setProperty(\n this.ROW_HEIGHT_CSS_VARIABLE,\n cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n );\n }\n\n if (this.truncationPattern) {\n // If the set row height is bigger than the typography truncation wrapper\n // scroll height, remove see more / see less button\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const showHideBtn =\n typographyEl.shadowRoot.querySelector(\"button\");\n\n if (\n showHideBtn &&\n truncWrapper?.scrollHeight <= cellContainer.clientHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n }\n this.truncate(typographyEl, cellContainer, tooltipEl);\n } else {\n this.updateSetRowHeight(typographyEl);\n }\n }\n );\n\n this.rowHeightSet = false;\n }\n\n // Only run truncation on the new rows\n // when the number of items per page has increased\n if (this.itemsPerPageChange) {\n const allRows = this.el.shadowRoot.querySelectorAll(\".table-row\");\n\n if (this.rowsPerPage > this.previousItemsPerPage) {\n const newRows = Array.from(allRows).slice(this.previousItemsPerPage);\n\n newRows.forEach((row) => {\n row\n .querySelectorAll(this.IC_TYPOGRAPHY_STRING)\n .forEach((typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltipEl = this.getTooltip(typographyEl);\n\n this.truncate(typographyEl, cellContainer, tooltipEl);\n });\n });\n }\n\n this.previousItemsPerPage = this.rowsPerPage;\n this.itemsPerPageChange = false;\n }\n\n if (!this.initialLoad && this.icPageChangeEvent) {\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.updateTruncationTooltip();\n }\n\n // set truncation to see more if opened and next/previous page is pressed\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.getTypographyElements().forEach((typographyEl) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n\n if (\n typographyEl?.scrollHeight > cellContainer.clientHeight &&\n !showHideBtn\n ) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n });\n }\n\n this.icPageChangeEvent = false;\n }\n\n if (this.densityUpdate) {\n this.getTypographyElements().forEach((typographyEl) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltipEl = this.getTooltip(typographyEl);\n\n this.truncate(typographyEl, cellContainer, tooltipEl);\n });\n\n this.densityUpdate = false;\n }\n\n if (this.truncationPatternUpdated) {\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.getTypographyElements().forEach((typographyEl) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltipEl = this.getTooltip(typographyEl);\n\n if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n this.addTooltipTruncation(typographyEl, cellContainer, tooltipEl);\n }\n });\n } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >\n truncWrapper?.scrollHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n\n if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n }\n );\n }\n }\n }\n\n private updateSetRowHeight = (typographyEl?: HTMLIcTypographyElement) => {\n const fontSize = parseInt(\n getComputedStyle(document.documentElement).fontSize\n );\n\n if (typographyEl) {\n const cellContainer = this.getCellContainer(typographyEl);\n\n const rowHeight =\n fontSize *\n parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n if (typographyEl.scrollHeight > rowHeight) {\n cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n }\n } else {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n\n const rowHeight =\n fontSize *\n parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n if (typographyEl.scrollHeight > rowHeight) {\n cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n }\n }\n );\n }\n };\n\n private createShowHideTruncation(\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement,\n descriptionHeight?: number\n ) {\n typographyEl.checkMaxLines(typographyEl.scrollHeight);\n typographyEl.setAttribute(\n \"max-lines\",\n `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n );\n if (\n cellContainer.classList.contains(\n this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n ) &&\n descriptionHeight\n ) {\n typographyEl.setAttribute(\n \"max-lines\",\n `${Math.floor(\n (cellContainer?.clientHeight - descriptionHeight) /\n this.DEFAULT_LINE_HEIGHT\n )}`\n );\n } else {\n typographyEl.setAttribute(\n \"max-lines\",\n `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n );\n }\n typographyEl.setShowHideExpanded(false);\n\n cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n }\n\n private debounceDataTruncation = () => {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n this.resizeObserver = new ResizeObserver(\n // This gets triggered twice due to updated data and see more/see less button\n dynamicDebounce(\n () => {\n this.dataTruncation(typographyEl);\n\n if (!this.isNewDebounceDelaySet) {\n this.setNewDebounceDelay(200);\n }\n },\n () => this.debounceDelay\n ) as ResizeObserverCallback\n );\n\n this.resizeObserver.observe(typographyEl);\n }\n }\n );\n };\n\n private setNewDebounceDelay = (delay: number) => {\n this.debounceDelay = delay;\n\n this.isNewDebounceDelaySet = true;\n };\n\n private getLines = (height: number): number =>\n Math.floor(height / this.DEFAULT_LINE_HEIGHT);\n\n private truncate = (\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement,\n tooltip: HTMLIcTooltipElement\n ) => {\n if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n //24 is the height of a single line\n if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.addTooltipTruncation(typographyEl, cellContainer, tooltip);\n }\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n }\n } else {\n if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n );\n\n const cellTextWrapper = cellContainer.querySelector(\n this.CELL_TEXT_WRAPPER_STRING\n );\n cellTextWrapper.prepend(typographyEl);\n tooltip.remove();\n }\n\n if (\n this.truncationPattern === this.SHOW_HIDE_STRING &&\n !isEmptyString(typographyEl.getAttribute(\"max-lines\"))\n ) {\n this.resetShowHideTruncation(typographyEl);\n }\n }\n };\n\n private addTooltipTruncation(\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement,\n tooltip: HTMLIcTooltipElement\n ) {\n this.addLineClampCSS(typographyEl, cellContainer);\n\n if (!tooltip) {\n this.createTruncationTooltip(typographyEl, cellContainer);\n }\n }\n\n private addShowHideTruncation(\n cellContainer: HTMLElement,\n typographyEl: HTMLIcTypographyElement\n ) {\n cellContainer.classList.add(this.SHOW_HIDE_CSS_CLASS);\n this.createShowHideTruncation(typographyEl, cellContainer);\n }\n\n private dataTruncation = (typographyEl: HTMLIcTypographyElement) => {\n // Tooltip truncation mentioned in AC. Will need revisiting\n const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n if (\n cellContainer?.classList.contains(\"data-type-element\") ||\n this.dataUpdated\n ) {\n return;\n }\n\n if (\n this.truncationPattern === this.SHOW_HIDE_STRING &&\n typographyEl.shadowRoot.querySelector(\"button\")\n ) {\n const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n // If the see more/see less is present and the max lines is equal to the cell container\n // remove the see more/see less button\n if (showHideBtn) {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n\n if (\n this.getLines(truncWrapper.scrollHeight) ===\n +typographyEl.getAttribute(\"max-lines\")\n ) {\n this.resetShowHideTruncation(typographyEl);\n }\n }\n }\n\n // Deals with setting and resetting row height and re-truncating data\n if (this.rowHeightSet && this.truncationPattern === this.SHOW_HIDE_STRING) {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n // cellContainer.clientHeight - 24 removes the extra line by see more/see less\n if (\n truncWrapper &&\n cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n truncWrapper.scrollHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n\n if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n return;\n }\n }\n\n if (\n typographyEl?.scrollHeight > 0 &&\n cellContainer?.clientHeight > 0 &&\n typographyEl?.scrollHeight === cellContainer?.clientHeight\n ) {\n if (tooltip) {\n this.removeTooltip(cellContainer, typographyEl, tooltip);\n }\n return;\n }\n\n this.truncate(typographyEl, cellContainer, tooltip);\n };\n\n private getTruncWrapper = (typographyEl: HTMLIcTypographyElement) =>\n typographyEl.shadowRoot.querySelector(\".trunc-wrapper\");\n\n // Set the height to initial if row height is set and the show / hide truncation\n // is clicked\n @Listen(\"typographyTruncationExpandToggle\")\n handleTypographyTruncationExpandToggle({\n detail,\n }: CustomEvent<{\n expanded: boolean;\n typographyEl: HTMLIcTypographyElement;\n }>): void {\n const { expanded, typographyEl } = detail;\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n cellContainer.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE) &&\n expanded\n ) {\n cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, \"inherit\");\n }\n }\n\n @Listen(\"icPageChange\")\n handlePageChange({ detail, target }: CustomEvent<{ value: number }>): void {\n if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n this.fromRow = (detail.value - 1) * this.rowsPerPage;\n this.toRow = this.fromRow + this.rowsPerPage;\n const tableRowsContainer = this.el.shadowRoot.querySelector(\n \".table-row-container\"\n );\n if (this.previousRowsPerPage === this.rowsPerPage) {\n tableRowsContainer.scrollTop = 0;\n } else if (this.previousRowsPerPage < this.rowsPerPage) {\n tableRowsContainer.scrollTop = this.scrollOffset;\n this.previousRowsPerPage = this.rowsPerPage;\n } else {\n this.previousRowsPerPage = this.rowsPerPage;\n }\n }\n\n if (!this.initialLoad && this.previousPaginationPage !== detail.value) {\n // This is to prevent icPageChange from triggering truncation on first load\n this.icPageChangeEvent = true;\n }\n\n this.previousPaginationPage = detail.value;\n this.initialLoad = false;\n }\n\n @Listen(\"icItemsPerPageChange\")\n handleItemsPerPageChange({\n detail,\n target,\n }: CustomEvent<{ value: number }>): void {\n if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n this.previousRowsPerPage = this.rowsPerPage;\n this.rowsPerPage = detail.value;\n }\n\n this.itemsPerPageChange = true;\n }\n\n @Listen(\"icTableDensityUpdate\")\n handleDensityChange(ev: CustomEvent<IcDensityUpdateEventDetail>): void {\n this.density = ev.detail.value;\n }\n\n @Listen(\"click\", { target: \"window\" })\n clickListener(ev: MouseEvent): void {\n if (ev.target !== this.el) this.selectedRow = undefined;\n }\n\n @Watch(\"loading\")\n loadingHandler(newValue: boolean): void {\n if (newValue) this.startLoadingTimer();\n\n if (this.loading) {\n setTimeout(() => {\n this.showLoadingIndicator();\n }, 500);\n }\n }\n\n @Watch(\"truncationPattern\")\n truncationPatternHandler(newValue: IcDataTableTruncationTypes): void {\n if (newValue === this.TOOLTIP_STRING) {\n this.resetShowHideTruncation();\n this.updateTruncationTooltip(true);\n\n // Not using debounceDataTruncation here due to resizeObserver not being triggered\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n\n this.truncate(typographyEl, cellContainer, tooltip);\n }\n );\n }\n\n if (newValue === this.SHOW_HIDE_STRING) {\n // ResizeObserver is trigger here due to the see more/see less links being removed.\n // The resizeObserver will also apply the tooltip where relevant\n this.updateTruncationTooltip(true);\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >\n truncWrapper?.scrollHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n\n setTimeout(() => {\n // slight delay due to data rendering\n if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n }, 150);\n }\n );\n }\n\n this.truncationPatternUpdated = true;\n }\n\n @Watch(\"data\")\n async dataHandler(): Promise<void> {\n this.loadingOptions = {\n ...this.loadingOptions,\n };\n if (this.loading) {\n !this.hasLoadedForOneSecond\n ? setTimeout(\n () => (this.loading = false),\n this.minimumLoadingDisplayDuration -\n (Date.now() - this.timerStarted)\n )\n : (this.loading = false);\n }\n if (this.updating) this.updating = false;\n\n this.dataUpdated = true;\n }\n\n @Watch(\"density\")\n async densityHandler(): Promise<void> {\n this.densityUpdate = true;\n }\n\n private removeTextWrap = (): void => {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const tableCell = typographyEl.closest(\"td\");\n if (tableCell.classList.contains(this.TEXT_WRAP_STRING)) {\n tableCell.classList.remove(this.TEXT_WRAP_STRING);\n }\n }\n );\n };\n\n private getCellContainer = (\n typographyEl: HTMLIcTypographyElement\n ): HTMLElement => {\n return typographyEl.closest(\".cell-container\");\n };\n\n private deleteTextWrapDataKey = (\n array: IcDataTableColumnObject[] | object[]\n ) =>\n Array.isArray(array) &&\n array.forEach((val) => val.textWrap && delete val.textWrap);\n\n private resetShowHideTruncation(typographyEl?: HTMLIcTypographyElement) {\n if (typographyEl) {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n truncWrapper?.scrollHeight > cellContainer?.clientHeight &&\n !isEmptyString(typographyEl.getAttribute(\"max-lines\")) &&\n Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT) !==\n +typographyEl.getAttribute(\"max-lines\")\n ) {\n typographyEl.checkMaxLines(truncWrapper.scrollHeight);\n typographyEl.setAttribute(\n \"max-lines\",\n `${Math.floor(\n cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT\n )}`\n );\n typographyEl.setShowHideExpanded(false);\n\n cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n } else if (\n !cellContainer.classList.contains(\n this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n )\n ) {\n typographyEl.resetTruncation().then(() => {\n if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n cellContainer.style.setProperty(\n this.ROW_HEIGHT_CSS_VARIABLE,\n cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n );\n }\n });\n }\n } else {\n this.getTypographyElements().forEach((typographyEl) => {\n const cellContainer = this.getCellContainer(typographyEl);\n\n typographyEl.resetTruncation().then(() => {\n if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n cellContainer.style.setProperty(\n this.ROW_HEIGHT_CSS_VARIABLE,\n cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n );\n }\n });\n });\n }\n }\n\n @Watch(\"globalRowHeight\")\n @Watch(\"variableRowHeight\")\n rowHeightChangeHandler(newValue: number, oldValue: number): void {\n if (+newValue !== +oldValue) {\n this.deleteTextWrapDataKey(this.data);\n this.deleteTextWrapDataKey(this.columns);\n this.removeTextWrap();\n\n this.icRowHeightChange.emit();\n\n this.rowHeightSet = true;\n }\n }\n\n /**\n * Resets the `globalRowHeight` prop to number or auto and sets the `variableRowHeight` prop to `null`.\n */\n @Method()\n async resetRowHeights(rowHeight?: number | \"auto\"): Promise<void> {\n this.globalRowHeight = rowHeight || \"auto\";\n this.variableRowHeight = null;\n }\n\n private showLoadingIndicator() {\n if (this.loadingOptions?.overlay) {\n this.loadingOverlay?.classList.add(\"show\");\n }\n this.loadingIndicator?.classList.add(\"show\");\n }\n\n private startLoadingTimer = (): void => {\n this.hasLoadedForOneSecond = false;\n this.timerStarted = Date.now();\n setTimeout(() => {\n this.hasLoadedForOneSecond = true;\n this.timerStarted = null;\n }, this.minimumLoadingDisplayDuration);\n };\n\n private isObject = (value: any) =>\n value !== undefined && value !== null && typeof value === \"object\";\n\n private notDefaultDensity = () => this.density !== \"default\";\n\n private getCellContent = (\n cell: any,\n dataType: IcDataTableColumnDataTypes\n ): any => {\n switch (dataType) {\n case \"element\":\n return undefined;\n case \"date\":\n return (\n cell instanceof Date ? cell : new Date(cell)\n ).toLocaleDateString();\n default:\n return cell;\n }\n };\n\n private getCellAlignment = (\n cell: any,\n alignment: \"horizontal\" | \"vertical\"\n ) => {\n if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n return this.getObjectValue(\n this.getObjectValue(cell, \"cellAlignment\"),\n alignment\n );\n }\n };\n\n private getCellOptions = (cell: any, key: string) => {\n if (!(this.isObject(cell) && Object.keys(cell).includes(key))) return;\n\n return this.getObjectValue(cell, key);\n };\n\n private createUpdatingIndicator = () => {\n const { description, max, min, progress, monochrome } =\n this.updatingOptions || {};\n return (\n <th colSpan={this.columns.length} class=\"updating-state\">\n <ic-loading-indicator\n theme={this.theme}\n monochrome={monochrome}\n description={description || \"Updating table data\"}\n fullWidth={true}\n max={max}\n min={min}\n progress={progress}\n type=\"linear\"\n size=\"small\"\n ></ic-loading-indicator>\n </th>\n );\n };\n\n private setRowHeight = (height: number) => {\n return pxToRem(\n `${\n height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n }px`\n );\n };\n\n private setTruncationClass = () =>\n this.truncationPattern\n ? { [`truncation-${this.truncationPattern}`]: true }\n : {};\n\n private getColumnWidth = (\n columnWidth?: string | IcDataTableColumnWidthTypes\n ) => {\n // TODO: Setting max width on columns\n let columnWidthStyling = {};\n\n if (columnWidth) {\n if (typeof columnWidth === \"string\") {\n columnWidthStyling = {\n ...columnWidthStyling,\n [\"--column-width\"]: columnWidth,\n };\n }\n\n if (typeof columnWidth === \"object\" && !!Object.keys(columnWidth)) {\n if (columnWidth?.minWidth) {\n columnWidthStyling = {\n ...columnWidthStyling,\n [\"--column-min-width\"]: columnWidth?.minWidth,\n };\n }\n\n if (columnWidth?.maxWidth) {\n columnWidthStyling = {\n ...columnWidthStyling,\n [\"--column-max-width\"]: columnWidth?.maxWidth,\n };\n }\n }\n }\n\n return columnWidthStyling;\n };\n\n private getRowHeight = (\n currentRowHeight: number,\n columnProps: IcDataTableColumnObject,\n rowTextWrap: boolean,\n cell: any\n ) => {\n if (\n (this.truncationPattern || currentRowHeight) &&\n !columnProps?.textWrap &&\n !rowTextWrap &&\n !this.getCellOptions(cell, \"textWrap\") &&\n columnProps?.dataType !== \"element\"\n ) {\n return {\n [this.ROW_HEIGHT_CSS_VARIABLE]: this.setRowHeight(currentRowHeight),\n };\n }\n\n return {};\n };\n\n private adjustWidthForActionElement = () => {\n const elements = this.el.shadowRoot.querySelectorAll(\".action-element\");\n elements.forEach((element) => {\n const width = (element.firstChild as HTMLElement).getBoundingClientRect()\n .width;\n const gridWrapper: HTMLElement = element.closest(\".cell-grid-wrapper\");\n gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;\n });\n };\n\n private createCellContent = (\n columnProps: IcDataTableColumnObject,\n cell: any,\n cellSlotName: string,\n rowOptions: any,\n rowAlignment: string,\n hasIcon: boolean,\n currentRowHeight: number,\n cellValue: (key: string) => any,\n rowEmphasis: string\n ) => (\n <div\n innerHTML={\n columnProps?.dataType === \"element\" &&\n !isSlotUsed(this.el, cellSlotName)\n ? (cell as string)\n : null\n }\n class={{\n \"cell-container\": columnProps?.dataType !== \"element\",\n [`cell-alignment-${\n columnProps?.columnAlignment?.vertical ||\n rowOptions?.rowAlignment?.vertical ||\n rowAlignment ||\n this.getCellAlignment(cell, \"vertical\")\n }`]:\n !!columnProps?.columnAlignment?.vertical ||\n !!rowOptions?.rowAlignment?.vertical ||\n !!rowAlignment ||\n !!this.getCellAlignment(cell, \"vertical\"),\n [`cell-alignment-${\n columnProps?.columnAlignment?.horizontal ||\n rowOptions?.rowAlignment?.horizontal ||\n this.getCellAlignment(cell, \"horizontal\")\n }`]:\n !!columnProps?.columnAlignment?.horizontal ||\n !!rowOptions?.rowAlignment?.horizontal ||\n !!this.getCellAlignment(cell, \"horizontal\"),\n [`data-type-${columnProps?.dataType}`]: true,\n [this.TEXT_WRAP_STRING]:\n columnProps?.textWrap ||\n rowOptions?.textWrap ||\n !!this.getCellOptions(cell, \"textWrap\"),\n [\"cell-icon\"]: hasIcon || !!columnProps?.icon?.icon,\n [`cell-emphasis-${\n (this.isObject(cell) && cellValue(\"emphasis\")) ||\n columnProps?.emphasis ||\n rowEmphasis\n }`]:\n (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n !!columnProps?.emphasis ||\n !!rowEmphasis,\n ...this.setTruncationClass(),\n [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:\n this.isObject(cell) && Object.keys(cell).includes(\"description\"),\n }}\n style={{\n ...this.getRowHeight(\n currentRowHeight,\n columnProps,\n rowOptions?.textWrap,\n cell\n ),\n ...this.getColumnWidth(columnProps?.columnWidth),\n }}\n data-row-height={\n this.truncationPattern || currentRowHeight\n ? this.setRowHeight(currentRowHeight)\n : null\n }\n >\n {isSlotUsed(this.el, cellSlotName) ? (\n <slot name={cellSlotName} />\n ) : (\n <Fragment>\n {isSlotUsed(this.el, `${cellSlotName}-icon`) ? (\n <slot name={`${cellSlotName}-icon`} />\n ) : (\n (hasIcon || columnProps?.icon?.onAllCells) &&\n (cellValue(\"icon\") || columnProps?.icon?.icon) && (\n <span\n class=\"icon\"\n innerHTML={cellValue(\"icon\") || columnProps?.icon?.icon}\n ></span>\n )\n )}\n {columnProps?.dataType !== \"element\" &&\n !isSlotUsed(this.el, cellSlotName) && (\n <div\n class={{\n \"cell-text-wrapper\": true,\n \"cell-text-no-wrap\": !this.truncationPattern,\n }}\n >\n <ic-typography\n variant=\"body\"\n class={{\n [`cell-emphasis-${\n (this.isObject(cell) && cellValue(\"emphasis\")) ||\n columnProps?.emphasis ||\n rowEmphasis\n }`]:\n (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n !!columnProps?.emphasis ||\n !!rowEmphasis,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {this.isObject(cell) && columnProps?.dataType !== \"date\" ? (\n Object.keys(cell).includes(\"href\") ? (\n <ic-link\n href={cellValue(\"href\")}\n theme={this.theme}\n target={cellValue(\"target\") || undefined}\n rel={cellValue(\"rel\") || undefined}\n >\n {cellValue(\"data\")}\n </ic-link>\n ) : (\n cellValue(\"data\")\n )\n ) : (\n this.getCellContent(cell, columnProps?.dataType)\n )}\n </ic-typography>\n {this.isObject(cell) &&\n Object.keys(cell).includes(\"description\") && (\n <div\n class={{\n [\"cell-description\"]: true,\n [`data-type-${columnProps?.dataType}`]: true,\n }}\n >\n {cellValue(\"description\")?.icon && (\n <span\n class=\"cell-description-icon\"\n innerHTML={cellValue(\"description\").icon}\n ></span>\n )}\n <ic-typography\n variant=\"caption\"\n class=\"cell-description-text\"\n >\n {cellValue(\"description\")?.data ??\n cellValue(\"description\")}\n </ic-typography>\n </div>\n )}\n </div>\n )}\n </Fragment>\n )}\n </div>\n );\n\n private createCells = (row: IcDataTableDataType, rowIndex: number) => {\n const rowValues = Object.values(row);\n const rowKeys = Object.keys(row);\n\n const rowOptions = this.getRowOptions(rowKeys, rowValues);\n let rowAlignment: string;\n let rowEmphasis: string;\n\n const headerIndex = rowKeys.indexOf(\"header\");\n if (headerIndex > -1) {\n rowAlignment = this.getObjectValue(\n rowValues[headerIndex],\n \"rowAlignment\"\n );\n rowEmphasis = this.getObjectValue(rowValues[headerIndex], \"emphasis\");\n }\n\n const variableRowHeightVal = this.variableRowHeight?.({\n ...row,\n index: rowIndex,\n });\n const currentRowHeight = variableRowHeightVal\n ? variableRowHeightVal !== \"auto\" && variableRowHeightVal\n : this.globalRowHeight !== \"auto\" && this.globalRowHeight;\n\n return rowValues.map((cell, index) => {\n const columnProps = this.columns[index];\n const cellSlotName = `${columnProps?.key}-${rowIndex}`;\n const hasIcon = this.isObject(cell) && Object.keys(cell).includes(\"icon\");\n const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n if (rowKeys[index] === \"header\") {\n return (\n <th\n scope=\"row\"\n colSpan={cellValue(\"colspan\")}\n class={{\n [\"row-header\"]: true,\n [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n !!cellValue(\"cellAlignment\"),\n [\"row-header-sticky\"]: this.stickyRowHeaders,\n }}\n >\n {cellValue(\"title\")}\n </th>\n );\n }\n\n if (rowKeys[index] !== \"rowOptions\") {\n return (\n <td\n class={{\n [\"table-cell\"]: true,\n [`table-density-${this.density}`]: this.notDefaultDensity(),\n [\"with-overflow\"]: columnProps?.dataType === \"element\",\n }}\n style={{ ...this.getColumnWidth(columnProps.columnWidth) }}\n >\n {this.isObject(cell) &&\n Object.keys(cell).includes(\"actionElement\") ? (\n <div class=\"cell-grid-wrapper\">\n {this.createCellContent(\n columnProps,\n cell,\n cellSlotName,\n rowOptions,\n rowAlignment,\n hasIcon,\n currentRowHeight,\n cellValue,\n rowEmphasis\n )}\n <span\n class=\"action-element\"\n innerHTML={cellValue(\"actionElement\")}\n // eslint-disable-next-line react/jsx-no-bind\n onClick={\n cell.actionOnClick\n ? (event) => this.handleClick(event, cell.actionOnClick)\n : undefined\n }\n ></span>\n </div>\n ) : (\n this.createCellContent(\n columnProps,\n cell,\n cellSlotName,\n rowOptions,\n rowAlignment,\n hasIcon,\n currentRowHeight,\n cellValue,\n rowEmphasis\n )\n )}\n </td>\n );\n }\n });\n };\n\n private createColumnHeaders = () =>\n (this.columns || []).map(\n (\n {\n cellAlignment,\n colspan,\n icon,\n key,\n title,\n columnWidth,\n excludeColumnFromSort,\n },\n index\n ) => (\n <th\n scope=\"col\"\n class={{\n [\"column-header\"]: true,\n [`table-density-${this.density}`]: this.notDefaultDensity(),\n [\"updating-state-headers\"]: this.updating && !this.loading,\n }}\n style={{ ...this.getColumnWidth(columnWidth) }}\n colSpan={colspan}\n >\n <div\n class={{\n \"column-header-inner-container\": true,\n \"truncation-tooltip\": this.columnHeaderTruncation,\n [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,\n }}\n >\n {isSlotUsed(this.el, `${key}-column-icon`) ? (\n <slot name={`${key}-column-icon`} />\n ) : (\n icon &&\n !icon.hideOnHeader && (\n <span class=\"icon\" innerHTML={icon.icon}></span>\n )\n )}\n {this.columnHeaderTruncation ? (\n <ic-tooltip label={title} target={`column-header-${index}`}>\n <ic-typography\n id={`column-header-${index}`}\n variant=\"body\"\n class={{\n [\"column-header-text\"]: true,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {title}\n </ic-typography>\n </ic-tooltip>\n ) : (\n <ic-typography\n variant=\"body\"\n class={{\n [\"column-header-text\"]: true,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {title}\n </ic-typography>\n )}\n {this.sortable && !excludeColumnFromSort && (\n <ic-button\n variant=\"icon\"\n id={`sort-button-${key}`}\n aria-label={this.getSortButtonLabel(key)}\n // eslint-disable-next-line react/jsx-no-bind\n onClick={() => this.sortRows(key)}\n innerHTML={\n this.SORT_ICONS[\n this.sortedColumn === key\n ? this.sortedColumnOrder\n : \"unsorted\"\n ]\n }\n class={{\n [\"sort-button\"]: true,\n [\"sort-button-unsorted\"]:\n this.sortedColumn !== key ||\n this.sortedColumnOrder === \"unsorted\",\n }}\n ></ic-button>\n )}\n </div>\n {this.columnHeaderTruncation && (\n <ic-typography\n variant=\"body\"\n aria-hidden=\"true\"\n class={{\n [\"column-header-text\"]: true,\n [\"dummy-column-header-text\"]: this.columnHeaderTruncation,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {title}\n </ic-typography>\n )}\n </th>\n )\n );\n\n private onRowClick = (row: object) => {\n if (!this.loading && !this.updating) {\n this.icSelectedRowChange.emit(this.selectedRow !== row ? row : null);\n }\n\n this.selectedRow =\n this.selectedRow !== row && !this.loading && !this.updating && row;\n };\n\n private createRows = () => {\n const data = this.showPagination\n ? this.data.slice(this.fromRow, this.toRow)\n : this.data.slice();\n\n const paginationOffset = this.showPagination ? this.fromRow : 0;\n\n /**\n * Ensures that createCells has a value in data to map over to actually render the slot.\n * Removes the need for the user to add it multiple times.\n * `addDataToPosition` used to add the element in the correct column order.\n * Adding empty string value in to give `createCells` something to loop over.\n */\n const organisedData = data.map((row, rowIndex) => {\n const slottedColumns = this.columns\n .map(\n ({ key }, index) =>\n isSlotUsed(this.el, `${key}-${rowIndex + paginationOffset}`) && {\n key,\n index,\n }\n )\n .filter(\n (col) =>\n !!col &&\n // skip the column if its already in the row\n !Object.prototype.hasOwnProperty.call(row, col.key)\n );\n return slottedColumns.length > 0\n ? addDataToPosition(row, slottedColumns, \"\")\n : row;\n });\n\n return organisedData\n .sort(\n !this.sortable || this.disableAutoSort\n ? undefined\n : this.getSortFunction()\n )\n .map((row, index) => {\n return (\n <tr\n // eslint-disable-next-line react/jsx-no-bind\n onClick={() => this.onRowClick(row)}\n class={{\n [\"table-row\"]: true,\n [\"table-row-selected\"]:\n this.highlightSelectedRow && this.selectedRow === row,\n }}\n >\n {this.createCells(row, index + paginationOffset)}\n </tr>\n );\n });\n };\n\n private getObjectValue = (cell: object, key: string) =>\n Object.values(cell)[Object.keys(cell).indexOf(key)];\n\n private getSortButtonLabel = (key: string) => {\n let label = \"\";\n const getNextSortOption = (option: IcDataTableSortOrderOptions) => {\n const sortOrders = this.sortOptions.sortOrders;\n return sortOrders[(sortOrders.indexOf(option) + 1) % sortOrders.length];\n };\n\n if (this.sortedColumn === key) {\n const sortOption = getNextSortOption(this.sortedColumnOrder);\n label = sortOption !== \"unsorted\" ? `Sort ${sortOption}` : \"Remove sort\";\n } else {\n label = `Sort ${getNextSortOption(\"unsorted\")}`;\n }\n\n return label;\n };\n\n private getComparison = (targetRow: any, comparisonRow: any): number => {\n const targetRowValue = targetRow[this.sortedColumn];\n const comparisonRowValue = comparisonRow[this.sortedColumn];\n return this.columns.find((col) => col.key === this.sortedColumn)\n .dataType === \"date\"\n ? new Date(targetRowValue).valueOf() -\n new Date(comparisonRowValue).valueOf()\n : String(\n this.isObject(targetRowValue)\n ? Object.values(targetRowValue)[0]\n : targetRowValue\n ).localeCompare(\n String(\n this.isObject(comparisonRowValue)\n ? Object.values(comparisonRowValue)[0]\n : comparisonRowValue\n ),\n undefined,\n { numeric: true, sensitivity: \"base\" }\n );\n };\n\n private getSortFunction = () => {\n switch (this.sortedColumnOrder) {\n case \"ascending\":\n return (a: any, b: any) => this.getComparison(a, b);\n case \"descending\":\n return (a: any, b: any) => this.getComparison(b, a);\n default:\n return undefined;\n }\n };\n\n private sortRows = (column: string) => {\n const sortButton = this.el.shadowRoot.querySelector(\n `#sort-button-${column}`\n ) as HTMLIcButtonElement;\n\n const sortOrders = this.sortOptions.sortOrders;\n\n if (column !== this.sortedColumn) {\n if (this.sortedColumn) {\n const previousSortedButton = this.el.shadowRoot.querySelector(\n `#sort-button-${this.sortedColumn}`\n ) as HTMLIcButtonElement;\n previousSortedButton.setAttribute(\n \"aria-label\",\n this.getSortButtonLabel(column)\n ); // Passing through unsorted column returns correct label for newly unsorted column\n }\n this.sortedColumn = column;\n this.sortedColumnOrder = \"unsorted\";\n }\n\n let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n if (nextSortOrderIndex > sortOrders.length - 1) {\n nextSortOrderIndex = 0;\n }\n\n this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n sortButton.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n\n this.tableSorted = true;\n\n this.icSortChange.emit({\n columnName: column,\n sorted: this.sortedColumnOrder,\n });\n };\n\n private getTypographyElements = (): HTMLIcTypographyElement[] => {\n // Filter out column headers and cell descriptions\n return Array.from(\n this.el.shadowRoot.querySelectorAll(\n \"ic-typography:not(.column-header-text,.cell-description-text)\"\n )\n );\n };\n\n private getTooltip = (\n typographyEl: HTMLIcTypographyElement\n ): HTMLIcTooltipElement => {\n return typographyEl.closest(this.TOOLTIP);\n };\n\n private updateTruncationTooltip = (removeTooltipOnly = false) => {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const tooltip = this.getTooltip(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n this.removeTooltip(cellContainer, typographyEl, tooltip);\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n );\n return;\n }\n\n this.regenerateTooltip(\n cellContainer,\n typographyEl,\n tooltip,\n removeTooltipOnly\n );\n }\n );\n };\n\n private updateScrollOffset = () => {\n this.scrollOffset = this.el.shadowRoot.querySelector(\n \".table-row-container\"\n ).scrollTop;\n };\n\n private updateRowHeightForDescriptions = (\n rowHeight: number,\n cellContainer: Element\n ) => {\n cellContainer.setAttribute(\"data-row-height\", rowHeight.toString());\n cellContainer.setAttribute(\n \"style\",\n `${this.ROW_HEIGHT_CSS_VARIABLE}: ${rowHeight}px`\n );\n };\n\n // Method to update the row heights on cells with descriptions and tooltip truncation\n private updateCellHeightsWithDescriptions = () => {\n const descriptions = this.el.shadowRoot.querySelectorAll(\n this.CELL_DESCRIPTION_STRING\n );\n\n descriptions.forEach((description) => {\n const cellContainer = description.closest(\n `.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`\n ) as HTMLElement;\n const typography = cellContainer.querySelector(\n this.IC_TYPOGRAPHY_STRING\n ) as HTMLIcTypographyElement;\n\n const descriptionMarginTop = window\n .getComputedStyle(description)\n .getPropertyValue(\"margin-top\");\n\n const descriptionHeight =\n description.clientHeight + parseInt(descriptionMarginTop, 10);\n\n if (this.globalRowHeight && this.globalRowHeight !== \"auto\") {\n if (\n !typography.textContent &&\n descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight\n ) {\n this.updateRowHeightForDescriptions(descriptionHeight, cellContainer);\n } else if (this.truncationPattern === this.TOOLTIP_STRING) {\n if (\n descriptionHeight + this.DEFAULT_LINE_HEIGHT >\n this.globalRowHeight\n ) {\n const cellIcon = cellContainer?.querySelector(\".icon\");\n if (deviceSizeMatches(IC_DEVICE_SIZES.XS) && cellIcon) {\n // recalculate descriptionHeight as when a word break occurs this value changes\n // Additional spacing given for 300-400% zoom\n this.updateRowHeightForDescriptions(\n descriptionHeight +\n this.DEFAULT_LINE_HEIGHT +\n cellIcon.clientHeight,\n cellContainer\n );\n } else {\n this.updateRowHeightForDescriptions(\n descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n cellContainer\n );\n }\n }\n this.addLineClampCSS(typography, cellContainer);\n // Additional case for show/hide truncation for when a description is present, but the text\n // isn't overflowing the cell to trigger the show more button to appear.\n } else if (\n this.truncationPattern === this.SHOW_HIDE_STRING &&\n descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight &&\n typography.style.getPropertyValue(\"--truncation-max-lines\") !==\n \"initial\"\n ) {\n this.updateRowHeightForDescriptions(\n descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n cellContainer\n );\n\n if (descriptionHeight) {\n this.createShowHideTruncation(\n typography,\n cellContainer as HTMLElement,\n descriptionHeight\n );\n }\n }\n }\n });\n };\n\n private getRowOptions(rowKeys: string[], rowValues: any[]) {\n const rowOptionsIndex = rowKeys.indexOf(\"rowOptions\");\n return rowOptionsIndex > -1 && rowValues[rowOptionsIndex];\n }\n\n private regenerateTooltip(\n cellContainer: HTMLElement,\n typographyEl: HTMLIcTypographyElement,\n tooltip: HTMLIcTooltipElement,\n removeTooltipOnly?: boolean\n ) {\n // When sorting the table, instead of regenerating the tooltip,\n // the tooltip details are updated\n\n if (tooltip) {\n if (this.tableSorted) {\n tooltip.setAttribute(\"target\", typographyEl.id);\n tooltip.setAttribute(\"label\", typographyEl.textContent);\n } else {\n this.removeTooltip(cellContainer, typographyEl, tooltip);\n }\n if (removeTooltipOnly) {\n return;\n }\n }\n\n // This add line clamp to data only when\n // the data object has been updated\n if (!typographyEl.getAttribute(\"style\") && this.dataUpdated) {\n this.addLineClampCSS(typographyEl, cellContainer);\n }\n\n if (\n typographyEl?.scrollHeight > cellContainer?.clientHeight &&\n this.truncationPattern === this.TOOLTIP_STRING\n ) {\n if (\n !typographyEl.getAttribute(\"style\") ||\n typographyEl.style.cssText.includes(\n `${this.LINE_CLAMP_CSS_VARIABLE}: 0;`\n )\n ) {\n this.addLineClampCSS(typographyEl, cellContainer);\n }\n if (!cellContainer.querySelector(this.IC_TOOLTIP_STRING))\n this.createTruncationTooltip(typographyEl, cellContainer);\n }\n }\n private setTableDimensions = () => {\n let tableHostDimensions = {};\n\n if (this.width) {\n tableHostDimensions = {\n ...tableHostDimensions,\n [\"--table-width\"]: this.width,\n };\n }\n\n if (this.height) {\n tableHostDimensions = {\n ...tableHostDimensions,\n [\"--table-height\"]: this.height,\n };\n }\n\n if (this.maxWidth) {\n tableHostDimensions = {\n ...tableHostDimensions,\n [\"--table-max-width\"]: this.maxWidth,\n };\n }\n\n if (this.minWidth) {\n tableHostDimensions = {\n ...tableHostDimensions,\n [\"--table-min-width\"]: this.minWidth,\n };\n }\n\n return tableHostDimensions;\n };\n\n private removeTooltip(\n cellContainer: HTMLElement,\n typographyEl: HTMLIcTypographyElement,\n tooltip: HTMLIcTooltipElement\n ) {\n const cellTextWrapper = cellContainer.querySelector(\n this.CELL_TEXT_WRAPPER_STRING\n );\n cellTextWrapper.prepend(typographyEl);\n if (tooltip) {\n tooltip.remove();\n }\n }\n\n private addLineClampCSS(\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement\n ) {\n const descriptionCellHeight = cellContainer.querySelector(\n this.CELL_DESCRIPTION_STRING\n )?.clientHeight;\n if (\n cellContainer.classList.contains(\n this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n ) &&\n cellContainer?.clientHeight > descriptionCellHeight\n ) {\n let iconHeight: number;\n if (deviceSizeMatches(IC_DEVICE_SIZES.XS)) {\n const cellIcon = cellContainer?.querySelector(\".icon\");\n iconHeight = cellIcon ? cellIcon.clientHeight : 0;\n } else {\n iconHeight = 0;\n }\n\n const height =\n cellContainer?.clientHeight -\n cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)\n ?.clientHeight -\n iconHeight;\n\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(height || 0)}`\n );\n } else {\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(\n cellContainer?.clientHeight\n )}`\n );\n }\n }\n\n private createTruncationTooltip(\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement\n ) {\n const tooltipEl = document.createElement(\n this.IC_TOOLTIP_STRING\n ) as HTMLIcTooltipElement;\n tooltipEl.setAttribute(\"target\", typographyEl.id);\n tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n tooltipEl.classList.add(\"ic-tooltip-overflow\");\n tooltipEl.setExternalPopperProps({\n // This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly\n strategy: \"fixed\",\n });\n const cellTextWrapper = cellContainer.querySelector(\n this.CELL_TEXT_WRAPPER_STRING\n );\n cellTextWrapper.prepend(tooltipEl);\n tooltipEl.prepend(typographyEl);\n }\n\n private fixCellTooltip = (element: HTMLElement) => {\n let tooltip: HTMLIcTooltipElement;\n\n if (element.tagName === \"IC-TOOLTIP\") {\n tooltip = element as HTMLIcTooltipElement;\n } else if (element.shadowRoot?.querySelector(this.IC_TOOLTIP_STRING)) {\n tooltip = element.shadowRoot?.querySelector(\n this.IC_TOOLTIP_STRING\n ) as HTMLIcTooltipElement;\n } else {\n if (element.children?.length > 0) {\n Array.from(element.children).forEach((el) => {\n this.fixCellTooltip(el as HTMLElement);\n });\n } else {\n return;\n }\n }\n\n if (tooltip) {\n tooltip.setExternalPopperProps({\n strategy: \"fixed\",\n });\n }\n };\n\n private fixCellTooltips = () => {\n const elements = this.el.shadowRoot.querySelectorAll(\".data-type-element\");\n elements.forEach((element) => {\n const slotElements = getSlotElements(element);\n slotElements?.forEach((slottedEl: HTMLElement) => {\n this.fixCellTooltip(slottedEl);\n });\n });\n\n const actionElements =\n this.el.shadowRoot.querySelectorAll(\".action-element\");\n\n actionElements?.forEach((actionElementSpan) => {\n const actionElement = actionElementSpan.firstChild as HTMLElement;\n if (actionElement) {\n this.fixCellTooltip(actionElement);\n }\n });\n };\n\n private handleClick = (event: Event, callback: (event: Event) => void) =>\n callback(event);\n\n private renderTableBody = (\n data: IcDataTableDataType[],\n loading: boolean,\n overlay: boolean\n ) => {\n if (!data?.length) return;\n\n if (overlay && loading) {\n return <tbody>{this.createRows()}</tbody>;\n } else if (loading && !overlay) {\n return null;\n } else {\n return <tbody>{this.createRows()}</tbody>;\n }\n };\n\n private renderLoadingIndicator = (\n isLoading: boolean,\n loadingOptions: IcLoadingOptions\n ) => {\n if (!isLoading) return null;\n\n return (\n <Fragment>\n <div\n class=\"loading-overlay\"\n ref={(el) => (this.loadingOverlay = el)}\n ></div>\n <ic-loading-indicator\n theme={this.theme}\n monochrome={loadingOptions?.monochrome}\n class={{\n \"loading-empty\": isLoading,\n loading: true,\n }}\n description={loadingOptions.description || \"Loading table data\"}\n label={loadingOptions.label || \"Loading...\"}\n labelDuration={loadingOptions?.labelDuration}\n max={loadingOptions?.max}\n min={loadingOptions?.min}\n progress={loadingOptions?.progress}\n ref={(el: HTMLIcLoadingIndicatorElement) =>\n (this.loadingIndicator = el)\n }\n ></ic-loading-indicator>\n </Fragment>\n );\n };\n\n private renderAriaLiveLoading = () => {\n if (this.loading) {\n return this.loadingOptions?.label || \"Loading...\";\n } else if (this.updating) {\n return this.updatingOptions?.description || \"Updating table data\";\n } else {\n return \"\";\n }\n };\n\n private renderEmptyState = (\n data: IcDataTableDataType[],\n loading: boolean,\n overlay: boolean\n ) => {\n const emptyStateEl = isSlotUsed(this.el, \"empty-state\") ? (\n <slot name=\"empty-state\" />\n ) : (\n <ic-empty-state\n aligned=\"center\"\n heading=\"No Data\"\n class=\"loading-empty\"\n ></ic-empty-state>\n );\n\n if (loading && !data?.length && overlay) {\n return emptyStateEl;\n } else if (!loading && !data?.length) {\n return emptyStateEl;\n } else {\n return null;\n }\n };\n\n render() {\n const {\n caption,\n createColumnHeaders,\n createUpdatingIndicator,\n data,\n hideColumnHeaders,\n loading,\n loadingOptions,\n paginationBarOptions,\n scrollable,\n scrollOffset,\n showPagination,\n sortable,\n sortedColumn,\n sortedColumnOrder,\n stickyColumnHeaders,\n updateScrollOffset,\n updating,\n theme,\n } = this;\n\n return (\n <Host\n style={{ ...this.setTableDimensions() }}\n class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n >\n <div class=\"table-container\">\n {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n <div\n class={{\n [\"table-row-container\"]: true,\n scrollable,\n }}\n tabIndex={scrollable ? 0 : null}\n onScroll={updateScrollOffset}\n >\n <table\n style={{\n [\"--table-layout\"]: this.tableLayout,\n }}\n >\n <caption class=\"table-caption\">{caption}</caption>\n {!hideColumnHeaders && (\n <thead\n class={{\n [\"column-header-sticky\"]: stickyColumnHeaders,\n [\"column-header-overlay\"]:\n stickyColumnHeaders && scrollOffset !== 0,\n }}\n >\n <tr>{createColumnHeaders()}</tr>\n </thead>\n )}\n {updating &&\n !loading &&\n (hideColumnHeaders ? (\n <thead>{createUpdatingIndicator()}</thead>\n ) : (\n createUpdatingIndicator()\n ))}\n {this.renderTableBody(data, loading, loadingOptions.overlay)}\n </table>\n {this.renderEmptyState(data, loading, loadingOptions.overlay)}\n </div>\n <div aria-live=\"assertive\" class=\"sr-only\">\n {this.renderAriaLiveLoading()}\n </div>\n {this.renderLoadingIndicator(loading, loadingOptions)}\n {(showPagination || isSlotUsed(this.el, \"pagination-bar\")) && (\n <div class=\"pagination-container\">\n {isSlotUsed(this.el, \"pagination-bar\") ? (\n <slot name=\"pagination-bar\" />\n ) : (\n <ic-pagination-bar\n alignment={paginationBarOptions.alignment}\n hideAllFromItemsPerPage={\n paginationBarOptions.hideAllFromItemsPerPage\n }\n hideRangeLabel={paginationBarOptions.hideRangeLabel}\n itemLabel={paginationBarOptions.itemLabel}\n itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\n monochrome={paginationBarOptions.monochrome}\n pageLabel={paginationBarOptions.pageLabel}\n rangeLabelType={paginationBarOptions.rangeLabelType}\n selectedItemsPerPage={\n paginationBarOptions.selectedItemsPerPage\n }\n setToFirstPageOnPaginationChange={\n paginationBarOptions.setToFirstPageOnPaginationChange\n }\n showGoToPageControl={paginationBarOptions.showGoToPageControl}\n showItemsPerPageControl={\n paginationBarOptions.showItemsPerPageControl\n }\n theme={theme}\n totalItems={data?.length ?? 0}\n type={paginationBarOptions.type}\n ></ic-pagination-bar>\n )}\n </div>\n )}\n {sortable && (\n <div class=\"screen-reader-sort-text\" aria-live=\"polite\">\n {sortedColumnOrder !== \"unsorted\" && sortedColumn\n ? `${\n this.columns.find((col) => col.key === sortedColumn)\n ?.title || sortedColumn\n } sorted ${sortedColumnOrder}`\n : \"table unsorted\"}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as a,c as e,h as t,g as i}from"./p-00135a74.js";import{i as c}from"./p-afde50b8.js";const s='.title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid\n var(--ic-data-table-title-bar-keyline);background-color:var(--ic-data-table-title-bar-background)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-data-table-title-bar-information)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem;color:var(--ic-data-table-title-bar-title);--ic-typography-color:var(--ic-data-table-title-bar-title)}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-data-table-title-bar-description);--ic-typography-color:var(--ic-data-table-title-bar-description)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot="description"]){max-width:40rem}.density-input{--input-width:7.625rem}@media (max-width: 1200px){.header-container{flex-direction:column}}@media (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media (min-width: 769px){.description-actions{justify-content:space-between}}@media (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media (min-width: 577px){.action-area{align-items:center}}@media (max-width: 576px){.action-area{flex-direction:column}}';const r=s;const o="Title Bar";const d=class{constructor(t){a(this,t);this.icTableDensityUpdate=e(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.heading=o;this.hideDensitySelect=false;this.changeDensity=a=>{this.icTableDensityUpdate.emit({value:a.detail.value})}}componentWillLoad(){const a=this.el.parentElement;if(a.tagName==="IC-DATA-TABLE"){const{caption:e,density:t,embedded:i}=a;this.initialDensitySelectOption=t;this.isEmbedded=i;if(this.heading===o){this.heading=e}}}render(){const{changeDensity:a,description:e,el:i,heading:s,hideDensitySelect:r,initialDensitySelectOption:o,isEmbedded:d,metadata:n}=this;const l=c(i,"primary-action")||c(i,"custom-actions")||!r;const p=c(i,"description")||e;return t("div",{key:"ae200cd54744bc200f21426914cbafbb78648e7e",class:{"title-bar-wrapper":true,"full-width":d}},t("div",{key:"505507c0b4cfb023bee49f19f16cd20fe86d6b5e",class:"header-container"},t("slot",{key:"4d2f19bbb99f5d408e71abb0d145f79afb588720",name:"heading"},t("ic-typography",{key:"94496f9c6d5d1ca6898419dcecdf34e7ffe7e331",variant:"h3",class:"heading"},t("h3",{key:"79d6c2515a9decba84300040ddb78bf6b06e9af8"},s))),n&&t("ic-typography",{key:"ecc21af952a119dc5948bd6f225d9f93fe02b592",variant:"subtitle-small"},n)),(l||p)&&t("div",{key:"e48ca0055f420a23f2b1ad86206920f67c66e750",class:"description-actions"},t("slot",{key:"b942baf4a54917611e1022796180a912f760f01c",name:"description"},e&&t("ic-typography",{key:"d02da52e2fa02b134e2add8e44a2d38676e37e7e",variant:"body"},e)),l&&t("div",{key:"b9b1506b8b4d0780b70bce64f520337a7e225a7b",class:"action-area"},c(i,"custom-actions")&&t("div",{key:"8ddba68dfb413510d05d2b02eab6f95968690178",class:"custom-actions-wrapper"},t("slot",{key:"730b065e8c73f7cac68f593645f550fe63c5cc29",name:"custom-actions"})),!r&&t("ic-select",{key:"0c0cef3758321f381c4f9aff8f58988c1cdd690a",size:"small",label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:o,onIcChange:a}),c(i,"primary-action")&&t("slot",{key:"69dadd87109154375dc486a110eb674c9ece8fe6",name:"primary-action"}))))}get el(){return i(this)}};d.style=r;export{d as ic_data_table_title_bar};
2
- //# sourceMappingURL=p-67f3bf1a.entry.js.map
1
+ import{r as a,c as e,h as t,g as i}from"./p-00135a74.js";import{i as c}from"./p-72310da8.js";const s='.title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid\n var(--ic-data-table-title-bar-keyline);background-color:var(--ic-data-table-title-bar-background)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-data-table-title-bar-information)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem;color:var(--ic-data-table-title-bar-title);--ic-typography-color:var(--ic-data-table-title-bar-title)}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-data-table-title-bar-description);--ic-typography-color:var(--ic-data-table-title-bar-description)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot="description"]){max-width:40rem}.density-input{--input-width:7.625rem}@media (max-width: 1200px){.header-container{flex-direction:column}}@media (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media (min-width: 769px){.description-actions{justify-content:space-between}}@media (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media (min-width: 577px){.action-area{align-items:center}}@media (max-width: 576px){.action-area{flex-direction:column}}';const r=s;const o="Title Bar";const d=class{constructor(t){a(this,t);this.icTableDensityUpdate=e(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.heading=o;this.hideDensitySelect=false;this.changeDensity=a=>{this.icTableDensityUpdate.emit({value:a.detail.value})}}componentWillLoad(){const a=this.el.parentElement;if(a.tagName==="IC-DATA-TABLE"){const{caption:e,density:t,embedded:i}=a;this.initialDensitySelectOption=t;this.isEmbedded=i;if(this.heading===o){this.heading=e}}}render(){const{changeDensity:a,description:e,el:i,heading:s,hideDensitySelect:r,initialDensitySelectOption:o,isEmbedded:d,metadata:n}=this;const l=c(i,"primary-action")||c(i,"custom-actions")||!r;const p=c(i,"description")||e;return t("div",{key:"ae200cd54744bc200f21426914cbafbb78648e7e",class:{"title-bar-wrapper":true,"full-width":d}},t("div",{key:"505507c0b4cfb023bee49f19f16cd20fe86d6b5e",class:"header-container"},t("slot",{key:"4d2f19bbb99f5d408e71abb0d145f79afb588720",name:"heading"},t("ic-typography",{key:"94496f9c6d5d1ca6898419dcecdf34e7ffe7e331",variant:"h3",class:"heading"},t("h3",{key:"79d6c2515a9decba84300040ddb78bf6b06e9af8"},s))),n&&t("ic-typography",{key:"ecc21af952a119dc5948bd6f225d9f93fe02b592",variant:"subtitle-small"},n)),(l||p)&&t("div",{key:"e48ca0055f420a23f2b1ad86206920f67c66e750",class:"description-actions"},t("slot",{key:"b942baf4a54917611e1022796180a912f760f01c",name:"description"},e&&t("ic-typography",{key:"d02da52e2fa02b134e2add8e44a2d38676e37e7e",variant:"body"},e)),l&&t("div",{key:"b9b1506b8b4d0780b70bce64f520337a7e225a7b",class:"action-area"},c(i,"custom-actions")&&t("div",{key:"8ddba68dfb413510d05d2b02eab6f95968690178",class:"custom-actions-wrapper"},t("slot",{key:"730b065e8c73f7cac68f593645f550fe63c5cc29",name:"custom-actions"})),!r&&t("ic-select",{key:"0c0cef3758321f381c4f9aff8f58988c1cdd690a",size:"small",label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:o,onIcChange:a}),c(i,"primary-action")&&t("slot",{key:"69dadd87109154375dc486a110eb674c9ece8fe6",name:"primary-action"}))))}get el(){return i(this)}};d.style=r;export{d as ic_data_table_title_bar};
2
+ //# sourceMappingURL=p-a13dc5ba.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as i,c as t,h as a,H as e,g as s}from"./p-00135a74.js";import{c as o}from"./p-e081702e.js";import{C as n}from"./p-170ddfc2.js";import{z as d,e as l,D as r,g as p,i as c,F as h,f as v,b as g,v as m,I as b,d as u}from"./p-0f6b9686.js";const f=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">\n <path d="M0 0h24v24H0V0z" fill="none" />\n <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />\n <title>menu icon</title>\n</svg>\n`;const y=':host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name="app-title"]::slotted(a),slot[name="app-icon"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name="app-title"]::slotted(ic-typography),slot[name="app-title"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name="app-title"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name="app-title"]::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-expanded) slot[name="app-title"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name="app-icon"]::slotted(svg){fill:currentcolor}}';const x=y;const w=class{constructor(e){i(this,e);this.icSideNavExpanded=t(this,"icSideNavExpanded",7);this.ANIMATION_DURATION=parseInt(d("--ic-transition-duration-slow"))||0;this.IC_NAVIGATION_ITEM="ic-navigation-item";this.resizeObserver=null;this.COLLAPSED_ICON_LABELS_END="collapsed-icon-labels-end";this.COLLAPSED_ICON_LABELS_START="collapsed-icon-labels-start";this.deviceSize=l();this.deviceSizeAppTitle=r.S;this.foregroundColor=p();this.hasSecondaryNavigation=false;this.menuExpanded=false;this.menuOpen=false;this.collapsedIconLabels=false;this.disableAutoParentStyling=false;this.disableTopBarBehaviour=false;this.expanded=false;this.href="/";this.inline=false;this.shortAppTitle="";this.static=false;this.emitSideNavigationExpanded=i=>{this.icSideNavExpanded.emit({sideNavExpanded:i.sideNavExpanded,sideNavMobile:!!i.sideNavMobile})};this.toggleMenu=()=>{this.menuOpen=!this.menuOpen;this.setMobileMenuAriaAttributes(this.menuOpen);this.arrangeSlottedNavigationItem(this.menuOpen);this.setToggleMenuFlyoutMenuVisibility(this.menuOpen);this.emitSideNavigationExpanded({sideNavExpanded:this.menuOpen,sideNavMobile:true})};this.setToggleMenuFlyoutMenuVisibility=i=>{var t;const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#side-navigation");const e=a.querySelector(".side-navigation-inner");const s=a.querySelector(".bottom-wrapper");const o="menu-visibility-visible";if(i){s.classList.add(o);e.classList.add(o)}else{setTimeout((()=>{e.classList.remove(o);s.classList.remove(o)}),this.ANIMATION_DURATION)}};this.setMobileMenuAriaAttributes=i=>{if(this.menuButton){this.menuButton.setAttribute("aria-expanded",`${i}`);this.menuButton.setAttribute("aria-label",`${i?"Close":"Open"} navigation menu`)}};this.setAndRemoveNoWrapAfterMenuExpanded=()=>{var i;const t=((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".title-link ic-typography"))||this.el.querySelector("[slot='app-title']");t===null||t===void 0?void 0:t.classList.add("ic-typography-no-wrap");setTimeout((()=>{t===null||t===void 0?void 0:t.classList.remove("ic-typography-no-wrap")}),this.ANIMATION_DURATION)};this.toggleMenuExpanded=i=>{var t,a,e,s;if(this.deviceSize>r.S){this.menuExpanded=i}if(this.menuExpanded){this.setAndRemoveNoWrapAfterMenuExpanded();(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".app-title-inner-wrapper"))===null||a===void 0?void 0:a.classList.add("app-title-show")}else{this.el.style.setProperty("--navigation-item-width","320px");(s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".app-title-inner-wrapper"))===null||s===void 0?void 0:s.classList.remove("app-title-show");this.el.addEventListener("transitionend",(i=>{if(i.propertyName==="width"){this.el.style.setProperty("--navigation-item-width",null)}}))}this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);if(this.collapsedIconLabels){this.animateCollapsedIconLabels()}this.setExpandedButtonHeight();this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded})};this.arrangeSlottedNavigationItem=i=>{const t=this.el.querySelectorAll("ic-navigation-item");t.forEach((t=>{var a;const e=c(t,"navigation-item");const s=t.children[0]&&!t.children[0].getAttribute("slot");if(e||s){let s;if(e){s=t.querySelector("[slot='navigation-item']")}else{s=t.children[0]}const o=document.createElement("div");const n=s===null||s===void 0?void 0:s.querySelector("svg");const d=(a=t.textContent)===null||a===void 0?void 0:a.trim();const l=document.createElement("ic-typography");l.classList.add("ic-typography-label","hydrated","navigation-item-side-nav-slotted-text");o.style.height="var(--ic-space-lg)";n&&o.append(n);if(d){l.textContent=d}if(s){s.textContent="";s.append(o);s.append(l)}if(this.collapsedIconLabels){this.styleSlottedCollapsedIconLabels(!!i,l)}else{this.styleSlottedIconLabels(!!i,l)}}}))};this.styleSlottedCollapsedIconLabels=(i,t)=>{if(i){t.style.marginTop="0";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}else{t.style.marginTop="10px";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}};this.setExpandedButtonHeight=()=>{var i;const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper");if(t.offsetHeight!==0){this.el.style.setProperty("--sm-side-navigation-bottom-bar-height",`${t.offsetHeight}px`)}};this.styleSlottedIconLabels=(i,t)=>{if(i){t.style.opacity="1";t.style.visibility="visible";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}else{t.style.opacity="0";t.style.visibility="hidden";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}};this.transitionHandler=i=>{var t,a;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".primary-navigation");const s=(a=this.el.shadowRoot)===null||a===void 0?void 0:a.querySelector(".bottom-wrapper > .secondary-navigation");const o=i==="start"?this.COLLAPSED_ICON_LABELS_END:this.COLLAPSED_ICON_LABELS_START;const n=i==="start"?this.COLLAPSED_ICON_LABELS_START:this.COLLAPSED_ICON_LABELS_END;if(e){e.classList.remove(o);e.classList.add(n)}if(s){s.classList.remove(o);s.classList.add(n)}};this.transitionEndHandler=()=>{this.transitionHandler("end")};this.animateCollapsedIconLabels=()=>{this.transitionHandler("start");this.transitionEndHandler();this.el.addEventListener("transitionend",this.transitionEndHandler)};this.paddingIconWidth=i=>{const t=i[0].shadowRoot&&(i[0].shadowRoot.querySelector("ic-tooltip a")||i[0].shadowRoot.querySelector("ic-tooltip div"))||i[0].querySelector("a")||i[0].querySelector("div");const a=i[0].querySelector("svg");if(t&&a){const i={gap:window.getComputedStyle(t).gap,iconWidth:window.getComputedStyle(a).width,paddingLeft:window.getComputedStyle(t).paddingLeft};return Object.values(i).reduce(((i,t)=>i+=parseInt(t)),0)}return 0};this.displayTooltipWithExpandedLongLabel=i=>{let t;if(i){t=setTimeout((()=>{const i=this.el.clientWidth;const t=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));const a=t.length?this.paddingIconWidth(t):0;t.forEach((t=>{var e,s;const o=((e=t.shadowRoot&&t.shadowRoot.querySelector("ic-tooltip .link ic-typography.ic-typography-label"))===null||e===void 0?void 0:e.scrollWidth)||((s=t.querySelector("ic-typography.ic-typography-label"))===null||s===void 0?void 0:s.scrollWidth);if(o&&o>i-a){t.setAttribute("display-navigation-tooltip","true")}}))}),this.ANIMATION_DURATION)}else{clearTimeout(t);const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("display-navigation-tooltip","false")}))}};this.setMenuExpanded=i=>{this.menuExpanded=i};this.setParentPaddingTop=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-top",i)};this.setParentPaddingLeft=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-left",i)};this.renderAppTitle=i=>{const t=this.deviceSize<=r.S&&!h(this.shortAppTitle);return a("ic-typography",{variant:t||i?"subtitle-small":"h3","aria-label":t?`${this.appTitle} (${this.shortAppTitle})`:undefined},a("h1",null,t?this.shortAppTitle:this.appTitle))};this.resizeObserverCallback=i=>{var t,a,e,s;this.deviceSize=i;const o=i===r.S&&!this.disableTopBarBehaviour;if(!this.disableAutoParentStyling){const i=(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".top-bar"))===null||a===void 0?void 0:a.scrollHeight;this.setParentPaddingTop(o?`${i}px`:"0");if(o)this.setParentPaddingLeft("0");if(o&&this.inline){(e=this.el.parentElement)===null||e===void 0?void 0:e.style.setProperty("height",`calc(100% - ${i}px)`)}else if(!o){(s=this.el.parentElement)===null||s===void 0?void 0:s.style.setProperty("height","100%")}}if(!this.disableAutoParentStyling){const t=`calc(var(--ic-space-xxl) ${this.collapsedIconLabels?"* 2":"+ var(--ic-space-xs)"})`;if(i>r.L){this.setParentPaddingTop("0");this.setParentPaddingLeft("0")}else if((i>r.S||this.disableTopBarBehaviour)&&i<=r.M&&this.static){this.setParentPaddingLeft(t)}else if((i>r.S||this.disableTopBarBehaviour)&&i<=r.L){this.setParentPaddingLeft(this.static&&this.menuExpanded?"calc(var(--ic-space-xl) * 10)":t)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const i=l();this.deviceSizeAppTitle=i;this.resizeObserverCallback(i)}));this.resizeObserver.observe(document.body,{box:"content-box"})};this.setCollapsedIconLabels=()=>{const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("collapsed-icon-label","true")}))};this.styleSlottedCollapsedIconLabel=()=>{const i=Array.from(this.el.querySelectorAll(".navigation-item-side-nav-slotted-text"));i.forEach((i=>{var t,a;if((a=(t=i.parentElement)===null||t===void 0?void 0:t.parentElement)===null||a===void 0?void 0:a.classList.contains("navigation-item-side-nav-collapsed-with-label")){i.style.whiteSpace="nowrap";i.style.overflow="hidden";i.style.textOverflow="ellipsis";i.style.marginTop="10px"}}))};this.renderTopBar=({isSDevice:i,foregroundColor:t,menuOpen:e,href:s,isAppNameSubtitleVariant:n})=>{const d=this.appTitle!==""&&u(this.appTitle);const l=c(this.el,"app-title")?"div":"a";const r=l=="a"&&{href:s};return a("div",{class:{"top-bar":true,[this.foregroundColor]:true}},i&&a("nav",{"aria-labelledby":"menu-navigation-toggle-button-landmark","aria-hidden":"false"},a("ic-button",{"aria-label":"Open navigation menu",class:"menu-button",id:"menu-button",variant:"secondary",size:"small","full-width":"true",theme:t=="default"||t=="light"?"light":"dark",monochrome:true,onClick:this.toggleMenu,ariaOwnsId:"side-navigation","aria-haspopup":"true","aria-expanded":"false",ref:i=>this.menuButton=i},a("span",{class:"mobile-top-bar-menu-icon",slot:"left-icon",innerHTML:e?o:f}),e?"Close":"Menu"),a("span",{id:"menu-navigation-toggle-button-landmark",class:"navigation-landmark-title","aria-hidden":"true"},"Navigation menu toggle button")),a("div",{class:"app-title-wrapper"},(d||c(this.el,"app-title"))&&a(l,Object.assign({},r,{class:"title-link"}),a("div",{class:"app-icon-container","aria-hidden":"true"},a("slot",{name:"app-icon"})),a("div",{class:"app-title-inner-wrapper"},c(this.el,"app-title")?a("slot",{name:"app-title"}):this.renderAppTitle(n)))))}}watchExpandedHandler(){this.toggleMenuExpanded(this.expanded)}componentWillLoad(){this.setMenuExpanded(this.expanded);if(this.collapsedIconLabels){this.setCollapsedIconLabels()}this.hasSecondaryNavigation=c(this.el,"secondary-navigation")}componentDidLoad(){this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:this.deviceSize===r.S&&!this.disableTopBarBehaviour});v(this.runResizeObserver);this.styleSlottedCollapsedIconLabel();this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);this.setExpandedButtonHeight();!c(this.el,"app-title")&&g([{prop:this.appTitle,propName:"app-title"}],"Side Navigation")}disconnectedCallback(){var i;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}(i=this.el)===null||i===void 0?void 0:i.removeEventListener("transitionend",this.transitionEndHandler)}brandChangeHandler({detail:i}){this.foregroundColor=i.mode}render(){const{appTitle:i,menuOpen:t,foregroundColor:s,menuExpanded:o,href:d,status:l,version:p,collapsedIconLabels:h,inline:v}=this;const g=!this.disableTopBarBehaviour&&this.deviceSize===r.S;const u=this.deviceSize===r.M;const f=this.deviceSize>=r.L;const y=this.deviceSizeAppTitle===r.S;const x=u||this.disableTopBarBehaviour||f&&!this.static;const w={isSDevice:g,foregroundColor:s,menuOpen:t,href:d,isAppNameSubtitleVariant:y,appTitle:i||""};return a(e,{key:"c8a0d9085354c61747396cd721c9f3b4b07c6620",class:{"xs-menu-open":t&&g,"xs-menu-close":!t&&g,"sm-collapsed":!g&&!o,"sm-expanded":!g&&o,"side-display":this.deviceSize>r.S||!!this.disableTopBarBehaviour,[`ic-side-navigation-${b.Dark}`]:s===b.Dark,["collapsed-labels"]:!g&&!o&&!!h,["ic-side-navigation-inline"]:!!v}},g&&this.renderTopBar(Object.assign({},w)),a("div",{key:"61bf137082753ff275d530c92a3b5e2baa77dfc8",class:"side-navigation",id:"side-navigation"},!g&&this.renderTopBar(Object.assign({},w)),a("div",{key:"968cce83f46508eef2f1d36cbcdf71b999ae8d01",class:"side-navigation-inner"},c(this.el,"primary-navigation")&&a("nav",{key:"0d6011c95720e19bb9257857a0c8d5fc8582586e",class:"primary-navigation","aria-labelledby":"primary-navigation-landmark"},a("span",{key:"fd20471ab31baffaaa45ab9d4b601a5b93861211","aria-hidden":"true",class:"navigation-landmark-title",id:"primary-navigation-landmark"},"Primary"),a("ul",{key:"443bdddf3f7e67f465e8ab713129c62e933218dc",class:"navigation-list"},a("slot",{key:"ef84cdd387fcc0d08c99b3348b12a5d75dc8cbb5",name:"primary-navigation"})))),a("div",{key:"214e3aedbf7490f07d479ded04b4948a32b8762a",class:{["bottom-wrapper"]:true,["classification-spacing"]:m()}},c(this.el,"secondary-navigation")&&a("nav",{key:"049842dcc0a218e346cb5801451539238026bd1e",class:"secondary-navigation","aria-labelledby":"secondary-navigation-landmark"},a("span",{key:"43a512817c2f6ebe62a6619e321dd09f30bd1892","aria-hidden":"true",class:"navigation-landmark-title",id:"secondary-navigation-landmark"},"Secondary"),a("ul",{key:"8559c056204586c0565b90e73cb6dc364f50a673",class:"navigation-list"},a("slot",{key:"2efcf26eb30b17f011cc5abc8e530e14f07a3e18",name:"secondary-navigation"}))),a("div",{key:"d517c80b9c1d2e5d1a2d55c9d646fcdc618193b9",class:"bottom-side-nav"},this.hasSecondaryNavigation&&a("ic-divider",{key:"13c8a9d4ec0dea727e559257836201af55198741"}),x&&a("button",{key:"5740a000e2274d8dd37d859818489eba0c81c04e",class:"menu-expand-button",innerHTML:n,onClick:()=>this.toggleMenuExpanded(!this.menuExpanded),"aria-label":`${o?"Collapse":"Expand"} side navigation`}),a("div",{key:"5d2117c9116ec48ede52c2afd331cd28fc499627",class:"app-status-wrapper"},l!==""&&a("div",{key:"7e02d31bb85fb286161a38fce68cda91461110fa",class:{["app-status"]:true}},a("ic-typography",{key:"396a93337b049b5055d8ee6c71bbc5b523185ef2","aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},l)),p!==""&&a("ic-typography",{key:"addaab0b5c057e975cf4e186fdaf92ca6650a5b2",variant:"label",class:"app-version","aria-label":"app version"},p))))))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};w.style=x;export{w as ic_side_navigation};
2
- //# sourceMappingURL=p-e86c1c95.entry.js.map
1
+ import{r as i,c as t,h as a,H as e,g as s}from"./p-00135a74.js";import{c as o}from"./p-e081702e.js";import{C as n}from"./p-170ddfc2.js";import{z as d,e as l,D as r,g as p,i as c,F as h,f as v,b as g,v as m,I as b,d as u}from"./p-0f6b9686.js";const f=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">\n <path d="M0 0h24v24H0V0z" fill="none" />\n <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />\n <title>menu icon</title>\n</svg>\n`;const y=':host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name="app-title"]::slotted(a),slot[name="app-icon"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name="app-title"]::slotted(ic-typography),slot[name="app-title"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name="app-title"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name="app-title"]::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-expanded) slot[name="app-title"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name="app-icon"]::slotted(svg){fill:currentcolor}}';const x=y;const w=class{constructor(e){i(this,e);this.icSideNavExpanded=t(this,"icSideNavExpanded",7);this.ANIMATION_DURATION=parseInt(d("--ic-transition-duration-slow"))||0;this.IC_NAVIGATION_ITEM="ic-navigation-item";this.resizeObserver=null;this.COLLAPSED_ICON_LABELS_END="collapsed-icon-labels-end";this.COLLAPSED_ICON_LABELS_START="collapsed-icon-labels-start";this.deviceSize=l();this.deviceSizeAppTitle=r.S;this.foregroundColor=p();this.hasSecondaryNavigation=false;this.menuExpanded=false;this.menuOpen=false;this.collapsedIconLabels=false;this.disableAutoParentStyling=false;this.disableTopBarBehaviour=false;this.expanded=false;this.href="/";this.inline=false;this.shortAppTitle="";this.static=false;this.emitSideNavigationExpanded=i=>{this.icSideNavExpanded.emit({sideNavExpanded:i.sideNavExpanded,sideNavMobile:!!i.sideNavMobile})};this.toggleMenu=()=>{this.menuOpen=!this.menuOpen;this.setMobileMenuAriaAttributes(this.menuOpen);this.arrangeSlottedNavigationItem(this.menuOpen);this.setToggleMenuFlyoutMenuVisibility(this.menuOpen);this.emitSideNavigationExpanded({sideNavExpanded:this.menuOpen,sideNavMobile:true})};this.setToggleMenuFlyoutMenuVisibility=i=>{var t;const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#side-navigation");const e=a.querySelector(".side-navigation-inner");const s=a.querySelector(".bottom-wrapper");const o="menu-visibility-visible";if(i){s.classList.add(o);e.classList.add(o)}else{setTimeout((()=>{e.classList.remove(o);s.classList.remove(o)}),this.ANIMATION_DURATION)}};this.setMobileMenuAriaAttributes=i=>{if(this.menuButton){this.menuButton.setAttribute("aria-expanded",`${i}`);this.menuButton.setAttribute("aria-label",`${i?"Close":"Open"} navigation menu`)}};this.setAndRemoveNoWrapAfterMenuExpanded=()=>{var i;const t=((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".title-link ic-typography"))||this.el.querySelector("[slot='app-title']");t===null||t===void 0?void 0:t.classList.add("ic-typography-no-wrap");setTimeout((()=>{t===null||t===void 0?void 0:t.classList.remove("ic-typography-no-wrap")}),this.ANIMATION_DURATION)};this.toggleMenuExpanded=i=>{var t,a,e,s;if(this.deviceSize>r.S){this.menuExpanded=i}if(this.menuExpanded){this.setAndRemoveNoWrapAfterMenuExpanded();(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".app-title-inner-wrapper"))===null||a===void 0?void 0:a.classList.add("app-title-show")}else{this.el.style.setProperty("--navigation-item-width","320px");(s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".app-title-inner-wrapper"))===null||s===void 0?void 0:s.classList.remove("app-title-show");this.el.addEventListener("transitionend",(i=>{if(i.propertyName==="width"){this.el.style.setProperty("--navigation-item-width",null)}}))}this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);if(this.collapsedIconLabels){this.animateCollapsedIconLabels()}this.setExpandedButtonHeight();this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded})};this.arrangeSlottedNavigationItem=i=>{const t=this.el.querySelectorAll("ic-navigation-item");t.forEach((t=>{var a;const e=c(t,"navigation-item");const s=t.children[0]&&!t.children[0].getAttribute("slot");if(e||s){let s;if(e){s=t.querySelector("[slot='navigation-item']")}else{s=t.children[0]}const o=document.createElement("div");const n=s===null||s===void 0?void 0:s.querySelector("svg");const d=s===null||s===void 0?void 0:s.querySelector("ic-badge");const l=(a=t.textContent)===null||a===void 0?void 0:a.trim();const r=document.createElement("ic-typography");r.classList.add("ic-typography-label","hydrated","navigation-item-side-nav-slotted-text");o.style.position="relative";o.style.height="var(--ic-space-lg)";n&&o.append(n);d&&o.append(d);if(l){r.textContent=l}if(s){s.textContent="";s.append(o);s.append(r)}if(this.collapsedIconLabels){this.styleSlottedCollapsedIconLabels(!!i,r)}else{this.styleSlottedIconLabels(!!i,r)}}}))};this.styleSlottedCollapsedIconLabels=(i,t)=>{if(i){t.style.marginTop="0";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}else{t.style.marginTop="10px";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}};this.setExpandedButtonHeight=()=>{var i;const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper");if(t.offsetHeight!==0){this.el.style.setProperty("--sm-side-navigation-bottom-bar-height",`${t.offsetHeight}px`)}};this.styleSlottedIconLabels=(i,t)=>{if(i){t.style.opacity="1";t.style.visibility="visible";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}else{t.style.opacity="0";t.style.visibility="hidden";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}};this.transitionHandler=i=>{var t,a;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".primary-navigation");const s=(a=this.el.shadowRoot)===null||a===void 0?void 0:a.querySelector(".bottom-wrapper > .secondary-navigation");const o=i==="start"?this.COLLAPSED_ICON_LABELS_END:this.COLLAPSED_ICON_LABELS_START;const n=i==="start"?this.COLLAPSED_ICON_LABELS_START:this.COLLAPSED_ICON_LABELS_END;if(e){e.classList.remove(o);e.classList.add(n)}if(s){s.classList.remove(o);s.classList.add(n)}};this.transitionEndHandler=()=>{this.transitionHandler("end")};this.animateCollapsedIconLabels=()=>{this.transitionHandler("start");this.transitionEndHandler();this.el.addEventListener("transitionend",this.transitionEndHandler)};this.paddingIconWidth=i=>{const t=i[0].shadowRoot&&(i[0].shadowRoot.querySelector("ic-tooltip a")||i[0].shadowRoot.querySelector("ic-tooltip div"))||i[0].querySelector("a")||i[0].querySelector("div");const a=i[0].querySelector("svg");if(t&&a){const i={gap:window.getComputedStyle(t).gap,iconWidth:window.getComputedStyle(a).width,paddingLeft:window.getComputedStyle(t).paddingLeft};return Object.values(i).reduce(((i,t)=>i+=parseInt(t)),0)}return 0};this.displayTooltipWithExpandedLongLabel=i=>{let t;if(i){t=setTimeout((()=>{const i=this.el.clientWidth;const t=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));const a=t.length?this.paddingIconWidth(t):0;t.forEach((t=>{var e,s;const o=((e=t.shadowRoot&&t.shadowRoot.querySelector("ic-tooltip .link ic-typography.ic-typography-label"))===null||e===void 0?void 0:e.scrollWidth)||((s=t.querySelector("ic-typography.ic-typography-label"))===null||s===void 0?void 0:s.scrollWidth);if(o&&o>i-a){t.setAttribute("display-navigation-tooltip","true")}}))}),this.ANIMATION_DURATION)}else{clearTimeout(t);const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("display-navigation-tooltip","false")}))}};this.setMenuExpanded=i=>{this.menuExpanded=i};this.setParentPaddingTop=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-top",i)};this.setParentPaddingLeft=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-left",i)};this.renderAppTitle=i=>{const t=this.deviceSize<=r.S&&!h(this.shortAppTitle);return a("ic-typography",{variant:t||i?"subtitle-small":"h3","aria-label":t?`${this.appTitle} (${this.shortAppTitle})`:undefined},a("h1",null,t?this.shortAppTitle:this.appTitle))};this.resizeObserverCallback=i=>{var t,a,e,s;this.deviceSize=i;const o=i===r.S&&!this.disableTopBarBehaviour;if(!this.disableAutoParentStyling){const i=(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".top-bar"))===null||a===void 0?void 0:a.scrollHeight;this.setParentPaddingTop(o?`${i}px`:"0");if(o)this.setParentPaddingLeft("0");if(o&&this.inline){(e=this.el.parentElement)===null||e===void 0?void 0:e.style.setProperty("height",`calc(100% - ${i}px)`)}else if(!o){(s=this.el.parentElement)===null||s===void 0?void 0:s.style.setProperty("height","100%")}}if(!this.disableAutoParentStyling){const t=`calc(var(--ic-space-xxl) ${this.collapsedIconLabels?"* 2":"+ var(--ic-space-xs)"})`;if(i>r.L){this.setParentPaddingTop("0");this.setParentPaddingLeft("0")}else if((i>r.S||this.disableTopBarBehaviour)&&i<=r.M&&this.static){this.setParentPaddingLeft(t)}else if((i>r.S||this.disableTopBarBehaviour)&&i<=r.L){this.setParentPaddingLeft(this.static&&this.menuExpanded?"calc(var(--ic-space-xl) * 10)":t)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const i=l();this.deviceSizeAppTitle=i;this.resizeObserverCallback(i)}));this.resizeObserver.observe(document.body,{box:"content-box"})};this.setCollapsedIconLabels=()=>{const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("collapsed-icon-label","true")}))};this.styleSlottedCollapsedIconLabel=()=>{const i=Array.from(this.el.querySelectorAll(".navigation-item-side-nav-slotted-text"));i.forEach((i=>{var t,a;if((a=(t=i.parentElement)===null||t===void 0?void 0:t.parentElement)===null||a===void 0?void 0:a.classList.contains("navigation-item-side-nav-collapsed-with-label")){i.style.whiteSpace="nowrap";i.style.overflow="hidden";i.style.textOverflow="ellipsis";i.style.marginTop="10px"}}))};this.renderTopBar=({isSDevice:i,foregroundColor:t,menuOpen:e,href:s,isAppNameSubtitleVariant:n})=>{const d=this.appTitle!==""&&u(this.appTitle);const l=c(this.el,"app-title")?"div":"a";const r=l=="a"&&{href:s};return a("div",{class:{"top-bar":true,[this.foregroundColor]:true}},i&&a("nav",{"aria-labelledby":"menu-navigation-toggle-button-landmark","aria-hidden":"false"},a("ic-button",{"aria-label":"Open navigation menu",class:"menu-button",id:"menu-button",variant:"secondary",size:"small","full-width":"true",theme:t=="default"||t=="light"?"light":"dark",monochrome:true,onClick:this.toggleMenu,ariaOwnsId:"side-navigation","aria-haspopup":"true","aria-expanded":"false",ref:i=>this.menuButton=i},a("span",{class:"mobile-top-bar-menu-icon",slot:"left-icon",innerHTML:e?o:f}),e?"Close":"Menu"),a("span",{id:"menu-navigation-toggle-button-landmark",class:"navigation-landmark-title","aria-hidden":"true"},"Navigation menu toggle button")),a("div",{class:"app-title-wrapper"},(d||c(this.el,"app-title"))&&a(l,Object.assign({},r,{class:"title-link"}),a("div",{class:"app-icon-container","aria-hidden":"true"},a("slot",{name:"app-icon"})),a("div",{class:"app-title-inner-wrapper"},c(this.el,"app-title")?a("slot",{name:"app-title"}):this.renderAppTitle(n)))))}}watchExpandedHandler(){this.toggleMenuExpanded(this.expanded)}componentWillLoad(){this.setMenuExpanded(this.expanded);if(this.collapsedIconLabels){this.setCollapsedIconLabels()}this.hasSecondaryNavigation=c(this.el,"secondary-navigation")}componentDidLoad(){this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:this.deviceSize===r.S&&!this.disableTopBarBehaviour});v(this.runResizeObserver);this.styleSlottedCollapsedIconLabel();this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);this.setExpandedButtonHeight();!c(this.el,"app-title")&&g([{prop:this.appTitle,propName:"app-title"}],"Side Navigation")}disconnectedCallback(){var i;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}(i=this.el)===null||i===void 0?void 0:i.removeEventListener("transitionend",this.transitionEndHandler)}brandChangeHandler({detail:i}){this.foregroundColor=i.mode}render(){const{appTitle:i,menuOpen:t,foregroundColor:s,menuExpanded:o,href:d,status:l,version:p,collapsedIconLabels:h,inline:v}=this;const g=!this.disableTopBarBehaviour&&this.deviceSize===r.S;const u=this.deviceSize===r.M;const f=this.deviceSize>=r.L;const y=this.deviceSizeAppTitle===r.S;const x=u||this.disableTopBarBehaviour||f&&!this.static;const w={isSDevice:g,foregroundColor:s,menuOpen:t,href:d,isAppNameSubtitleVariant:y,appTitle:i||""};return a(e,{key:"da621f79cc6d0e721b46d89689623ab603869c5c",class:{"xs-menu-open":t&&g,"xs-menu-close":!t&&g,"sm-collapsed":!g&&!o,"sm-expanded":!g&&o,"side-display":this.deviceSize>r.S||!!this.disableTopBarBehaviour,[`ic-side-navigation-${b.Dark}`]:s===b.Dark,["collapsed-labels"]:!g&&!o&&!!h,["ic-side-navigation-inline"]:!!v}},g&&this.renderTopBar(Object.assign({},w)),a("div",{key:"e1a1746cf0b72f95df40c4de8c5b24142e42958c",class:"side-navigation",id:"side-navigation"},!g&&this.renderTopBar(Object.assign({},w)),a("div",{key:"fb4d44f6de1f637c1f913c7bc1979d261b138961",class:"side-navigation-inner"},c(this.el,"primary-navigation")&&a("nav",{key:"d242bf8b7266a913ddf15cd6d3c710b67998478b",class:"primary-navigation","aria-labelledby":"primary-navigation-landmark"},a("span",{key:"5496dfe55e4ea5b5a86ff9cbf49d3a1948580c38","aria-hidden":"true",class:"navigation-landmark-title",id:"primary-navigation-landmark"},"Primary"),a("ul",{key:"5c963c5a63930a85c8d56a8acf9f402b11cb5717",class:"navigation-list"},a("slot",{key:"6e9893f2302d72b8a8dd8c91efc69324e28b7845",name:"primary-navigation"})))),a("div",{key:"3a5a9c6510d4e70389ff271e089d46732b7ff35a",class:{["bottom-wrapper"]:true,["classification-spacing"]:m()}},c(this.el,"secondary-navigation")&&a("nav",{key:"a325206b9aaab5d2c68e0854b6d88f6c0754a2f7",class:"secondary-navigation","aria-labelledby":"secondary-navigation-landmark"},a("span",{key:"cce653a875b1768a5c5960d2c86a55e42e104456","aria-hidden":"true",class:"navigation-landmark-title",id:"secondary-navigation-landmark"},"Secondary"),a("ul",{key:"d61e1b6969d597bdb48ba59be75e50f95c3327e9",class:"navigation-list"},a("slot",{key:"75d0ddba3f9b6663f0888e579d60dfdf77455944",name:"secondary-navigation"}))),a("div",{key:"a5e646f3027491a5e3288bafb03a49699ad7fe16",class:"bottom-side-nav"},this.hasSecondaryNavigation&&a("ic-divider",{key:"709a1cd78355adb93d7d5e0636252ba8b53cc3dc"}),x&&a("button",{key:"2f61bbc7a06cbd5f1d90a126507a6fce4d329545",class:"menu-expand-button",innerHTML:n,onClick:()=>this.toggleMenuExpanded(!this.menuExpanded),"aria-label":`${o?"Collapse":"Expand"} side navigation`}),a("div",{key:"8c21e3ecb652850205f4fbe785be95acd7d8120b",class:"app-status-wrapper"},l!==""&&a("div",{key:"96b2fe13baecbb436c6f90d69bc1eba2447ef37d",class:{["app-status"]:true}},a("ic-typography",{key:"017292fb3f29859ee96b6af1f12e787a95300a3d","aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},l)),p!==""&&a("ic-typography",{key:"ded1fc5cf16022ec9c2eea424910cbc0c88132a8",variant:"label",class:"app-version","aria-label":"app version"},p))))))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};w.style=x;export{w as ic_side_navigation};
2
+ //# sourceMappingURL=p-c0687222.entry.js.map