@ukic/canary-web-components 2.0.0-canary.36 → 2.0.0-canary.38

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 (296) hide show
  1. package/dist/cjs/ic-card.cjs.entry.js +1 -1
  2. package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
  3. package/dist/cjs/ic-checkbox.cjs.entry.js +1 -1
  4. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  5. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +1 -1
  6. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
  7. package/dist/cjs/ic-data-table.cjs.entry.js +11 -7
  8. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-date-input.cjs.entry.js +6 -0
  10. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-dialog.cjs.entry.js +20 -5
  12. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-empty-state_2.cjs.entry.js +17 -7
  14. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-link.cjs.entry.js +1 -1
  16. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-menu.cjs.entry.js +1 -1
  18. package/dist/cjs/ic-menu.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-pagination_4.cjs.entry.js +1 -1
  20. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-popover-menu.cjs.entry.js +1 -1
  22. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-radio-group.cjs.entry.js +2 -1
  24. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-radio-option.cjs.entry.js +1 -1
  26. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-tree-item.cjs.entry.js +9 -1
  28. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-tree-view.cjs.entry.js +15 -8
  30. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  31. package/dist/collection/components/ic-data-table/ic-data-table.css +19 -2
  32. package/dist/collection/components/ic-data-table/ic-data-table.js +10 -6
  33. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  34. package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
  35. package/dist/collection/components/ic-data-table/story-data.js +190 -0
  36. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  37. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +6 -6
  38. package/dist/collection/components/ic-date-input/ic-date-input.js +6 -0
  39. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  40. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +17 -7
  41. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  42. package/dist/collection/components/ic-tree-item/ic-tree-item.css +22 -3
  43. package/dist/collection/components/ic-tree-item/ic-tree-item.js +8 -0
  44. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  45. package/dist/collection/components/ic-tree-view/ic-tree-view.css +4 -0
  46. package/dist/collection/components/ic-tree-view/ic-tree-view.js +14 -7
  47. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  48. package/dist/components/helpers.js +1 -1
  49. package/dist/components/ic-card.js +1 -1
  50. package/dist/components/ic-card.js.map +1 -1
  51. package/dist/components/ic-checkbox.js +1 -1
  52. package/dist/components/ic-checkbox.js.map +1 -1
  53. package/dist/components/ic-data-table-title-bar.js +1 -1
  54. package/dist/components/ic-data-table-title-bar.js.map +1 -1
  55. package/dist/components/ic-data-table.js +11 -7
  56. package/dist/components/ic-data-table.js.map +1 -1
  57. package/dist/components/ic-date-input2.js +6 -0
  58. package/dist/components/ic-date-input2.js.map +1 -1
  59. package/dist/components/ic-dialog.js +21 -6
  60. package/dist/components/ic-dialog.js.map +1 -1
  61. package/dist/components/ic-footer.js +1 -1
  62. package/dist/components/ic-horizontal-scroll2.js +1 -1
  63. package/dist/components/ic-link2.js +1 -1
  64. package/dist/components/ic-link2.js.map +1 -1
  65. package/dist/components/ic-menu2.js +1 -1
  66. package/dist/components/ic-menu2.js.map +1 -1
  67. package/dist/components/ic-pagination-bar2.js +17 -7
  68. package/dist/components/ic-pagination-bar2.js.map +1 -1
  69. package/dist/components/ic-popover-menu.js +2 -2
  70. package/dist/components/ic-popover-menu.js.map +1 -1
  71. package/dist/components/ic-radio-group.js +2 -1
  72. package/dist/components/ic-radio-group.js.map +1 -1
  73. package/dist/components/ic-radio-option.js +1 -1
  74. package/dist/components/ic-radio-option.js.map +1 -1
  75. package/dist/components/ic-select2.js +1 -1
  76. package/dist/components/ic-select2.js.map +1 -1
  77. package/dist/components/ic-side-navigation.js +1 -1
  78. package/dist/components/ic-tree-item.js +9 -1
  79. package/dist/components/ic-tree-item.js.map +1 -1
  80. package/dist/components/ic-tree-view.js +15 -8
  81. package/dist/components/ic-tree-view.js.map +1 -1
  82. package/dist/core/core.esm.js +1 -1
  83. package/dist/core/{p-20241d58.entry.js → p-074e64d0.entry.js} +2 -2
  84. package/dist/core/{p-26aeefc3.entry.js → p-0f1706e8.entry.js} +2 -2
  85. package/dist/core/{p-d1e0479c.entry.js → p-11877d23.entry.js} +2 -2
  86. package/dist/core/{p-ba353ac3.entry.js → p-1e450833.entry.js} +2 -2
  87. package/dist/core/{p-f4b76daa.entry.js → p-23408776.entry.js} +2 -2
  88. package/dist/core/{p-758f03e8.entry.js → p-2d44b81a.entry.js} +2 -2
  89. package/dist/core/{p-a3d903e4.entry.js → p-2ea7af8b.entry.js} +2 -2
  90. package/dist/core/{p-f2bb3c93.entry.js → p-38f329ab.entry.js} +2 -2
  91. package/dist/core/{p-844fb240.entry.js → p-3cd2056f.entry.js} +2 -2
  92. package/dist/core/p-3d00ad9e.entry.js +2 -0
  93. package/dist/core/p-3d00ad9e.entry.js.map +1 -0
  94. package/dist/core/p-3ebd4703.entry.js +2 -0
  95. package/dist/core/p-3ebd4703.entry.js.map +1 -0
  96. package/dist/core/{p-c0242c21.entry.js → p-44680720.entry.js} +2 -2
  97. package/dist/core/{p-3169d95e.entry.js → p-487fd924.entry.js} +2 -2
  98. package/dist/core/p-56db5123.entry.js +2 -0
  99. package/dist/core/p-56db5123.entry.js.map +1 -0
  100. package/dist/core/{p-9c80c37d.entry.js → p-58331a86.entry.js} +2 -2
  101. package/dist/core/p-5a90eaa8.entry.js +2 -0
  102. package/dist/core/p-5a90eaa8.entry.js.map +1 -0
  103. package/dist/core/{p-a4088bd7.entry.js → p-656378ba.entry.js} +2 -2
  104. package/dist/core/{p-d171c71d.entry.js → p-6cdf5de2.entry.js} +2 -2
  105. package/dist/core/{p-dd550e9b.entry.js → p-70ad364c.entry.js} +2 -2
  106. package/dist/core/{p-c1b268fd.entry.js → p-70c659ec.entry.js} +2 -2
  107. package/dist/core/{p-124279fa.entry.js → p-71bbb583.entry.js} +2 -2
  108. package/dist/core/p-74b42302.entry.js +2 -0
  109. package/dist/core/p-74b42302.entry.js.map +1 -0
  110. package/dist/core/p-75bd12f8.entry.js +2 -0
  111. package/dist/core/p-75bd12f8.entry.js.map +1 -0
  112. package/dist/core/{p-03d83d2c.entry.js → p-780294b8.entry.js} +2 -2
  113. package/dist/core/{p-382b88b2.entry.js → p-7edc19be.entry.js} +2 -2
  114. package/dist/core/p-8ced1495.entry.js +2 -0
  115. package/dist/core/p-8ced1495.entry.js.map +1 -0
  116. package/dist/core/{p-8c2c86b5.entry.js → p-95545b4c.entry.js} +2 -2
  117. package/dist/core/{p-b02ad2c4.entry.js → p-95d057b8.entry.js} +2 -2
  118. package/dist/core/{p-9adb2a49.entry.js → p-987cd821.entry.js} +2 -2
  119. package/dist/core/p-987cd821.entry.js.map +1 -0
  120. package/dist/core/{p-29a040ef.entry.js → p-9b386822.entry.js} +2 -2
  121. package/dist/core/{p-a6fb5fe3.entry.js → p-9bbe221f.entry.js} +2 -2
  122. package/dist/core/{p-deedc7d3.entry.js → p-9f58998d.entry.js} +2 -2
  123. package/dist/core/p-ab311c2e.entry.js +2 -0
  124. package/dist/core/p-ab311c2e.entry.js.map +1 -0
  125. package/dist/core/{p-72a584f4.entry.js → p-ac8090a5.entry.js} +2 -2
  126. package/dist/core/{p-95871655.entry.js → p-bc350ec5.entry.js} +2 -2
  127. package/dist/core/p-bd0328f3.entry.js +2 -0
  128. package/dist/core/p-bd0328f3.entry.js.map +1 -0
  129. package/dist/core/{p-5f71f24c.entry.js → p-bede1b52.entry.js} +2 -2
  130. package/dist/core/{p-da506987.js → p-bf06977d.js} +2 -2
  131. package/dist/core/{p-ff35dcea.entry.js → p-c0a2a040.entry.js} +2 -2
  132. package/dist/core/{p-ff35dcea.entry.js.map → p-c0a2a040.entry.js.map} +1 -1
  133. package/dist/core/{p-3a2523df.entry.js → p-c41d12e6.entry.js} +2 -2
  134. package/dist/core/p-c41d12e6.entry.js.map +1 -0
  135. package/dist/core/{p-3b1c88ad.entry.js → p-c7261d64.entry.js} +2 -2
  136. package/dist/core/{p-3e7b08c7.entry.js → p-c97463bc.entry.js} +2 -2
  137. package/dist/core/p-cc0e0b46.entry.js +2 -0
  138. package/dist/core/p-cc0e0b46.entry.js.map +1 -0
  139. package/dist/core/{p-aabb04c8.entry.js → p-ccc37027.entry.js} +2 -2
  140. package/dist/core/{p-12a5b481.entry.js → p-d0020f6f.entry.js} +2 -2
  141. package/dist/core/{p-e85505ec.entry.js → p-d1045cd5.entry.js} +2 -2
  142. package/dist/core/{p-9cd73369.entry.js → p-d921dc2c.entry.js} +2 -2
  143. package/dist/core/{p-34de5ffb.entry.js → p-da398a5d.entry.js} +2 -2
  144. package/dist/core/{p-8ef60479.entry.js → p-db5af9f7.entry.js} +2 -2
  145. package/dist/core/p-dd4c83ad.entry.js +2 -0
  146. package/dist/core/p-dd4c83ad.entry.js.map +1 -0
  147. package/dist/core/{p-0c7d30f5.entry.js → p-e218db1e.entry.js} +2 -2
  148. package/dist/core/p-e362b5f3.entry.js +2 -0
  149. package/dist/core/p-e362b5f3.entry.js.map +1 -0
  150. package/dist/core/{p-bc24c004.entry.js → p-e89c2feb.entry.js} +2 -2
  151. package/dist/core/{p-e7b913e5.entry.js → p-eaeaa096.entry.js} +2 -2
  152. package/dist/core/{p-d2260763.entry.js → p-f5dfcf4f.entry.js} +2 -2
  153. package/dist/esm/{helpers-031e266e.js → helpers-cd64688a.js} +2 -2
  154. package/dist/esm/{helpers-031e266e.js.map → helpers-cd64688a.js.map} +1 -1
  155. package/dist/esm/ic-accordion-group.entry.js +1 -1
  156. package/dist/esm/ic-accordion.entry.js +1 -1
  157. package/dist/esm/ic-alert.entry.js +1 -1
  158. package/dist/esm/ic-back-to-top.entry.js +1 -1
  159. package/dist/esm/ic-badge.entry.js +1 -1
  160. package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
  161. package/dist/esm/ic-breadcrumb.entry.js +1 -1
  162. package/dist/esm/ic-button_3.entry.js +1 -1
  163. package/dist/esm/ic-card.entry.js +2 -2
  164. package/dist/esm/ic-card.entry.js.map +1 -1
  165. package/dist/esm/ic-checkbox-group.entry.js +1 -1
  166. package/dist/esm/ic-checkbox.entry.js +2 -2
  167. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  168. package/dist/esm/ic-chip.entry.js +1 -1
  169. package/dist/esm/ic-data-row.entry.js +1 -1
  170. package/dist/esm/ic-data-table-title-bar.entry.js +1 -1
  171. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
  172. package/dist/esm/ic-data-table.entry.js +11 -7
  173. package/dist/esm/ic-data-table.entry.js.map +1 -1
  174. package/dist/esm/ic-date-input.entry.js +6 -0
  175. package/dist/esm/ic-date-input.entry.js.map +1 -1
  176. package/dist/esm/ic-dialog.entry.js +21 -6
  177. package/dist/esm/ic-dialog.entry.js.map +1 -1
  178. package/dist/esm/ic-divider.entry.js +1 -1
  179. package/dist/esm/ic-empty-state_2.entry.js +18 -8
  180. package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
  181. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  182. package/dist/esm/ic-footer-link.entry.js +1 -1
  183. package/dist/esm/ic-footer.entry.js +1 -1
  184. package/dist/esm/ic-hero.entry.js +1 -1
  185. package/dist/esm/ic-horizontal-scroll.entry.js +1 -1
  186. package/dist/esm/ic-input-component-container_4.entry.js +1 -1
  187. package/dist/esm/ic-link.entry.js +2 -2
  188. package/dist/esm/ic-link.entry.js.map +1 -1
  189. package/dist/esm/ic-menu-group.entry.js +1 -1
  190. package/dist/esm/ic-menu-item.entry.js +1 -1
  191. package/dist/esm/ic-menu.entry.js +2 -2
  192. package/dist/esm/ic-menu.entry.js.map +1 -1
  193. package/dist/esm/ic-navigation-button.entry.js +1 -1
  194. package/dist/esm/ic-navigation-group.entry.js +1 -1
  195. package/dist/esm/ic-navigation-item.entry.js +1 -1
  196. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  197. package/dist/esm/ic-page-header.entry.js +1 -1
  198. package/dist/esm/ic-pagination_4.entry.js +2 -2
  199. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  200. package/dist/esm/ic-popover-menu.entry.js +2 -2
  201. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  202. package/dist/esm/ic-radio-group.entry.js +3 -2
  203. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  204. package/dist/esm/ic-radio-option.entry.js +2 -2
  205. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  206. package/dist/esm/ic-search-bar.entry.js +1 -1
  207. package/dist/esm/ic-side-navigation.entry.js +1 -1
  208. package/dist/esm/ic-status-tag.entry.js +1 -1
  209. package/dist/esm/ic-step.entry.js +1 -1
  210. package/dist/esm/ic-stepper.entry.js +1 -1
  211. package/dist/esm/ic-switch.entry.js +1 -1
  212. package/dist/esm/ic-tab-group.entry.js +1 -1
  213. package/dist/esm/ic-tab.entry.js +1 -1
  214. package/dist/esm/ic-theme.entry.js +1 -1
  215. package/dist/esm/ic-toast.entry.js +1 -1
  216. package/dist/esm/ic-toggle-button-group.entry.js +1 -1
  217. package/dist/esm/ic-toggle-button.entry.js +1 -1
  218. package/dist/esm/ic-top-navigation.entry.js +1 -1
  219. package/dist/esm/ic-tree-item.entry.js +9 -1
  220. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  221. package/dist/esm/ic-tree-view.entry.js +15 -8
  222. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  223. package/dist/esm/ic-typography.entry.js +1 -1
  224. package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +1 -0
  225. package/dist/types/components/ic-data-table/story-data.d.ts +59 -0
  226. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +1 -0
  227. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +1 -0
  228. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +3 -0
  229. package/hydrate/index.js +88 -37
  230. package/package.json +3 -3
  231. package/dist/core/p-03a99326.entry.js +0 -2
  232. package/dist/core/p-03a99326.entry.js.map +0 -1
  233. package/dist/core/p-080ebc66.entry.js +0 -2
  234. package/dist/core/p-080ebc66.entry.js.map +0 -1
  235. package/dist/core/p-1c0bbd2a.entry.js +0 -2
  236. package/dist/core/p-1c0bbd2a.entry.js.map +0 -1
  237. package/dist/core/p-3a2523df.entry.js.map +0 -1
  238. package/dist/core/p-4476d3b0.entry.js +0 -2
  239. package/dist/core/p-4476d3b0.entry.js.map +0 -1
  240. package/dist/core/p-48618a18.entry.js +0 -2
  241. package/dist/core/p-48618a18.entry.js.map +0 -1
  242. package/dist/core/p-4960c603.entry.js +0 -2
  243. package/dist/core/p-4960c603.entry.js.map +0 -1
  244. package/dist/core/p-7565b23c.entry.js +0 -2
  245. package/dist/core/p-7565b23c.entry.js.map +0 -1
  246. package/dist/core/p-7bba4c47.entry.js +0 -2
  247. package/dist/core/p-7bba4c47.entry.js.map +0 -1
  248. package/dist/core/p-7e909871.entry.js +0 -2
  249. package/dist/core/p-7e909871.entry.js.map +0 -1
  250. package/dist/core/p-9adb2a49.entry.js.map +0 -1
  251. package/dist/core/p-9c9147fa.entry.js +0 -2
  252. package/dist/core/p-9c9147fa.entry.js.map +0 -1
  253. package/dist/core/p-b68d6867.entry.js +0 -2
  254. package/dist/core/p-b68d6867.entry.js.map +0 -1
  255. package/dist/core/p-e447ed5c.entry.js +0 -2
  256. package/dist/core/p-e447ed5c.entry.js.map +0 -1
  257. /package/dist/core/{p-20241d58.entry.js.map → p-074e64d0.entry.js.map} +0 -0
  258. /package/dist/core/{p-26aeefc3.entry.js.map → p-0f1706e8.entry.js.map} +0 -0
  259. /package/dist/core/{p-d1e0479c.entry.js.map → p-11877d23.entry.js.map} +0 -0
  260. /package/dist/core/{p-ba353ac3.entry.js.map → p-1e450833.entry.js.map} +0 -0
  261. /package/dist/core/{p-f4b76daa.entry.js.map → p-23408776.entry.js.map} +0 -0
  262. /package/dist/core/{p-758f03e8.entry.js.map → p-2d44b81a.entry.js.map} +0 -0
  263. /package/dist/core/{p-a3d903e4.entry.js.map → p-2ea7af8b.entry.js.map} +0 -0
  264. /package/dist/core/{p-f2bb3c93.entry.js.map → p-38f329ab.entry.js.map} +0 -0
  265. /package/dist/core/{p-844fb240.entry.js.map → p-3cd2056f.entry.js.map} +0 -0
  266. /package/dist/core/{p-c0242c21.entry.js.map → p-44680720.entry.js.map} +0 -0
  267. /package/dist/core/{p-3169d95e.entry.js.map → p-487fd924.entry.js.map} +0 -0
  268. /package/dist/core/{p-9c80c37d.entry.js.map → p-58331a86.entry.js.map} +0 -0
  269. /package/dist/core/{p-a4088bd7.entry.js.map → p-656378ba.entry.js.map} +0 -0
  270. /package/dist/core/{p-d171c71d.entry.js.map → p-6cdf5de2.entry.js.map} +0 -0
  271. /package/dist/core/{p-dd550e9b.entry.js.map → p-70ad364c.entry.js.map} +0 -0
  272. /package/dist/core/{p-c1b268fd.entry.js.map → p-70c659ec.entry.js.map} +0 -0
  273. /package/dist/core/{p-124279fa.entry.js.map → p-71bbb583.entry.js.map} +0 -0
  274. /package/dist/core/{p-03d83d2c.entry.js.map → p-780294b8.entry.js.map} +0 -0
  275. /package/dist/core/{p-382b88b2.entry.js.map → p-7edc19be.entry.js.map} +0 -0
  276. /package/dist/core/{p-8c2c86b5.entry.js.map → p-95545b4c.entry.js.map} +0 -0
  277. /package/dist/core/{p-b02ad2c4.entry.js.map → p-95d057b8.entry.js.map} +0 -0
  278. /package/dist/core/{p-29a040ef.entry.js.map → p-9b386822.entry.js.map} +0 -0
  279. /package/dist/core/{p-a6fb5fe3.entry.js.map → p-9bbe221f.entry.js.map} +0 -0
  280. /package/dist/core/{p-deedc7d3.entry.js.map → p-9f58998d.entry.js.map} +0 -0
  281. /package/dist/core/{p-72a584f4.entry.js.map → p-ac8090a5.entry.js.map} +0 -0
  282. /package/dist/core/{p-95871655.entry.js.map → p-bc350ec5.entry.js.map} +0 -0
  283. /package/dist/core/{p-5f71f24c.entry.js.map → p-bede1b52.entry.js.map} +0 -0
  284. /package/dist/core/{p-da506987.js.map → p-bf06977d.js.map} +0 -0
  285. /package/dist/core/{p-3b1c88ad.entry.js.map → p-c7261d64.entry.js.map} +0 -0
  286. /package/dist/core/{p-3e7b08c7.entry.js.map → p-c97463bc.entry.js.map} +0 -0
  287. /package/dist/core/{p-aabb04c8.entry.js.map → p-ccc37027.entry.js.map} +0 -0
  288. /package/dist/core/{p-12a5b481.entry.js.map → p-d0020f6f.entry.js.map} +0 -0
  289. /package/dist/core/{p-e85505ec.entry.js.map → p-d1045cd5.entry.js.map} +0 -0
  290. /package/dist/core/{p-9cd73369.entry.js.map → p-d921dc2c.entry.js.map} +0 -0
  291. /package/dist/core/{p-34de5ffb.entry.js.map → p-da398a5d.entry.js.map} +0 -0
  292. /package/dist/core/{p-8ef60479.entry.js.map → p-db5af9f7.entry.js.map} +0 -0
  293. /package/dist/core/{p-0c7d30f5.entry.js.map → p-e218db1e.entry.js.map} +0 -0
  294. /package/dist/core/{p-bc24c004.entry.js.map → p-e89c2feb.entry.js.map} +0 -0
  295. /package/dist/core/{p-e7b913e5.entry.js.map → p-eaeaa096.entry.js.map} +0 -0
  296. /package/dist/core/{p-d2260763.entry.js.map → p-f5dfcf4f.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icDataTableCss","DataTable","this","DENSITY_HEIGHT_MULTIPLIER","dense","default","spacious","DENSITY_PADDING_HEIGHT_DIFF","SORT_ICONS","unsorted","unsortedIcon","ascending","ascendingIcon","descending","descendingIcon","hasLoadedForOneSecond","resizeObserver","SHOW_HIDE_STRING","SHOW_HIDE_CSS_CLASS","TOOLTIP_STRING","TOOLTIP","TEXT_WRAP_STRING","TEXT_WRAP_CLASS","dataUpdated","rowHeightSet","initialLoad","icPageChangeEvent","itemsPerPageChange","DATA_ROW_HEIGHT_STRING","ROW_HEIGHT_CSS_VARIABLE","LINE_CLAMP_CSS_VARIABLE","DEFAULT_LINE_HEIGHT","densityUpdate","truncationPatternUpdated","isNewDebounceDelaySet","headerResizeObserver","IC_TOOLTIP_STRING","SHOW_TRUNC_TOOLTIP_STRING","CELL_DESCRIPTION_STRING","CELL_CONTAINER_WITH_DESCRIPTION_STRING","CELL_TEXT_WRAPPER_STRING","IC_TYPOGRAPHY_STRING","runHeaderResizeObserver","ResizeObserver","headerResizeCallback","observe","el","hideColumnHeaders","columnHeaderTruncation","tableContainerWidth","shadowRoot","querySelector","clientWidth","prevTableContainerWidth","headers","querySelectorAll","forEach","header","tooltip","typographyEls","length","classList","remove","add","updateSetRowHeight","typographyEl","fontSize","parseInt","getComputedStyle","document","documentElement","cellContainer","getCellContainer","rowHeight","parseFloat","getAttribute","scrollHeight","style","removeProperty","getTypographyElements","debounceDataTruncation","contains","dynamicDebounce","dataTruncation","setNewDebounceDelay","debounceDelay","delay","getLines","height","Math","floor","truncate","clientHeight","closest","truncationPattern","addTooltipTruncation","addShowHideTruncation","setAttribute","cellTextWrapper","prepend","isEmptyString","resetShowHideTruncation","getTooltip","showHideBtn","truncWrapper","getTruncWrapper","removeTooltip","removeTextWrap","tableCell","deleteTextWrapDataKey","array","Array","isArray","val","textWrap","startLoadingTimer","timerStarted","Date","now","setTimeout","minimumLoadingDisplayDuration","isObject","value","undefined","notDefaultDensity","density","getCellContent","cell","dataType","toLocaleDateString","getCellAlignment","alignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","appearance","description","max","min","progress","updatingOptions","h","colSpan","columns","class","fullWidth","type","size","setRowHeight","pxToRem","setTruncationClass","getColumnWidth","columnWidth","columnWidthStyling","assign","minWidth","maxWidth","getRowHeight","currentRowHeight","columnProps","rowTextWrap","adjustWidthForActionElement","elements","element","width","firstChild","getBoundingClientRect","gridWrapper","gridTemplateColumns","createCellContent","cellSlotName","rowOptions","rowAlignment","hasIcon","cellValue","rowEmphasis","innerHTML","isSlotUsed","_a","columnAlignment","vertical","_b","_c","_d","_e","horizontal","_f","_g","_h","_j","icon","name","Fragment","_k","onAllCells","_l","_m","variant","emphasis","href","target","rel","_o","_q","_p","data","createCells","row","rowIndex","rowValues","values","rowKeys","getRowOptions","headerIndex","indexOf","variableRowHeightVal","variableRowHeight","call","index","globalRowHeight","map","scope","stickyRowHeaders","onClick","actionOnClick","event","handleClick","createColumnHeaders","cellAlignment","colspan","title","excludeColumnFromSort","updating","loading","hideOnHeader","label","id","sortable","getSortButtonLabel","sortRows","sortedColumn","sortedColumnOrder","onRowClick","icSelectedRowChange","emit","selectedRow","createRows","showPagination","slice","fromRow","toRow","paginationOffset","organisedData","slottedColumns","filter","col","prototype","hasOwnProperty","addDataToPosition","sort","disableAutoSort","getSortFunction","highlightSelectedRow","getNextSortOption","option","sortOrders","sortOptions","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","sortButton","previousSortedButton","nextSortOrderIndex","tableSorted","icSortChange","columnName","sorted","from","updateTruncationTooltip","removeTooltipOnly","regenerateTooltip","updateScrollOffset","scrollOffset","scrollTop","updateRowHeightForDescriptions","toString","updateCellHeightsWithDescriptions","descriptions","typography","descriptionMarginTop","window","getPropertyValue","descriptionHeight","textContent","cellIcon","deviceSizeMatches","IC_DEVICE_SIZES","XS","addLineClampCSS","createShowHideTruncation","setTableDimensions","tableHostDimensions","fixCellTooltip","tooltipEl","tagName","setExternalPopperProps","strategy","fixCellTooltips","slotElements","getSlotElements","slottedEl","actionElements","actionElementSpan","actionElement","callback","renderTableBody","overlay","renderLoadingIndicator","isLoading","loadingOptions","ref","loadingOverlay","showBackground","labelDuration","loadingIndicator","renderAriaLiveLoading","renderEmptyState","emptyStateEl","aligned","heading","hideAllFromItemsPerPage","hideRangeLabel","itemLabel","itemsPerPageOptions","pageLabel","rangeLabelType","selectedItemsPerPage","setToFirstPageOnPaginationChange","showGoToPageControl","showItemsPerPageControl","defaultColumn","headerTruncationChangeHandler","disconnectedCallback","disconnect","componentWillLoad","rowsPerPage","Number","paginationBarOptions","previousRowsPerPage","previousItemsPerPage","componentDidLoad","tableElement","tableContainer","checkResizeObserver","scrollable","showLoadingIndicator","addEventListener","componentDidUpdate","truncateUpdatedData","componentDidRender","resetTruncation","then","removeAttribute","hasAutoRowHeight","setProperty","allRows","newRows","checkMaxLines","setShowHideExpanded","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","clickListener","loadingHandler","newValue","truncationPatternHandler","dataHandler","newData","densityHandler","rowHeightChangeHandler","oldValue","icRowHeightChange","resetRowHeights","rowOptionsIndex","cssText","descriptionCellHeight","iconHeight","createElement","render","caption","stickyColumnHeaders","Host","tabIndex","onScroll","tableLayout","totalItems"],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":[":host {\n position: relative;\n display: inline-flex;\n max-height: 100%;\n width: var(--table-width, 100%);\n height: 100%;\n min-width: var(--table-min-width);\n max-width: var(--table-max-width);\n}\n\ntbody {\n vertical-align: top;\n}\n\n.table-container {\n position: relative;\n height: calc(100% - var(--ic-space-xxxs));\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.cell-container {\n display: flex;\n min-height: 1.5rem;\n overflow-y: hidden;\n height: var(--row-height);\n}\n\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-border-light);\n}\n\n.column-header-inner-container {\n padding: var(--ic-space-xs);\n box-sizing: border-box;\n}\n\n.column-header-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-table-row-selected) !important;\n}\n\n.sort-button {\n margin-left: auto;\n}\n\n.sort-button:hover {\n background-color: var(--ic-action-dark-bg-hover);\n}\n\n.sort-button:active {\n background-color: var(--ic-action-dark-bg-active);\n}\n\n.sort-button svg {\n color: var(--ic-architectural-black);\n}\n\n.sort-button-unsorted svg {\n color: var(--ic-color-tertiary-text);\n}\n\n.table-density-dense .column-header-inner-container,\ntd.table-density-dense {\n padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious {\n padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n font-size: 1.125rem;\n}\n\n.column-header-text {\n font-weight: var(--ic-font-weight-bold);\n}\n\n.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-architectural-40);\n border-right: var(--ic-border-light);\n border-bottom: var(--ic-border-light);\n}\n\n.column-header {\n padding: 0;\n width: var(--column-width);\n min-width: var(--column-min-width, 4rem);\n max-width: var(--column-max-width);\n}\n\n.column-header:last-child {\n border-right: none;\n}\n\n.scrollable .column-header:last-child {\n border-right: var(--ic-border-light) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n text-align: left !important;\n justify-content: start !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n text-align: right !important;\n justify-content: end !important;\n}\n\n.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography {\n padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.cell-alignment-right.truncation-show-hide ic-typography {\n --ellipsis-padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n text-align: center !important;\n justify-content: center !important;\n}\n\n.table-row:nth-child(even) {\n background-color: var(--ic-architectural-20);\n}\n\n.table-cell {\n padding: var(--ic-space-xs);\n border-bottom: solid var(--ic-architectural-100) var(--ic-space-1px);\n overflow: hidden;\n box-sizing: border-box;\n max-width: var(--column-max-width);\n min-width: var(--column-min-width);\n}\n\n.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 {\n color: var(--ic-color-secondary-text);\n}\n\n.cell-emphasis-high {\n font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n background-color: var(--ic-architectural-40);\n border-top: var(--ic-border-light);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n position: absolute;\n left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n word-wrap: break-word;\n white-space: pre-wrap;\n}\n\n.loading-empty {\n padding: var(--ic-space-xl) var(--ic-space-xxl);\n margin-top: var(--ic-space-xl);\n}\n\n.updating-state {\n padding: 0;\n border-bottom: var(--ic-border-light);\n}\n\n.updating-state-headers {\n border-bottom: none;\n}\n\n.loading {\n position: absolute;\n left: calc(50% - 5.9741rem);\n opacity: 0;\n transition: opacity var(--ic-transition-duration-slow);\n z-index: calc(var(--ic-z-index-dialog) - 1);\n}\n\n.loading.show-background {\n background-color: var(--ic-architectural-white);\n border: var(--ic-border-light);\n}\n\n.loading.show {\n opacity: 1;\n}\n\n.icon,\n::slotted(svg) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-right: var(--ic-space-xxs);\n}\n\n.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg) {\n margin-right: auto;\n}\n\n.column-header-alignment-center > ic-typography,\n.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-architectural-black);\n z-index: calc(var(--ic-z-index-dialog) - 2);\n opacity: 0;\n transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading-overlay.show {\n visibility: visible;\n opacity: 0.6;\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .loading-overlay {\n transition: none;\n }\n}\n\n.cell-text-wrapper {\n overflow: hidden;\n}\n\n.cell-text-wrapper > ic-typography {\n margin-left: 2px;\n}\n\n.cell-text-no-wrap {\n word-wrap: initial;\n}\n\n.cell-container-with-description {\n display: flex;\n flex-direction: row;\n}\n\n.cell-description {\n display: flex;\n flex-direction: row;\n margin-top: var(--ic-space-xxs);\n word-break: break-all;\n}\n\n.cell-description-text {\n color: var(--ic-color-secondary-text);\n}\n\n.cell-description-icon {\n padding-right: var(--ic-space-xs);\n}\n\n.cell-description-icon > svg {\n height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n display: flex;\n}\n\n@media (min-width: 577px) {\n .column-header-inner-container {\n display: flex;\n align-items: center;\n }\n}\n\n@media (max-width: 577px) {\n .cell-icon {\n flex-wrap: wrap;\n }\n\n .cell-description-icon {\n padding-right: 0;\n }\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .icon,\n ::slotted(svg),\n .cell-description-icon > svg {\n fill: currentcolor;\n }\n\n .sort-button svg {\n color: currentcolor;\n }\n\n .table-row-selected {\n background-color: Highlight !important;\n }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n Component,\n Element,\n h,\n Prop,\n State,\n Listen,\n Watch,\n Fragment,\n Method,\n Event,\n EventEmitter,\n Host,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n IcDataTableDataType,\n IcDataTableColumnDataTypes,\n IcDataTableColumnObject,\n IcDataTableColumnWidthTypes,\n IcDataTableDensityOptions,\n IcDataTableRowHeights,\n IcDataTableSortOrderOptions,\n IcDataTableTruncationTypes,\n IcDensityUpdateEventDetail,\n IcSortEventDetail,\n IcLoadingOptions,\n} from \"./ic-data-table.types\";\nimport { IcThemeForegroundNoDefault } from \"@ukic/web-components/dist/types/utils/types\";\nimport { IcPaginationBarOptions } from \"../../utils/types\";\n// Unable to import helper functions via @ukic/web-components\nimport {\n isEmptyString,\n isSlotUsed,\n pxToRem,\n addDataToPosition,\n dynamicDebounce,\n 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 appearance?: IcThemeForegroundNoDefault;\n description?: string;\n label?: string;\n labelDuration?: number;\n max?: number;\n min?: number;\n progress?: number;\n showBackground?: 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 appearance: \"default\",\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 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 * Sets the layout of the table\n */\n @Prop() tableLayout?: \"fixed\" | \"auto\" = \"fixed\";\n\n /**\n * Sets the method used to truncate long text in cells where textWrap is `false`. The `tooltip` truncation pattern allows the overflowing text to be seen in a tooltip. The `show-hide` truncation pattern allows the overflowing text to be shown and hidden using the ic-typography \"See more\"/\"See less\" buttons.\n */\n @Prop() truncationPattern?: IcDataTableTruncationTypes;\n\n /**\n * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.\n */\n @Prop() updating?: boolean = false;\n\n /**\n * Sets the props for the linear loading indicator used in the updating state.\n */\n @Prop() updatingOptions?: {\n appearance?: IcThemeForegroundNoDefault;\n description?: string;\n max?: number;\n min?: number;\n progress?: number;\n };\n\n /**\n * Allows for custom setting of row heights on individual rows based on an individual value from the `data` prop and the row index.\n * If the function returns `null`, that row's height will be set to the `globalRowHeight` property.\n */\n @Prop({ mutable: true }) variableRowHeight?: (params: {\n [key: string]: any;\n index: number;\n }) => IcDataTableRowHeights | null;\n\n /**\n * Sets the table width. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n */\n @Prop() width?: string;\n\n /**\n * Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.\n */\n @Event() icRowHeightChange: EventEmitter<void>;\n\n /**\n * Emitted when 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 showBackground: this.data?.length > 0 || !!this.loadingOptions?.overlay,\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(newData: IcDataTableDataType[]): Promise<void> {\n this.loadingOptions = {\n ...this.loadingOptions,\n showBackground: newData?.length > 0 || !!this.loadingOptions?.overlay,\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 { appearance, description, max, min, progress } =\n this.updatingOptions || {};\n return (\n <th colSpan={this.columns.length} class=\"updating-state\">\n <ic-loading-indicator\n appearance={appearance}\n description={description || \"Updating table data\"}\n fullWidth={true}\n max={max}\n min={min}\n progress={progress}\n type=\"linear\"\n size=\"small\"\n ></ic-loading-indicator>\n </th>\n );\n };\n\n private setRowHeight = (height: number) => {\n return pxToRem(\n `${\n height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n }px`\n );\n };\n\n private setTruncationClass = () =>\n 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 ...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 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 const tooltipEl = (\n element.tagName === \"IC-TOOLTIP\"\n ? element\n : element.shadowRoot?.querySelector(this.IC_TOOLTIP_STRING)\n ) as HTMLIcTooltipElement;\n\n if (tooltipEl) {\n tooltipEl.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 appearance={loadingOptions?.appearance}\n class={{\n \"loading-empty\": isLoading,\n loading: true,\n \"show-background\":\n loadingOptions.showBackground || loadingOptions.overlay,\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 } = this;\n\n return (\n <Host style={{ ...this.setTableDimensions() }}>\n <div class=\"table-container\">\n {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n <div\n class={{\n [\"table-row-container\"]: true,\n scrollable,\n }}\n tabIndex={scrollable ? 0 : null}\n onScroll={updateScrollOffset}\n >\n {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n <table\n style={{\n [\"--table-layout\"]: this.tableLayout,\n }}\n >\n <caption class=\"table-caption\">{caption}</caption>\n {!hideColumnHeaders && (\n <thead\n class={{\n [\"column-header-sticky\"]: stickyColumnHeaders,\n [\"column-header-overlay\"]:\n stickyColumnHeaders && scrollOffset !== 0,\n }}\n >\n <tr>{createColumnHeaders()}</tr>\n </thead>\n )}\n {updating &&\n !loading &&\n (hideColumnHeaders ? (\n <thead>{createUpdatingIndicator()}</thead>\n ) : (\n createUpdatingIndicator()\n ))}\n {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 appearance={paginationBarOptions.appearance}\n hideAllFromItemsPerPage={\n paginationBarOptions.hideAllFromItemsPerPage\n }\n hideRangeLabel={paginationBarOptions.hideRangeLabel}\n itemLabel={paginationBarOptions.itemLabel}\n itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\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 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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"}
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,h as e,H as o,g as s}from"./p-8455d1bb.js";import{j as a,u as n}from"./p-da506987.js";import"./p-fd186591.js";const r='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-primary-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.strikethrough){text-decoration:line-through}:host(.underline){text-decoration:underline}:host(.underline.strikethrough){text-decoration:line-through underline}:host(.italic){font-style:italic !important}:host(.bold){font-weight:var(--ic-font-weight-bold)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}';const l=class{constructor(e){t(this,e);this.typographyTruncationExpandToggle=i(this,"typographyTruncationExpandToggle",7);this.focusBtnFromKeyboard=true;this.inAGGrid=false;this.lastMarkerTop=0;this.lastWidth=0;this.resizeObserver=null;this.truncatedHeight=0;this.toggleExpanded=t=>{t.stopPropagation();this.expanded=!this.expanded;this.typographyTruncationExpandToggle.emit({expanded:this.expanded,typographyEl:this.el})};this.checkMarkerPosition=(t,i)=>{if(i-t<this.truncatedHeight){this.truncated=false;this.expanded=false}else{this.truncated=true}};this.getElementTop=t=>t.getClientRects&&t.getClientRects()[0]?t.getClientRects()[0].top:0;this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeInterval);this.resizeInterval=window.setTimeout(this.resizeObserverCallback,50)}));this.resizeObserver.observe(this.truncWrapperEl)};this.resizeObserverCallback=()=>{if(this.lastWidth===this.el.clientWidth){return}if(this.truncatedHeight===0){this.checkMaxLines(this.el.clientHeight);return}const t=this.getElementTop(this.marker);if(t===this.lastMarkerTop){return}this.checkMarkerPosition(this.getElementTop(this.el),t);this.lastMarkerTop=t;this.lastWidth=this.el.clientWidth};this.truncButtonFocus=()=>{if(this.focusBtnFromKeyboard){this.truncButtonFocussed=true}};this.truncButtonBlur=()=>{this.focusBtnFromKeyboard=true;this.truncButtonFocussed=false};this.truncButtonFocusFromMouse=()=>{this.focusBtnFromKeyboard=false};this.truncated=false;this.truncButtonFocussed=false;this.applyVerticalMargins=false;this.bold=false;this.italic=false;this.maxLines=undefined;this.strikethrough=false;this.underline=false;this.variant="body";this.expanded=false}watchExpandedHandler(){this.el.setAttribute("style",`--truncation-max-lines: ${this.expanded?"initial":this.maxLines}`)}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}async resetTruncation(){if(this.truncated){this.truncated=false;this.maxLines=0;this.el.removeAttribute("max-lines");this.expanded=false;this.el.removeAttribute("style")}}componentDidLoad(){var t,i;if((this.variant==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&this.maxLines>0){const t=document.createElement("span");t.style.visibility="hidden";this.el.appendChild(t);this.marker=t;this.lastWidth=this.el.clientWidth;this.checkMaxLines(this.el.clientHeight);a(this.runResizeObserver)}}componentWillRender(){if(n(this.el)){this.inAGGrid=true}}async checkMaxLines(t){const i=Math.floor(t/24);if(i>this.maxLines){this.el.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`);this.truncatedHeight=this.el.clientHeight;this.truncated=true}}async setShowHideExpanded(t){this.expanded=t}render(){var t,i;const{variant:s,applyVerticalMargins:a,maxLines:n,truncated:r,expanded:l,strikethrough:c,underline:h,italic:p,bold:d}=this;return e(o,{class:{[`ic-typography-${s}`]:true,[`ic-typography-vertical-margins-${s}`]:a,["bold"]:d,["italic"]:p,["strikethrough"]:c,["underline"]:h,["in-ag-grid"]:this.inAGGrid}},(s==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&n>0?e("div",{class:"trunc-wrapper",ref:t=>this.truncWrapperEl=t},e("slot",null)):e("slot",null),s==="body"&&n>0&&r&&e("button",{class:{"trunc-btn":true,focus:this.truncButtonFocussed},onFocus:this.truncButtonFocus,onBlur:this.truncButtonBlur,onMouseDown:this.truncButtonFocusFromMouse,onClick:this.toggleExpanded},l?"See less":"See more"))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};l.style=r;export{l as ic_typography};
2
- //# sourceMappingURL=p-c0242c21.entry.js.map
1
+ import{r as t,c as i,h as e,H as o,g as s}from"./p-8455d1bb.js";import{j as a,u as n}from"./p-bf06977d.js";import"./p-fd186591.js";const r='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-primary-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.strikethrough){text-decoration:line-through}:host(.underline){text-decoration:underline}:host(.underline.strikethrough){text-decoration:line-through underline}:host(.italic){font-style:italic !important}:host(.bold){font-weight:var(--ic-font-weight-bold)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}';const l=class{constructor(e){t(this,e);this.typographyTruncationExpandToggle=i(this,"typographyTruncationExpandToggle",7);this.focusBtnFromKeyboard=true;this.inAGGrid=false;this.lastMarkerTop=0;this.lastWidth=0;this.resizeObserver=null;this.truncatedHeight=0;this.toggleExpanded=t=>{t.stopPropagation();this.expanded=!this.expanded;this.typographyTruncationExpandToggle.emit({expanded:this.expanded,typographyEl:this.el})};this.checkMarkerPosition=(t,i)=>{if(i-t<this.truncatedHeight){this.truncated=false;this.expanded=false}else{this.truncated=true}};this.getElementTop=t=>t.getClientRects&&t.getClientRects()[0]?t.getClientRects()[0].top:0;this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeInterval);this.resizeInterval=window.setTimeout(this.resizeObserverCallback,50)}));this.resizeObserver.observe(this.truncWrapperEl)};this.resizeObserverCallback=()=>{if(this.lastWidth===this.el.clientWidth){return}if(this.truncatedHeight===0){this.checkMaxLines(this.el.clientHeight);return}const t=this.getElementTop(this.marker);if(t===this.lastMarkerTop){return}this.checkMarkerPosition(this.getElementTop(this.el),t);this.lastMarkerTop=t;this.lastWidth=this.el.clientWidth};this.truncButtonFocus=()=>{if(this.focusBtnFromKeyboard){this.truncButtonFocussed=true}};this.truncButtonBlur=()=>{this.focusBtnFromKeyboard=true;this.truncButtonFocussed=false};this.truncButtonFocusFromMouse=()=>{this.focusBtnFromKeyboard=false};this.truncated=false;this.truncButtonFocussed=false;this.applyVerticalMargins=false;this.bold=false;this.italic=false;this.maxLines=undefined;this.strikethrough=false;this.underline=false;this.variant="body";this.expanded=false}watchExpandedHandler(){this.el.setAttribute("style",`--truncation-max-lines: ${this.expanded?"initial":this.maxLines}`)}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}async resetTruncation(){if(this.truncated){this.truncated=false;this.maxLines=0;this.el.removeAttribute("max-lines");this.expanded=false;this.el.removeAttribute("style")}}componentDidLoad(){var t,i;if((this.variant==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&this.maxLines>0){const t=document.createElement("span");t.style.visibility="hidden";this.el.appendChild(t);this.marker=t;this.lastWidth=this.el.clientWidth;this.checkMaxLines(this.el.clientHeight);a(this.runResizeObserver)}}componentWillRender(){if(n(this.el)){this.inAGGrid=true}}async checkMaxLines(t){const i=Math.floor(t/24);if(i>this.maxLines){this.el.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`);this.truncatedHeight=this.el.clientHeight;this.truncated=true}}async setShowHideExpanded(t){this.expanded=t}render(){var t,i;const{variant:s,applyVerticalMargins:a,maxLines:n,truncated:r,expanded:l,strikethrough:c,underline:h,italic:p,bold:d}=this;return e(o,{class:{[`ic-typography-${s}`]:true,[`ic-typography-vertical-margins-${s}`]:a,["bold"]:d,["italic"]:p,["strikethrough"]:c,["underline"]:h,["in-ag-grid"]:this.inAGGrid}},(s==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&n>0?e("div",{class:"trunc-wrapper",ref:t=>this.truncWrapperEl=t},e("slot",null)):e("slot",null),s==="body"&&n>0&&r&&e("button",{class:{"trunc-btn":true,focus:this.truncButtonFocussed},onFocus:this.truncButtonFocus,onBlur:this.truncButtonBlur,onMouseDown:this.truncButtonFocusFromMouse,onClick:this.toggleExpanded},l?"See less":"See more"))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};l.style=r;export{l as ic_typography};
2
+ //# sourceMappingURL=p-44680720.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,h as r,H as o}from"./p-8455d1bb.js";import{a}from"./p-da506987.js";import{I as i}from"./p-fd186591.js";const e=":host{--border-bottom-color:var(--ic-architectural-300);display:block;margin-bottom:var(--ic-space-md);border-bottom:var(--ic-border-default)}:host(.inline){margin-bottom:0;border-bottom:none}.light{border-bottom:var(--ic-border-width) solid var(--ic-architectural-white)}.tabs-container{display:flex;flex-direction:row}.tabs-container::-webkit-scrollbar{display:none}";const s=class{constructor(r){t(this,r);this.appearance="dark";this.contextId="default";this.inline=false;this.label=undefined}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Tab Group")}render(){const{appearance:t,label:a}=this;return r(o,{role:"tablist","aria-label":a,class:{["light"]:t===i.Light,["inline"]:this.inline}},r("ic-horizontal-scroll",{appearance:t===i.Dark?i.Default:t,"focus-trigger":"tabFocus"},r("div",{class:"tabs-container"},r("slot",null))))}static get delegatesFocus(){return true}};s.style=e;export{s as ic_tab_group};
2
- //# sourceMappingURL=p-3169d95e.entry.js.map
1
+ import{r as t,h as r,H as o}from"./p-8455d1bb.js";import{a}from"./p-bf06977d.js";import{I as i}from"./p-fd186591.js";const e=":host{--border-bottom-color:var(--ic-architectural-300);display:block;margin-bottom:var(--ic-space-md);border-bottom:var(--ic-border-default)}:host(.inline){margin-bottom:0;border-bottom:none}.light{border-bottom:var(--ic-border-width) solid var(--ic-architectural-white)}.tabs-container{display:flex;flex-direction:row}.tabs-container::-webkit-scrollbar{display:none}";const s=class{constructor(r){t(this,r);this.appearance="dark";this.contextId="default";this.inline=false;this.label=undefined}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Tab Group")}render(){const{appearance:t,label:a}=this;return r(o,{role:"tablist","aria-label":a,class:{["light"]:t===i.Light,["inline"]:this.inline}},r("ic-horizontal-scroll",{appearance:t===i.Dark?i.Default:t,"focus-trigger":"tabFocus"},r("div",{class:"tabs-container"},r("slot",null))))}static get delegatesFocus(){return true}};s.style=e;export{s as ic_tab_group};
2
+ //# sourceMappingURL=p-487fd924.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as e,c as i,h as t,H as a,g as r}from"./p-8455d1bb.js";import{r as o,m as c,a as n,n as s,e as d,p as l,q as h,i as m}from"./p-bf06977d.js";import"./p-fd186591.js";const b='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.disabled){color:var(--ic-architectural-200);pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.small) .checkbox,:host(.small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.large) .checkbox,:host(.large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-border-width) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-architectural-200)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-action-default)}.checkbox:checked:hover{background-color:var(--ic-action-default-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);border:0.125rem solid var(--ic-action-default-hover)}.checkbox:checked:active{background-color:var(--ic-action-default-active)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-action-default-bg-active-no-alpha);border:0.125rem solid var(--ic-action-default-active)}.checkbox:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default-hover)}.checkbox:active{background-color:var(--ic-action-default-bg-active-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-border-width) solid var(--ic-action-default-active)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed var(--ic-architectural-200)}.checkbox-label{padding-left:var(--ic-space-sm)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}:host(.small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.container:hover .indeterminate-symbol{background-color:var(--ic-action-default-hover)}.container:active .indeterminate-symbol{background-color:var(--ic-action-default-active)}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}.checkmark:dir(rtl){right:0}.checkbox-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.indeterminate-symbol:dir(rtl){right:0.288rem}.branch-corner:dir(rtl){border-radius:0 0 0.188rem 0;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}';const p=class{constructor(t){e(this,t);this.checkboxChecked=i(this,"checkboxChecked",7);this.icCheck=i(this,"icCheck",7);this.handleClick=()=>{this.checked=!this.checked;this.displayIndeterminate=this.nativeIndeterminateBehaviour?false:this.indeterminate&&this.checked;this.icCheck.emit();this.checkboxChecked.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked};this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.formaction=undefined;this.formenctype=undefined;this.formmethod=undefined;this.formnovalidate=undefined;this.formtarget=undefined;this.groupLabel=undefined;this.indeterminate=false;this.displayIndeterminate=this.indeterminate;this.label=undefined;this.name=undefined;this.nativeIndeterminateBehaviour=false;this.size=undefined;this.small=false;this.value=undefined;this.hideLabel=false}watchDisabledHandler(){o(this.disabled,this.el)}watchIndeterminateHandler(){this.displayIndeterminate=this.nativeIndeterminateBehaviour?this.indeterminate:this.indeterminate&&this.checked}componentWillLoad(){o(this.disabled,this.el);c(this.el,this.handleFormReset);const e=this.el.parentElement;if(e){if(!this.name)this.name=e.name;this.groupLabel=e.label}}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.value,propName:"value"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector("ic-text-field");if(!this.checked){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}else if(this.additionalFieldContainer){this.additionalFieldContainer.style.display=!this.checked?"none":"flex"}}disconnectedCallback(){s(this.el,this.handleFormReset)}async setFocus(){var e;(e=this.el.shadowRoot.querySelector(".checkbox"))===null||e===void 0?void 0:e.focus()}render(){const{additionalFieldDisplay:e,checked:i,disabled:r,dynamicText:o,el:c,form:n,formaction:s,formenctype:b,formmethod:p,formnovalidate:u,formtarget:v,displayIndeterminate:f,groupLabel:g,label:x,name:k,size:y,small:w,value:z}=this;const j=`ic-checkbox-${d(x)||z}-${g}`.replace(/ /g,"-");const C=c.parentElement.size;i?l(true,c,k,i&&z,r):h(c);return t(a,{class:{disabled:r,small:w,[`${y||C}`]:true}},t("div",{class:"container"},f&&t("div",{class:"indeterminate-symbol"}),!f&&i&&t("svg",{class:"checkmark",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},t("title",null,"checkmark icon"),t("path",{d:"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z"})),t("input",{role:"checkbox",class:{checkbox:true,checked:i,indeterminate:f},type:"checkbox",name:k,id:j,value:z,disabled:r?true:null,checked:i,indeterminate:f,onClick:this.handleClick,form:n,formaction:s,formenctype:b,formmethod:p,formnovalidate:u,formtarget:v,"aria-label":this.hideLabel?this.label:undefined}),!this.hideLabel&&t("ic-typography",{class:"checkbox-label",variant:"body"},t("label",{htmlFor:j},x))),m(c,"additional-field")&&t("div",{class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},e==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,e==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text","aria-live":"polite"},o)),t("div",{class:{"additional-field-wrapper":e==="static"}},t("slot",{name:"additional-field"})))))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"],indeterminate:["watchIndeterminateHandler"]}}};p.style=b;export{p as ic_checkbox};
2
+ //# sourceMappingURL=p-56db5123.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icCheckboxCss","Checkbox","constructor","hostRef","this","handleClick","checked","displayIndeterminate","nativeIndeterminateBehaviour","indeterminate","icCheck","emit","checkboxChecked","handleFormReset","initiallyChecked","additionalFieldDisplay","disabled","dynamicText","form","undefined","formaction","formenctype","formmethod","formnovalidate","formtarget","groupLabel","label","name","size","small","value","hideLabel","watchDisabledHandler","removeDisabledFalse","el","watchIndeterminateHandler","componentWillLoad","addFormResetListener","checkboxGroup","parentElement","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidRender","textfield","querySelector","setAttribute","removeAttribute","additionalFieldContainer","style","display","disconnectedCallback","removeFormResetListener","setFocus","_a","shadowRoot","focus","render","id","isPropDefined","replace","parentElementSize","renderHiddenInput","removeHiddenInput","h","Host","class","viewBox","xmlns","d","role","checkbox","type","onClick","variant","htmlFor","isSlotUsed","ref","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-checkbox/ic-checkbox.css?tag=ic-checkbox&encapsulation=shadow","../web-components/dist/collection/components/ic-checkbox/ic-checkbox.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host(.disabled) {\n color: var(--ic-architectural-200);\n pointer-events: none;\n}\n\n.container {\n display: flex;\n width: -moz-fit-content;\n width: fit-content;\n padding: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n margin-bottom: var(--ic-space-xxs);\n align-items: center;\n}\n\n:host(.small) .container {\n margin-bottom: var(--ic-space-xxxs);\n}\n\n.checkbox {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n position: relative;\n top: 0;\n left: 0;\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n background-color: var(--ic-architectural-white);\n border: var(--ic-border-width) solid var(--ic-architectural-400);\n border-radius: var(--ic-border-radius);\n outline: none;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n flex-shrink: 0;\n}\n\n:host .container svg {\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n}\n\n:host(.small) .checkbox,\n:host(.small) .container svg {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n}\n\n:host(.large) .checkbox,\n:host(.large) .container svg {\n width: var(--ic-space-xl);\n height: var(--ic-space-xl);\n}\n\n.checkbox:checked {\n background-color: var(--ic-action-default);\n border: var(--ic-border-width) solid var(--ic-action-default);\n transition: var(--ic-easing-transition-slow);\n}\n\n.checkbox:checked:disabled {\n background-color: var(--ic-architectural-200);\n}\n\n.checkbox:indeterminate,\n.checkbox.indeterminate:checked {\n background-color: var(--ic-architectural-white);\n border: 0.125rem solid var(--ic-action-default);\n}\n\n.checkbox:checked:hover {\n background-color: var(--ic-action-default-hover);\n}\n\n.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover {\n background-color: var(--ic-action-default-bg-hover-no-alpha);\n border: 0.125rem solid var(--ic-action-default-hover);\n}\n\n.checkbox:checked:active {\n background-color: var(--ic-action-default-active);\n}\n\n.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active {\n background-color: var(--ic-action-default-bg-active-no-alpha);\n border: 0.125rem solid var(--ic-action-default-active);\n}\n\n.checkbox:hover {\n background-color: var(--ic-action-default-bg-hover-no-alpha);\n box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-hover);\n border: var(--ic-border-width) solid var(--ic-action-default-hover);\n}\n\n.checkbox:active {\n background-color: var(--ic-action-default-bg-active-no-alpha);\n box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-active);\n border: var(--ic-border-width) solid var(--ic-action-default-active);\n}\n\n.checkbox:focus {\n box-shadow: var(--ic-border-focus);\n}\n\n.checkbox:disabled {\n border: var(--ic-border-width) dashed var(--ic-architectural-200);\n}\n\n.checkbox-label {\n padding-left: var(--ic-space-sm);\n}\n\n.checkbox-label:hover {\n cursor: pointer;\n}\n\n.checkmark {\n position: relative;\n right: calc(-1 * var(--ic-space-lg));\n margin-left: calc(-1 * var(--ic-space-lg));\n fill: white;\n z-index: 1;\n background-color: transparent;\n pointer-events: none;\n flex-shrink: 0;\n}\n\n:host(.small) .checkmark {\n margin-left: calc(-1 * var(--ic-space-md));\n right: calc(-1 * var(--ic-space-md));\n}\n\n:host(.large) .checkmark {\n margin-left: calc(-1 * var(--ic-space-xl));\n right: calc(-1 * var(--ic-space-xl));\n}\n\n.indeterminate-symbol {\n position: relative;\n width: 0.875rem;\n height: var(--ic-space-xxxs);\n right: -1.188rem;\n margin-left: -0.875rem;\n z-index: 1;\n background-color: var(--ic-action-default);\n pointer-events: none;\n flex-shrink: 0;\n}\n\n:host(.small) .indeterminate-symbol {\n width: 0.6rem;\n right: -0.8rem;\n margin-left: -0.6rem;\n}\n\n:host(.large) .indeterminate-symbol {\n width: 1.25rem;\n right: -1.625rem;\n margin-left: -1.25rem;\n}\n\n.container:hover .indeterminate-symbol {\n background-color: var(--ic-action-default-hover);\n}\n\n.container:active .indeterminate-symbol {\n background-color: var(--ic-action-default-active);\n}\n\n.additional-field-wrapper {\n margin-left: calc(var(--ic-space-md) + var(--ic-space-lg));\n margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.branch-corner {\n color: var(--ic-action-default);\n height: var(--ic-space-md);\n width: var(--ic-space-xl);\n border-radius: 0 0 0 0.188rem;\n border-bottom: 0.125rem solid var(--ic-action-default);\n border-left: 0.125rem solid var(--ic-action-default);\n}\n\n.dynamic-container {\n display: flex;\n position: relative;\n margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n gap: var(--ic-space-xs);\n}\n\n.dynamic-text {\n color: var(--ic-action-default);\n margin-top: calc(var(--ic-space-sm) / 2);\n margin-bottom: var(--ic-space-xs);\n border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n ::slotted(ic-text-field) {\n --input-width: 100%;\n }\n}\n\n@media (forced-colors: active) {\n /* Styles here only apply to Forced Colors Mode */\n .checkbox {\n -webkit-appearance: revert;\n -moz-appearance: revert;\n appearance: revert;\n transition: none;\n }\n\n .checkbox:checked {\n transition: none;\n }\n\n .checkbox:focus-visible {\n outline: 0.125rem solid highlight;\n }\n\n .checkbox:disabled:not(:checked) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-color: GrayText;\n }\n\n .checkmark {\n fill: none;\n }\n\n .indeterminate-symbol {\n display: none;\n }\n}\n\n/* Right to left */\n.checkmark:dir(rtl) {\n right: 0;\n}\n\n.checkbox-label:dir(rtl) {\n padding-right: var(--ic-space-sm);\n padding-left: 0;\n}\n\n.indeterminate-symbol:dir(rtl) {\n right: 0.288rem;\n}\n\n.branch-corner:dir(rtl) {\n border-radius: 0 0 0.188rem 0;\n border-right: 0.125rem solid var(--ic-action-default);\n border-left: none;\n}\n\n.dynamic-container:dir(rtl) {\n margin: var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, renderHiddenInput, removeHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, isPropDefined, } from \"../../utils/helpers\";\n/**\n * @slot additional-field - Content to be displayed alongside a checkbox.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Checkbox {\n constructor() {\n this.handleClick = () => {\n this.checked = !this.checked;\n this.displayIndeterminate = this.nativeIndeterminateBehaviour\n ? false\n : this.indeterminate && this.checked;\n this.icCheck.emit();\n this.checkboxChecked.emit();\n };\n this.handleFormReset = () => {\n this.checked = this.initiallyChecked;\n };\n this.additionalFieldDisplay = \"static\";\n this.checked = false;\n this.initiallyChecked = this.checked;\n this.disabled = false;\n this.dynamicText = \"This selection requires additional answers\";\n this.form = undefined;\n this.formaction = undefined;\n this.formenctype = undefined;\n this.formmethod = undefined;\n this.formnovalidate = undefined;\n this.formtarget = undefined;\n this.groupLabel = undefined;\n this.indeterminate = false;\n this.displayIndeterminate = this.indeterminate;\n this.label = undefined;\n this.name = undefined;\n this.nativeIndeterminateBehaviour = false;\n this.size = undefined;\n this.small = false;\n this.value = undefined;\n this.hideLabel = false;\n }\n watchDisabledHandler() {\n removeDisabledFalse(this.disabled, this.el);\n }\n watchIndeterminateHandler() {\n this.displayIndeterminate = this.nativeIndeterminateBehaviour\n ? this.indeterminate\n : this.indeterminate && this.checked;\n }\n componentWillLoad() {\n removeDisabledFalse(this.disabled, this.el);\n addFormResetListener(this.el, this.handleFormReset);\n const checkboxGroup = this.el.parentElement;\n if (checkboxGroup) {\n if (!this.name)\n this.name = checkboxGroup.name;\n this.groupLabel = checkboxGroup.label;\n }\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([\n { prop: this.label, propName: \"label\" },\n { prop: this.value, propName: \"value\" },\n ], \"Checkbox\");\n }\n componentDidRender() {\n if (this.additionalFieldDisplay === \"static\") {\n const textfield = this.el.querySelector(\"ic-text-field\");\n if (!this.checked) {\n textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute(\"disabled\", \"\");\n }\n else {\n textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute(\"disabled\");\n }\n }\n else if (this.additionalFieldContainer) {\n this.additionalFieldContainer.style.display = !this.checked\n ? \"none\"\n : \"flex\";\n }\n }\n disconnectedCallback() {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n /**\n * Sets focus on the checkbox.\n */\n async setFocus() {\n var _a;\n (_a = this.el.shadowRoot.querySelector(\".checkbox\")) === null || _a === void 0 ? void 0 : _a.focus();\n }\n render() {\n const { additionalFieldDisplay, checked, disabled, dynamicText, el, form, formaction, formenctype, formmethod, formnovalidate, formtarget, displayIndeterminate, groupLabel, label, name, size, small, value, } = this;\n const id = `ic-checkbox-${isPropDefined(label) || value}-${groupLabel}`.replace(/ /g, \"-\");\n const parentElementSize = el.parentElement\n .size;\n checked\n ? renderHiddenInput(true, el, name, checked && value, disabled)\n : removeHiddenInput(el);\n return (h(Host, { class: {\n disabled,\n small,\n [`${size || parentElementSize}`]: true,\n } }, h(\"div\", { class: \"container\" }, displayIndeterminate && h(\"div\", { class: \"indeterminate-symbol\" }), !displayIndeterminate && checked && (h(\"svg\", { class: \"checkmark\", viewBox: \"0 0 24 24\", xmlns: \"http://www.w3.org/2000/svg\", \"fill-rule\": \"evenodd\", \"clip-rule\": \"evenodd\" }, h(\"title\", null, \"checkmark icon\"), h(\"path\", { d: \"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z\" }))), h(\"input\", { role: \"checkbox\", class: {\n checkbox: true,\n checked,\n indeterminate: displayIndeterminate,\n }, type: \"checkbox\", name: name, id: id, value: value, disabled: disabled ? true : null, checked: checked, indeterminate: displayIndeterminate, onClick: this.handleClick, form: form, formaction: formaction, formenctype: formenctype, formmethod: formmethod, formnovalidate: formnovalidate, formtarget: formtarget, \"aria-label\": this.hideLabel ? this.label : undefined }), !this.hideLabel && (h(\"ic-typography\", { class: \"checkbox-label\", variant: \"body\" }, h(\"label\", { htmlFor: id }, label)))), isSlotUsed(el, \"additional-field\") && (h(\"div\", { class: \"dynamic-container\", ref: (el) => (this.additionalFieldContainer = el) }, additionalFieldDisplay === \"dynamic\" && (h(\"div\", { class: \"branch-corner\" })), h(\"div\", null, additionalFieldDisplay === \"dynamic\" && (h(\"ic-typography\", { variant: \"caption\" }, h(\"p\", { class: \"dynamic-text\", \"aria-live\": \"polite\" }, dynamicText))), h(\"div\", { class: {\n \"additional-field-wrapper\": additionalFieldDisplay === \"static\",\n } }, h(\"slot\", { name: \"additional-field\" })))))));\n }\n static get is() { return \"ic-checkbox\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-checkbox.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-checkbox.css\"]\n };\n }\n static get properties() {\n return {\n \"additionalFieldDisplay\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAdditionalFieldTypes\",\n \"resolved\": \"\\\"dynamic\\\" | \\\"static\\\"\",\n \"references\": {\n \"IcAdditionalFieldTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAdditionalFieldTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The style of additionalField that will be displayed if used.\"\n },\n \"attribute\": \"additional-field-display\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"static\\\"\"\n },\n \"checked\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.\"\n },\n \"attribute\": \"checked\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the checkbox will be set to the disabled state.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"dynamicText\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The text to be displayed when dynamic.\"\n },\n \"attribute\": \"dynamic-text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"This selection requires additional answers\\\"\"\n },\n \"form\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The <form> element to associate the checkbox with.\"\n },\n \"attribute\": \"form\",\n \"reflect\": false\n },\n \"formaction\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The URL that processes the information submitted by the checkbox. It overrides the action attribute of the checkbox's form owner. Does nothing if there is no form owner.\"\n },\n \"attribute\": \"formaction\",\n \"reflect\": false\n },\n \"formenctype\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The way the submitted form data is encoded.\"\n },\n \"attribute\": \"formenctype\",\n \"reflect\": false\n },\n \"formmethod\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The HTTP method used to submit the form.\"\n },\n \"attribute\": \"formmethod\",\n \"reflect\": false\n },\n \"formnovalidate\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the form will not be validated when submitted.\"\n },\n \"attribute\": \"formnovalidate\",\n \"reflect\": false\n },\n \"formtarget\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The place to display the response from submitting the form. It overrides the target attribute of the checkbox's form owner.\"\n },\n \"attribute\": \"formtarget\",\n \"reflect\": false\n },\n \"groupLabel\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The group label for the checkbox.\"\n },\n \"attribute\": \"group-label\",\n \"reflect\": false\n },\n \"indeterminate\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the indeterminate state will be displayed when checked.\"\n },\n \"attribute\": \"indeterminate\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label for the checkbox.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.\"\n },\n \"attribute\": \"name\",\n \"reflect\": false\n },\n \"nativeIndeterminateBehaviour\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.\"\n },\n \"attribute\": \"native-indeterminate-behaviour\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false\n },\n \"small\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"This prop should not be used anymore. Set prop `size` to \\\"small\\\" instead.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"small\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The value for the checkbox.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false\n },\n \"hideLabel\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n },\n \"attribute\": \"hide-label\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"initiallyChecked\": {},\n \"displayIndeterminate\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"checkboxChecked\",\n \"name\": \"checkboxChecked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"This event should not be used anymore. Use icCheck instead.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icCheck\",\n \"name\": \"icCheck\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when a checkbox has been checked.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the checkbox.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"disabled\",\n \"methodName\": \"watchDisabledHandler\"\n }, {\n \"propName\": \"indeterminate\",\n \"methodName\": \"watchIndeterminateHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-checkbox.js.map\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{r as s,h as a,H as t,g as i}from"./p-8455d1bb.js";import{c,h as e,g as r,b as o,d as h,e as n,a as l}from"./p-da506987.js";import"./p-fd186591.js";const d="@media (prefers-reduced-motion: no-preference){:host(.show){animation:expand var(--ic-transition-duration-slow)}:host(.hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host(.neutral){background-color:var(--ic-architectural-500)}:host(.light){background-color:var(--ic-architectural-40)}:host(.info){background-color:var(--ic-status-info)}:host(.warning){background-color:var(--ic-status-warning-mid)}:host(.error){background-color:var(--ic-status-error)}:host(.success){background-color:var(--ic-status-success)}:host(.small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.dot.default){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.dot.small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.dot.large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.foreground-dark) ::slotted(*){fill:var(--ic-color-primary-text)}:host(.foreground-light) ::slotted(*){fill:white}:host(.foreground-dark) ic-typography{color:var(--ic-color-primary-text)}:host(.foreground-light) ic-typography{color:white}:host(.text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.text.small) ic-typography{padding:0 0.2132rem}:host(.text.large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.icon.small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.icon.large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.far.small),:host(.dot.far.large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.dot.far),:host(.dot.far.small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.dot.near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.inline){position:static}:host(.hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";const p="IC-NAVIGATION-BUTTON";const v="IC-TOP-NAVIGATION";const x=class{constructor(a){s(this,a);this.ariaLabel=null;this.setBadgeColour=()=>{const s=c(this.customColor);if(s){this.customColorRGBA=s;const{r:a,g:t,b:i,a:c}=s;this.el.style.backgroundColor=`rgba(${a}, ${t}, ${i}, ${c})`}};this.getBadgeRGB=()=>{switch(this.variant){case"custom":return this.customColorRGBA;case"error":case"success":case"warning":case"info":{return o(r(`--ic-status-${this.variant}`))}case"neutral":case"light":return e(r(`--ic-architectural-${this.variant==="neutral"?500:40}`))}};this.getBadgeForeground=()=>{const{r:s,g:a,b:t}=this.getBadgeRGB();this.foregroundColour=h((s*299+a*587+t*114)/1e3)};this.getTextLabel=()=>this.maxNumber&&Number(this.textLabel)>this.maxNumber?`${this.maxNumber}+`:this.textLabel;this.setAccessibleLabel=()=>{const s=this.el.parentElement;const a=this.isAccessibleLabelDefined()?this.accessibleLabel:this.textLabel||"with badge being displayed";if(s){const{tagName:t}=s;if(t!=="IC-CARD"&&(t!=="IC-TAB"||t==="IC-TAB"&&this.parentAriaLabel)){const t=this.parentAriaLabel?`${this.parentAriaLabel} ,`:"";s.ariaLabel=this.visible?`${t} ${a}`:undefined}else{this.ariaLabel=`, ${a}`}}};this.setPositionInTopNavigation=()=>{const s=this.el.parentElement.parentElement;s.classList.contains("mobile-mode")?this.position="inline":this.position="near"};this.isInTopNav=()=>{const s=this.el.parentElement;const a=s.parentElement;return s.tagName===p&&a.tagName===v};this.isAccessibleLabelDefined=()=>n(this.accessibleLabel)&&this.accessibleLabel!==null;this.accessibleLabel=undefined;this.customColor=null;this.maxNumber=undefined;this.position="far";this.size="default";this.textLabel=undefined;this.type="text";this.variant="neutral";this.visible=true}accessibleLabelHandler(){this.setAccessibleLabel()}customColorHandler(){this.variant==="custom"&&this.setBadgeColour()}variantHandler(){this.getBadgeForeground()}visibleHandler(){this.setAccessibleLabel()}componentWillLoad(){var s;this.variant==="custom"&&this.setBadgeColour();this.getBadgeForeground();const a=(s=this.el.parentElement)===null||s===void 0?void 0:s.ariaLabel;if(a)this.parentAriaLabel=a;this.setAccessibleLabel()}componentDidLoad(){this.type==="text"&&l([{prop:this.textLabel,propName:"text-label"}],"Badge")}componentWillRender(){this.isInTopNav()&&this.setPositionInTopNavigation()}navBarMenuOpenHandler(){this.isInTopNav()&&(this.position="inline")}navBarMenuCloseHandler(){this.isInTopNav()&&(this.position="near")}async showBadge(){this.visible=true}async hideBadge(){this.visible=false}render(){const{ariaLabel:s,el:i,foregroundColour:c,getTextLabel:e,position:r,size:o,textLabel:h,type:n,variant:l,visible:d}=this;return a(t,{class:{[`${r}`]:true,[`${o}`]:true,[`${l}`]:true,[`${n}`]:true,[`foreground-${c}`]:c!==null,[`${d?"show":"hide"}`]:true},id:i.id||null,"aria-label":s,role:"status"},n==="icon"&&a("slot",{name:"badge-icon"}),n==="text"&&h&&a("ic-typography",{variant:o==="small"?"badge-small":"badge"},e()),n==="dot"&&a("span",{class:"sr-only"},"badge"))}static get delegatesFocus(){return true}get el(){return i(this)}static get watchers(){return{accessibleLabel:["accessibleLabelHandler"],customColor:["customColorHandler"],variant:["variantHandler"],visible:["visibleHandler"]}}};x.style=d;export{x as ic_badge};
2
- //# sourceMappingURL=p-9c80c37d.entry.js.map
1
+ import{r as s,h as t,H as a,g as i}from"./p-8455d1bb.js";import{c,h as e,g as r,b as o,d as h,e as n,a as l}from"./p-bf06977d.js";import"./p-fd186591.js";const d="@media (prefers-reduced-motion: no-preference){:host(.show){animation:expand var(--ic-transition-duration-slow)}:host(.hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host(.neutral){background-color:var(--ic-architectural-500)}:host(.light){background-color:var(--ic-architectural-40)}:host(.info){background-color:var(--ic-status-info)}:host(.warning){background-color:var(--ic-status-warning-mid)}:host(.error){background-color:var(--ic-status-error)}:host(.success){background-color:var(--ic-status-success)}:host(.small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.dot.default){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.dot.small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.dot.large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.foreground-dark) ::slotted(*){fill:var(--ic-color-primary-text)}:host(.foreground-light) ::slotted(*){fill:white}:host(.foreground-dark) ic-typography{color:var(--ic-color-primary-text)}:host(.foreground-light) ic-typography{color:white}:host(.text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.text.small) ic-typography{padding:0 0.2132rem}:host(.text.large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.icon.small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.icon.large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.far.small),:host(.dot.far.large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.dot.far),:host(.dot.far.small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.dot.near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.inline){position:static}:host(.hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";const p="IC-NAVIGATION-BUTTON";const v="IC-TOP-NAVIGATION";const x=class{constructor(t){s(this,t);this.ariaLabel=null;this.setBadgeColour=()=>{const s=c(this.customColor);if(s){this.customColorRGBA=s;const{r:t,g:a,b:i,a:c}=s;this.el.style.backgroundColor=`rgba(${t}, ${a}, ${i}, ${c})`}};this.getBadgeRGB=()=>{switch(this.variant){case"custom":return this.customColorRGBA;case"error":case"success":case"warning":case"info":{return o(r(`--ic-status-${this.variant}`))}case"neutral":case"light":return e(r(`--ic-architectural-${this.variant==="neutral"?500:40}`))}};this.getBadgeForeground=()=>{const{r:s,g:t,b:a}=this.getBadgeRGB();this.foregroundColour=h((s*299+t*587+a*114)/1e3)};this.getTextLabel=()=>this.maxNumber&&Number(this.textLabel)>this.maxNumber?`${this.maxNumber}+`:this.textLabel;this.setAccessibleLabel=()=>{const s=this.el.parentElement;const t=this.isAccessibleLabelDefined()?this.accessibleLabel:this.textLabel||"with badge being displayed";if(s){const{tagName:a}=s;if(a!=="IC-CARD"&&(a!=="IC-TAB"||a==="IC-TAB"&&this.parentAriaLabel)){const a=this.parentAriaLabel?`${this.parentAriaLabel} ,`:"";s.ariaLabel=this.visible?`${a} ${t}`:undefined}else{this.ariaLabel=`, ${t}`}}};this.setPositionInTopNavigation=()=>{const s=this.el.parentElement.parentElement;s.classList.contains("mobile-mode")?this.position="inline":this.position="near"};this.isInTopNav=()=>{const s=this.el.parentElement;const t=s.parentElement;return s.tagName===p&&t.tagName===v};this.isAccessibleLabelDefined=()=>n(this.accessibleLabel)&&this.accessibleLabel!==null;this.accessibleLabel=undefined;this.customColor=null;this.maxNumber=undefined;this.position="far";this.size="default";this.textLabel=undefined;this.type="text";this.variant="neutral";this.visible=true}accessibleLabelHandler(){this.setAccessibleLabel()}customColorHandler(){this.variant==="custom"&&this.setBadgeColour()}variantHandler(){this.getBadgeForeground()}visibleHandler(){this.setAccessibleLabel()}componentWillLoad(){var s;this.variant==="custom"&&this.setBadgeColour();this.getBadgeForeground();const t=(s=this.el.parentElement)===null||s===void 0?void 0:s.ariaLabel;if(t)this.parentAriaLabel=t;this.setAccessibleLabel()}componentDidLoad(){this.type==="text"&&l([{prop:this.textLabel,propName:"text-label"}],"Badge")}componentWillRender(){this.isInTopNav()&&this.setPositionInTopNavigation()}navBarMenuOpenHandler(){this.isInTopNav()&&(this.position="inline")}navBarMenuCloseHandler(){this.isInTopNav()&&(this.position="near")}async showBadge(){this.visible=true}async hideBadge(){this.visible=false}render(){const{ariaLabel:s,el:i,foregroundColour:c,getTextLabel:e,position:r,size:o,textLabel:h,type:n,variant:l,visible:d}=this;return t(a,{class:{[`${r}`]:true,[`${o}`]:true,[`${l}`]:true,[`${n}`]:true,[`foreground-${c}`]:c!==null,[`${d?"show":"hide"}`]:true},id:i.id||null,"aria-label":s,role:"status"},n==="icon"&&t("slot",{name:"badge-icon"}),n==="text"&&h&&t("ic-typography",{variant:o==="small"?"badge-small":"badge"},e()),n==="dot"&&t("span",{class:"sr-only"},"badge"))}static get delegatesFocus(){return true}get el(){return i(this)}static get watchers(){return{accessibleLabel:["accessibleLabelHandler"],customColor:["customColorHandler"],variant:["variantHandler"],visible:["visibleHandler"]}}};x.style=d;export{x as ic_badge};
2
+ //# sourceMappingURL=p-58331a86.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as t,c as i,h as a,g as e}from"./p-8455d1bb.js";import{i as s}from"./p-8ab58daa.js";const c='.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 var(--ic-architectural-300)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{color:var(--ic-color-tertiary-text)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-color-secondary-text)}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="Title Bar";const o=class{constructor(a){t(this,a);this.icTableDensityUpdate=i(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.changeDensity=t=>{this.icTableDensityUpdate.emit({value:t.detail.value})};this.description=undefined;this.heading=r;this.hideDensitySelect=false;this.metadata=undefined}componentWillLoad(){const t=this.el.parentElement;if(t.tagName==="IC-DATA-TABLE"){const i=t;this.initialDensitySelectOption=i.density;this.isEmbedded=i.embedded;if(this.heading===r){this.heading=i.caption}}}render(){const{changeDensity:t,description:i,el:e,heading:c,hideDensitySelect:r,initialDensitySelectOption:o,isEmbedded:n,metadata:l}=this;const p=s(e,"primary-action")||s(e,"custom-actions")||!r;const d=s(e,"description")||i;return a("div",{class:{"title-bar-wrapper":true,"full-width":n}},a("div",{class:"header-container"},a("slot",{name:"heading"},a("ic-typography",{variant:"h3",className:"heading"},a("h3",null,c))),l&&a("ic-typography",{variant:"subtitle-small"},l)),(p||d)&&a("div",{class:"description-actions"},a("slot",{name:"description"},i&&a("ic-typography",{variant:"body"},i)),p&&a("div",{class:"action-area"},s(e,"custom-actions")&&a("div",{class:"custom-actions-wrapper"},a("slot",{name:"custom-actions"})),!r&&a("ic-select",{small:true,label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:o,onIcChange:t}),s(e,"primary-action")&&a("slot",{name:"primary-action"}))))}get el(){return e(this)}};o.style=c;export{o as ic_data_table_title_bar};
2
+ //# sourceMappingURL=p-5a90eaa8.entry.js.map