@ukic/canary-web-components 2.0.0-canary.14 → 2.0.0-canary.15

Sign up to get free protection for your applications and to get access to all the features.
Files changed (433) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-6d736902.js → helpers-191dca49.js} +54 -98
  3. package/dist/cjs/helpers-191dca49.js.map +1 -0
  4. package/dist/cjs/{helpers-f75cf7cf.js → helpers-765a5118.js} +30 -1
  5. package/dist/cjs/helpers-765a5118.js.map +1 -0
  6. package/dist/cjs/ic-accordion-group.cjs.entry.js +3 -1
  7. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  8. package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
  9. package/dist/cjs/ic-alert.cjs.entry.js +1 -1
  10. package/dist/cjs/ic-back-to-top.cjs.entry.js +15 -9
  11. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-badge.cjs.entry.js +55 -77
  13. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +3 -1
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  16. package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
  17. package/dist/cjs/ic-button_3.cjs.entry.js +2 -2
  18. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-card.cjs.entry.js +1 -1
  20. package/dist/cjs/ic-checkbox-group.cjs.entry.js +23 -16
  21. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  22. package/dist/cjs/ic-checkbox.cjs.entry.js +32 -30
  23. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  24. package/dist/cjs/ic-chip.cjs.entry.js +21 -31
  25. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  26. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  27. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +57 -0
  28. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -0
  29. package/dist/cjs/ic-data-table.cjs.entry.js +154 -31
  30. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-date-input.cjs.entry.js +1 -1
  32. package/dist/cjs/ic-date-picker.cjs.entry.js +1 -1
  33. package/dist/cjs/ic-dialog.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  35. package/dist/cjs/ic-empty-state_2.cjs.entry.js +322 -0
  36. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -0
  37. package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
  38. package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
  39. package/dist/cjs/ic-footer.cjs.entry.js +1 -1
  40. package/dist/cjs/ic-hero.cjs.entry.js +1 -1
  41. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +1 -1
  42. package/dist/cjs/ic-input-component-container_4.cjs.entry.js +1 -1
  43. package/dist/cjs/ic-link.cjs.entry.js +2 -2
  44. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
  46. package/dist/cjs/ic-menu-item.cjs.entry.js +2 -2
  47. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-menu-with-multi.cjs.entry.js +176 -35
  49. package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-menu.cjs.entry.js +3 -3
  51. package/dist/cjs/ic-menu.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
  53. package/dist/cjs/ic-navigation-group.cjs.entry.js +1 -1
  54. package/dist/cjs/ic-navigation-item.cjs.entry.js +1 -1
  55. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  56. package/dist/cjs/ic-page-header.cjs.entry.js +1 -1
  57. package/dist/cjs/ic-pagination_4.cjs.entry.js +10 -6
  58. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-popover-menu.cjs.entry.js +3 -2
  60. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-radio-group.cjs.entry.js +1 -1
  62. package/dist/cjs/ic-radio-option.cjs.entry.js +1 -1
  63. package/dist/cjs/ic-search-bar.cjs.entry.js +1 -1
  64. package/dist/cjs/ic-select-with-multi.cjs.entry.js +1 -1
  65. package/dist/cjs/ic-side-navigation.cjs.entry.js +1 -1
  66. package/dist/cjs/ic-status-tag.cjs.entry.js +1 -1
  67. package/dist/cjs/ic-step.cjs.entry.js +1 -1
  68. package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
  69. package/dist/cjs/ic-switch.cjs.entry.js +1 -1
  70. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  71. package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
  72. package/dist/cjs/ic-tab.cjs.entry.js +1 -1
  73. package/dist/cjs/ic-theme.cjs.entry.js +13 -15
  74. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-toast.cjs.entry.js +1 -1
  76. package/dist/cjs/ic-toggle-button.cjs.entry.js +1 -1
  77. package/dist/cjs/ic-top-navigation.cjs.entry.js +1 -1
  78. package/dist/cjs/ic-typography.cjs.entry.js +2 -2
  79. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  80. package/dist/cjs/index-4cf27b16.js +8 -8
  81. package/dist/cjs/loader.cjs.js +1 -1
  82. package/dist/collection/collection-manifest.json +1 -0
  83. package/dist/collection/components/ic-data-table/ic-data-table.css +76 -1
  84. package/dist/collection/components/ic-data-table/ic-data-table.js +368 -43
  85. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  86. package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
  87. package/dist/collection/components/ic-data-table/story-data.js +258 -0
  88. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  89. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +320 -1
  90. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  91. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +91 -0
  92. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +160 -0
  93. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -0
  94. package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js +11 -0
  95. package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js.map +1 -0
  96. package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js +70 -0
  97. package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js.map +1 -0
  98. package/dist/collection/components/ic-menu-with-multi/ic-menu.js +176 -35
  99. package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +1 -1
  100. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +180 -3
  101. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +1 -1
  102. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +145 -116
  103. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  104. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +47 -10
  105. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
  106. package/dist/collection/utils/types.js.map +1 -1
  107. package/dist/components/helpers.js +53 -96
  108. package/dist/components/helpers.js.map +1 -1
  109. package/dist/components/helpers2.js +28 -1
  110. package/dist/components/helpers2.js.map +1 -1
  111. package/dist/components/ic-accordion-group.js +2 -1
  112. package/dist/components/ic-accordion-group.js.map +1 -1
  113. package/dist/components/ic-back-to-top.js +22 -9
  114. package/dist/components/ic-back-to-top.js.map +1 -1
  115. package/dist/components/ic-badge.js +59 -77
  116. package/dist/components/ic-badge.js.map +1 -1
  117. package/dist/components/ic-breadcrumb-group.js +2 -0
  118. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  119. package/dist/components/ic-checkbox-group.js +26 -16
  120. package/dist/components/ic-checkbox-group.js.map +1 -1
  121. package/dist/components/ic-checkbox.js +32 -30
  122. package/dist/components/ic-checkbox.js.map +1 -1
  123. package/dist/components/ic-chip.js +21 -31
  124. package/dist/components/ic-chip.js.map +1 -1
  125. package/dist/components/ic-data-table-title-bar.d.ts +11 -0
  126. package/dist/components/ic-data-table-title-bar.js +136 -0
  127. package/dist/components/ic-data-table-title-bar.js.map +1 -0
  128. package/dist/components/ic-data-table.js +179 -37
  129. package/dist/components/ic-data-table.js.map +1 -1
  130. package/dist/components/ic-date-input2.js +1 -1
  131. package/dist/components/ic-date-picker.js +1 -1
  132. package/dist/components/ic-divider2.js +1 -1
  133. package/dist/components/ic-empty-state.js +1 -57
  134. package/dist/components/ic-empty-state.js.map +1 -1
  135. package/dist/{esm/ic-empty-state.entry.js → components/ic-empty-state2.js} +38 -11
  136. package/dist/components/ic-empty-state2.js.map +1 -0
  137. package/dist/components/ic-footer-link-group.js +1 -1
  138. package/dist/components/ic-footer-link.js +1 -1
  139. package/dist/components/ic-footer.js +1 -1
  140. package/dist/components/ic-hero.js +1 -1
  141. package/dist/components/ic-horizontal-scroll2.js +1 -1
  142. package/dist/components/ic-link2.js +1 -1
  143. package/dist/components/ic-link2.js.map +1 -1
  144. package/dist/components/ic-menu-item2.js +2 -2
  145. package/dist/components/ic-menu-item2.js.map +1 -1
  146. package/dist/components/ic-menu2.js +2 -2
  147. package/dist/components/ic-menu2.js.map +1 -1
  148. package/dist/components/ic-menu3.js +177 -36
  149. package/dist/components/ic-menu3.js.map +1 -1
  150. package/dist/components/ic-navigation-button.js +1 -1
  151. package/dist/components/ic-navigation-group.js +1 -1
  152. package/dist/components/ic-navigation-item.js +1 -1
  153. package/dist/components/ic-navigation-menu2.js +1 -1
  154. package/dist/components/ic-pagination-bar2.js +126 -99
  155. package/dist/components/ic-pagination-bar2.js.map +1 -1
  156. package/dist/components/ic-pagination-item2.js +1 -1
  157. package/dist/components/ic-pagination-item2.js.map +1 -1
  158. package/dist/components/ic-popover-menu.js +3 -2
  159. package/dist/components/ic-popover-menu.js.map +1 -1
  160. package/dist/components/ic-radio-option.js +1 -1
  161. package/dist/components/ic-search-bar.js +1 -1
  162. package/dist/components/ic-select-with-multi.js +1 -1
  163. package/dist/components/ic-select2.js +8 -4
  164. package/dist/components/ic-select2.js.map +1 -1
  165. package/dist/components/ic-side-navigation.js +1 -1
  166. package/dist/components/ic-stepper.js +1 -1
  167. package/dist/components/ic-theme.js +13 -15
  168. package/dist/components/ic-theme.js.map +1 -1
  169. package/dist/components/ic-toast.js +1 -1
  170. package/dist/components/ic-tooltip2.js +1 -1
  171. package/dist/components/ic-tooltip2.js.map +1 -1
  172. package/dist/components/ic-top-navigation.js +1 -1
  173. package/dist/components/ic-typography2.js +1 -1
  174. package/dist/components/ic-typography2.js.map +1 -1
  175. package/dist/core/core.css +2 -2
  176. package/dist/core/core.esm.js +1 -1
  177. package/dist/core/core.esm.js.map +1 -1
  178. package/dist/core/{p-a8c15117.entry.js → p-005e83b0.entry.js} +2 -2
  179. package/dist/core/{p-c621d6b0.entry.js → p-05df3901.entry.js} +2 -2
  180. package/dist/core/{p-a2dc10d8.entry.js → p-0646ef0c.entry.js} +2 -2
  181. package/dist/core/p-0ec09955.entry.js +2 -0
  182. package/dist/core/p-0ec09955.entry.js.map +1 -0
  183. package/dist/core/{p-3dcc61cc.entry.js → p-114bea92.entry.js} +2 -2
  184. package/dist/core/{p-3dcc61cc.entry.js.map → p-114bea92.entry.js.map} +1 -1
  185. package/dist/core/p-11bbb09c.js +2 -0
  186. package/dist/core/p-11bbb09c.js.map +1 -0
  187. package/dist/core/p-11e736a3.entry.js +2 -0
  188. package/dist/core/p-11e736a3.entry.js.map +1 -0
  189. package/dist/core/{p-6dce8e88.entry.js → p-16c82b13.entry.js} +2 -2
  190. package/dist/core/p-1b35b6af.entry.js +2 -0
  191. package/dist/core/{p-dc5e1f8f.entry.js.map → p-1b35b6af.entry.js.map} +1 -1
  192. package/dist/core/p-1cf8a04e.entry.js +2 -0
  193. package/dist/core/p-1cf8a04e.entry.js.map +1 -0
  194. package/dist/core/{p-849f43c3.entry.js → p-2170f59e.entry.js} +2 -2
  195. package/dist/core/{p-00c5639e.entry.js → p-2e167ebb.entry.js} +2 -2
  196. package/dist/core/p-2e167ebb.entry.js.map +1 -0
  197. package/dist/core/p-3f20608d.entry.js +2 -0
  198. package/dist/core/p-3f20608d.entry.js.map +1 -0
  199. package/dist/core/p-41606de1.entry.js +2 -0
  200. package/dist/core/p-41606de1.entry.js.map +1 -0
  201. package/dist/core/{p-d2d63a61.entry.js → p-4415c93f.entry.js} +2 -2
  202. package/dist/core/{p-730f058b.entry.js → p-457dd939.entry.js} +2 -2
  203. package/dist/core/p-457dd939.entry.js.map +1 -0
  204. package/dist/core/{p-e1963c78.entry.js → p-4737844f.entry.js} +2 -2
  205. package/dist/core/{p-9d8883d7.entry.js → p-53374a27.entry.js} +2 -2
  206. package/dist/core/p-53e45d51.entry.js +2 -0
  207. package/dist/core/{p-3e9a8977.entry.js.map → p-53e45d51.entry.js.map} +1 -1
  208. package/dist/core/{p-1a91e842.entry.js → p-593f0318.entry.js} +2 -2
  209. package/dist/core/{p-aabab75f.entry.js → p-5d5979fa.entry.js} +2 -2
  210. package/dist/core/{p-db3a35fb.entry.js → p-66af5958.entry.js} +2 -2
  211. package/dist/core/p-67b0faac.entry.js +2 -0
  212. package/dist/core/p-67b0faac.entry.js.map +1 -0
  213. package/dist/core/{p-7f53d1be.entry.js → p-6b277e09.entry.js} +2 -2
  214. package/dist/core/{p-7f53d1be.entry.js.map → p-6b277e09.entry.js.map} +1 -1
  215. package/dist/core/{p-9567c117.entry.js → p-72cea8fd.entry.js} +2 -2
  216. package/dist/core/p-73dad5cf.entry.js +2 -0
  217. package/dist/core/{p-06c27edb.entry.js.map → p-73dad5cf.entry.js.map} +1 -1
  218. package/dist/core/{p-e16f73ba.entry.js → p-85e2a9af.entry.js} +2 -2
  219. package/dist/core/p-85e2a9af.entry.js.map +1 -0
  220. package/dist/core/{p-957de939.entry.js → p-872c3555.entry.js} +2 -2
  221. package/dist/core/p-87743c4a.entry.js +2 -0
  222. package/dist/core/{p-e8151d13.entry.js.map → p-87743c4a.entry.js.map} +1 -1
  223. package/dist/core/p-8cfc74da.entry.js +2 -0
  224. package/dist/core/{p-162f3e36.entry.js.map → p-8cfc74da.entry.js.map} +1 -1
  225. package/dist/core/{p-7fda2f94.entry.js → p-9729086f.entry.js} +2 -2
  226. package/dist/core/{p-8b1f9648.entry.js → p-9cc19e91.entry.js} +2 -2
  227. package/dist/core/{p-9528b29e.entry.js → p-9de20265.entry.js} +2 -2
  228. package/dist/core/{p-843bdaae.entry.js → p-a088373e.entry.js} +2 -2
  229. package/dist/core/p-a088373e.entry.js.map +1 -0
  230. package/dist/core/{p-00bd7919.entry.js → p-a0e42564.entry.js} +2 -2
  231. package/dist/core/p-a8110c27.entry.js +2 -0
  232. package/dist/core/p-a8110c27.entry.js.map +1 -0
  233. package/dist/core/{p-946625a3.entry.js → p-a9d07792.entry.js} +2 -2
  234. package/dist/core/p-a9d07792.entry.js.map +1 -0
  235. package/dist/core/{p-a05755b1.entry.js → p-b08f4371.entry.js} +2 -2
  236. package/dist/core/{p-0af27517.entry.js → p-b79c0631.entry.js} +2 -2
  237. package/dist/core/{p-4bd13376.entry.js → p-b8247636.entry.js} +2 -2
  238. package/dist/core/{p-fca46bd9.entry.js → p-badfdf2a.entry.js} +2 -2
  239. package/dist/core/{p-99bf38e3.entry.js → p-be56fa17.entry.js} +2 -2
  240. package/dist/core/{p-ff6f1e3a.entry.js → p-bebf535f.entry.js} +2 -2
  241. package/dist/core/p-c07cef0e.js +2 -0
  242. package/dist/core/p-c07cef0e.js.map +1 -0
  243. package/dist/core/{p-494c3cbe.entry.js → p-c0d88af8.entry.js} +2 -2
  244. package/dist/core/{p-4ad3012a.entry.js → p-c3af5dab.entry.js} +2 -2
  245. package/dist/core/{p-4fd58768.entry.js → p-c3dabce4.entry.js} +2 -2
  246. package/dist/core/{p-6eb58b0a.entry.js → p-c7e932b5.entry.js} +2 -2
  247. package/dist/core/{p-c14a897d.entry.js → p-d09aaa5b.entry.js} +2 -2
  248. package/dist/core/{p-41b682dc.entry.js → p-d59a72a9.entry.js} +2 -2
  249. package/dist/core/p-d59a72a9.entry.js.map +1 -0
  250. package/dist/core/{p-8b820365.entry.js → p-d71e9cb5.entry.js} +2 -2
  251. package/dist/core/{p-cca482e2.entry.js → p-ecd6d123.entry.js} +2 -2
  252. package/dist/core/p-ecd6d123.entry.js.map +1 -0
  253. package/dist/core/p-ee52a11a.entry.js +2 -0
  254. package/dist/core/p-ee52a11a.entry.js.map +1 -0
  255. package/dist/core/p-f11597df.entry.js +2 -0
  256. package/dist/core/p-f11597df.entry.js.map +1 -0
  257. package/dist/core/p-f1f3acd2.entry.js +2 -0
  258. package/dist/core/p-f1f3acd2.entry.js.map +1 -0
  259. package/dist/core/{p-19c1e271.entry.js → p-f659e5eb.entry.js} +2 -2
  260. package/dist/core/{p-f8f36680.entry.js → p-fc2551c0.entry.js} +2 -2
  261. package/dist/esm/core.js +1 -1
  262. package/dist/esm/{helpers-f328a7b6.js → helpers-8df79303.js} +29 -2
  263. package/dist/esm/helpers-8df79303.js.map +1 -0
  264. package/dist/esm/{helpers-c34e4042.js → helpers-da05c476.js} +54 -97
  265. package/dist/esm/helpers-da05c476.js.map +1 -0
  266. package/dist/esm/ic-accordion-group.entry.js +3 -1
  267. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  268. package/dist/esm/ic-accordion.entry.js +1 -1
  269. package/dist/esm/ic-alert.entry.js +1 -1
  270. package/dist/esm/ic-back-to-top.entry.js +15 -9
  271. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  272. package/dist/esm/ic-badge.entry.js +55 -77
  273. package/dist/esm/ic-badge.entry.js.map +1 -1
  274. package/dist/esm/ic-breadcrumb-group.entry.js +3 -1
  275. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  276. package/dist/esm/ic-breadcrumb.entry.js +1 -1
  277. package/dist/esm/ic-button_3.entry.js +2 -2
  278. package/dist/esm/ic-button_3.entry.js.map +1 -1
  279. package/dist/esm/ic-card.entry.js +1 -1
  280. package/dist/esm/ic-checkbox-group.entry.js +23 -16
  281. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  282. package/dist/esm/ic-checkbox.entry.js +32 -30
  283. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  284. package/dist/esm/ic-chip.entry.js +21 -31
  285. package/dist/esm/ic-chip.entry.js.map +1 -1
  286. package/dist/esm/ic-data-row.entry.js +1 -1
  287. package/dist/esm/ic-data-table-title-bar.entry.js +53 -0
  288. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -0
  289. package/dist/esm/ic-data-table.entry.js +155 -32
  290. package/dist/esm/ic-data-table.entry.js.map +1 -1
  291. package/dist/esm/ic-date-input.entry.js +1 -1
  292. package/dist/esm/ic-date-picker.entry.js +1 -1
  293. package/dist/esm/ic-dialog.entry.js +1 -1
  294. package/dist/esm/ic-divider.entry.js +1 -1
  295. package/dist/esm/ic-empty-state_2.entry.js +317 -0
  296. package/dist/esm/ic-empty-state_2.entry.js.map +1 -0
  297. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  298. package/dist/esm/ic-footer-link.entry.js +1 -1
  299. package/dist/esm/ic-footer.entry.js +1 -1
  300. package/dist/esm/ic-hero.entry.js +1 -1
  301. package/dist/esm/ic-horizontal-scroll.entry.js +1 -1
  302. package/dist/esm/ic-input-component-container_4.entry.js +1 -1
  303. package/dist/esm/ic-link.entry.js +2 -2
  304. package/dist/esm/ic-link.entry.js.map +1 -1
  305. package/dist/esm/ic-menu-group.entry.js +1 -1
  306. package/dist/esm/ic-menu-item.entry.js +2 -2
  307. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  308. package/dist/esm/ic-menu-with-multi.entry.js +176 -35
  309. package/dist/esm/ic-menu-with-multi.entry.js.map +1 -1
  310. package/dist/esm/ic-menu.entry.js +3 -3
  311. package/dist/esm/ic-menu.entry.js.map +1 -1
  312. package/dist/esm/ic-navigation-button.entry.js +1 -1
  313. package/dist/esm/ic-navigation-group.entry.js +1 -1
  314. package/dist/esm/ic-navigation-item.entry.js +1 -1
  315. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  316. package/dist/esm/ic-page-header.entry.js +1 -1
  317. package/dist/esm/ic-pagination_4.entry.js +10 -6
  318. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  319. package/dist/esm/ic-popover-menu.entry.js +3 -2
  320. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  321. package/dist/esm/ic-radio-group.entry.js +1 -1
  322. package/dist/esm/ic-radio-option.entry.js +1 -1
  323. package/dist/esm/ic-search-bar.entry.js +1 -1
  324. package/dist/esm/ic-select-with-multi.entry.js +1 -1
  325. package/dist/esm/ic-side-navigation.entry.js +1 -1
  326. package/dist/esm/ic-status-tag.entry.js +1 -1
  327. package/dist/esm/ic-step.entry.js +1 -1
  328. package/dist/esm/ic-stepper.entry.js +1 -1
  329. package/dist/esm/ic-switch.entry.js +1 -1
  330. package/dist/esm/ic-tab-group.entry.js +1 -1
  331. package/dist/esm/ic-tab-panel.entry.js +1 -1
  332. package/dist/esm/ic-tab.entry.js +1 -1
  333. package/dist/esm/ic-theme.entry.js +13 -15
  334. package/dist/esm/ic-theme.entry.js.map +1 -1
  335. package/dist/esm/ic-toast.entry.js +1 -1
  336. package/dist/esm/ic-toggle-button.entry.js +1 -1
  337. package/dist/esm/ic-top-navigation.entry.js +1 -1
  338. package/dist/esm/ic-typography.entry.js +2 -2
  339. package/dist/esm/ic-typography.entry.js.map +1 -1
  340. package/dist/esm/index-93509377.js +8 -8
  341. package/dist/esm/loader.js +1 -1
  342. package/dist/types/components/ic-data-table/ic-data-table.d.ts +79 -3
  343. package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +9 -0
  344. package/dist/types/components/ic-data-table/story-data.d.ts +59 -0
  345. package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.d.ts +36 -0
  346. package/dist/types/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.d.ts +1 -0
  347. package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +10 -0
  348. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +24 -14
  349. package/dist/types/components.d.ts +207 -28
  350. package/dist/types/utils/types.d.ts +5 -5
  351. package/hydrate/index.js +1253 -909
  352. package/package.json +3 -3
  353. package/dist/cjs/helpers-6d736902.js.map +0 -1
  354. package/dist/cjs/helpers-f75cf7cf.js.map +0 -1
  355. package/dist/cjs/ic-empty-state.cjs.entry.js +0 -38
  356. package/dist/cjs/ic-empty-state.cjs.entry.js.map +0 -1
  357. package/dist/cjs/ic-pagination-bar.cjs.entry.js +0 -269
  358. package/dist/cjs/ic-pagination-bar.cjs.entry.js.map +0 -1
  359. package/dist/collection/components/ic-pagination/ic-pagination.types.js +0 -2
  360. package/dist/collection/components/ic-pagination/ic-pagination.types.js.map +0 -1
  361. package/dist/core/p-00c5639e.entry.js.map +0 -1
  362. package/dist/core/p-06c27edb.entry.js +0 -2
  363. package/dist/core/p-162f3e36.entry.js +0 -2
  364. package/dist/core/p-1c3bd46d.entry.js +0 -2
  365. package/dist/core/p-1c3bd46d.entry.js.map +0 -1
  366. package/dist/core/p-2c9d6334.entry.js +0 -2
  367. package/dist/core/p-2c9d6334.entry.js.map +0 -1
  368. package/dist/core/p-3e9a8977.entry.js +0 -2
  369. package/dist/core/p-41b682dc.entry.js.map +0 -1
  370. package/dist/core/p-730f058b.entry.js.map +0 -1
  371. package/dist/core/p-843bdaae.entry.js.map +0 -1
  372. package/dist/core/p-946625a3.entry.js.map +0 -1
  373. package/dist/core/p-9e3178e8.entry.js +0 -2
  374. package/dist/core/p-9e3178e8.entry.js.map +0 -1
  375. package/dist/core/p-a1556d97.entry.js +0 -2
  376. package/dist/core/p-a1556d97.entry.js.map +0 -1
  377. package/dist/core/p-c7590421.entry.js +0 -2
  378. package/dist/core/p-c7590421.entry.js.map +0 -1
  379. package/dist/core/p-c953edb9.entry.js +0 -2
  380. package/dist/core/p-c953edb9.entry.js.map +0 -1
  381. package/dist/core/p-cca482e2.entry.js.map +0 -1
  382. package/dist/core/p-cd799087.js +0 -2
  383. package/dist/core/p-cd799087.js.map +0 -1
  384. package/dist/core/p-d32d331b.entry.js +0 -2
  385. package/dist/core/p-d32d331b.entry.js.map +0 -1
  386. package/dist/core/p-dc5e1f8f.entry.js +0 -2
  387. package/dist/core/p-e16f73ba.entry.js.map +0 -1
  388. package/dist/core/p-e189f1d0.entry.js +0 -2
  389. package/dist/core/p-e189f1d0.entry.js.map +0 -1
  390. package/dist/core/p-e8151d13.entry.js +0 -2
  391. package/dist/core/p-ee765ad5.js +0 -2
  392. package/dist/core/p-ee765ad5.js.map +0 -1
  393. package/dist/core/p-f2147136.entry.js +0 -2
  394. package/dist/core/p-f2147136.entry.js.map +0 -1
  395. package/dist/core/p-ff3a01f3.entry.js +0 -2
  396. package/dist/core/p-ff3a01f3.entry.js.map +0 -1
  397. package/dist/esm/helpers-c34e4042.js.map +0 -1
  398. package/dist/esm/helpers-f328a7b6.js.map +0 -1
  399. package/dist/esm/ic-empty-state.entry.js.map +0 -1
  400. package/dist/esm/ic-pagination-bar.entry.js +0 -265
  401. package/dist/esm/ic-pagination-bar.entry.js.map +0 -1
  402. package/dist/types/components/ic-pagination/ic-pagination.types.d.ts +0 -6
  403. /package/dist/core/{p-a8c15117.entry.js.map → p-005e83b0.entry.js.map} +0 -0
  404. /package/dist/core/{p-c621d6b0.entry.js.map → p-05df3901.entry.js.map} +0 -0
  405. /package/dist/core/{p-a2dc10d8.entry.js.map → p-0646ef0c.entry.js.map} +0 -0
  406. /package/dist/core/{p-6dce8e88.entry.js.map → p-16c82b13.entry.js.map} +0 -0
  407. /package/dist/core/{p-849f43c3.entry.js.map → p-2170f59e.entry.js.map} +0 -0
  408. /package/dist/core/{p-d2d63a61.entry.js.map → p-4415c93f.entry.js.map} +0 -0
  409. /package/dist/core/{p-e1963c78.entry.js.map → p-4737844f.entry.js.map} +0 -0
  410. /package/dist/core/{p-9d8883d7.entry.js.map → p-53374a27.entry.js.map} +0 -0
  411. /package/dist/core/{p-1a91e842.entry.js.map → p-593f0318.entry.js.map} +0 -0
  412. /package/dist/core/{p-aabab75f.entry.js.map → p-5d5979fa.entry.js.map} +0 -0
  413. /package/dist/core/{p-db3a35fb.entry.js.map → p-66af5958.entry.js.map} +0 -0
  414. /package/dist/core/{p-9567c117.entry.js.map → p-72cea8fd.entry.js.map} +0 -0
  415. /package/dist/core/{p-957de939.entry.js.map → p-872c3555.entry.js.map} +0 -0
  416. /package/dist/core/{p-7fda2f94.entry.js.map → p-9729086f.entry.js.map} +0 -0
  417. /package/dist/core/{p-8b1f9648.entry.js.map → p-9cc19e91.entry.js.map} +0 -0
  418. /package/dist/core/{p-9528b29e.entry.js.map → p-9de20265.entry.js.map} +0 -0
  419. /package/dist/core/{p-00bd7919.entry.js.map → p-a0e42564.entry.js.map} +0 -0
  420. /package/dist/core/{p-a05755b1.entry.js.map → p-b08f4371.entry.js.map} +0 -0
  421. /package/dist/core/{p-0af27517.entry.js.map → p-b79c0631.entry.js.map} +0 -0
  422. /package/dist/core/{p-4bd13376.entry.js.map → p-b8247636.entry.js.map} +0 -0
  423. /package/dist/core/{p-fca46bd9.entry.js.map → p-badfdf2a.entry.js.map} +0 -0
  424. /package/dist/core/{p-99bf38e3.entry.js.map → p-be56fa17.entry.js.map} +0 -0
  425. /package/dist/core/{p-ff6f1e3a.entry.js.map → p-bebf535f.entry.js.map} +0 -0
  426. /package/dist/core/{p-494c3cbe.entry.js.map → p-c0d88af8.entry.js.map} +0 -0
  427. /package/dist/core/{p-4ad3012a.entry.js.map → p-c3af5dab.entry.js.map} +0 -0
  428. /package/dist/core/{p-4fd58768.entry.js.map → p-c3dabce4.entry.js.map} +0 -0
  429. /package/dist/core/{p-6eb58b0a.entry.js.map → p-c7e932b5.entry.js.map} +0 -0
  430. /package/dist/core/{p-c14a897d.entry.js.map → p-d09aaa5b.entry.js.map} +0 -0
  431. /package/dist/core/{p-8b820365.entry.js.map → p-d71e9cb5.entry.js.map} +0 -0
  432. /package/dist/core/{p-19c1e271.entry.js.map → p-f659e5eb.entry.js.map} +0 -0
  433. /package/dist/core/{p-f8f36680.entry.js.map → p-fc2551c0.entry.js.map} +0 -0
@@ -0,0 +1,322 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-4cf27b16.js');
6
+ const helpers = require('./helpers-191dca49.js');
7
+ const helpers$1 = require('./helpers-765a5118.js');
8
+ require('./types-17dba796.js');
9
+
10
+ const icEmptyStateCss = ":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.right),:host(.right) .action-area{align-items:flex-end;text-align:right}:host(.center),:host(.center) .action-area{align-items:center;text-align:center}:host(.image-default) ::slotted(svg),:host(.image-default) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}";
11
+
12
+ const EmptyState = class {
13
+ constructor(hostRef) {
14
+ index.registerInstance(this, hostRef);
15
+ this.aligned = "left";
16
+ this.body = undefined;
17
+ this.bodyMaxLines = undefined;
18
+ this.heading = undefined;
19
+ this.imageSize = "default";
20
+ this.subheading = undefined;
21
+ }
22
+ componentDidLoad() {
23
+ !helpers.isSlotUsed(this.el, "heading") &&
24
+ helpers.onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Empty State");
25
+ }
26
+ render() {
27
+ const { aligned, body, bodyMaxLines, heading, imageSize, subheading } = this;
28
+ return (index.h(index.Host, { class: {
29
+ [`${aligned}`]: true,
30
+ [`image-${imageSize}`]: helpers.isSlotUsed(this.el, "image"),
31
+ } }, helpers.isSlotUsed(this.el, "image") && index.h("slot", { name: "image" }), index.h("div", null, index.h("slot", { name: "heading" }, index.h("ic-typography", { variant: "h4" }, heading)), index.h("slot", { name: "subheading" }, index.h("ic-typography", { variant: "subtitle-small" }, subheading)), index.h("slot", { name: "body" }, index.h("ic-typography", { maxLines: bodyMaxLines }, body))), helpers.isSlotUsed(this.el, "actions") && (index.h("div", { class: "action-area" }, index.h("slot", { name: "actions" })))));
32
+ }
33
+ get el() { return index.getElement(this); }
34
+ };
35
+ EmptyState.style = icEmptyStateCss;
36
+
37
+ const icPaginationBarCss = ":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.pagination-text-default,.pagination-text-dark,.pagination-text-light{white-space:nowrap}.pagination-text-light{color:var(--ic-color-white-text)}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";
38
+
39
+ const PaginationBar = class {
40
+ constructor(hostRef) {
41
+ index.registerInstance(this, hostRef);
42
+ this.icPageChange = index.createEvent(this, "icPageChange", 7);
43
+ this.icItemsPerPageChange = index.createEvent(this, "icItemsPerPageChange", 7);
44
+ this.PAGE_INPUT_FIELD_ID = "go-to-page-input";
45
+ this.INVALID_PAGE_ERROR = "Please enter a valid page";
46
+ this.NAN_ERROR = "Please enter a number";
47
+ this.resizeObserver = null;
48
+ this.changeItemsPerPage = () => {
49
+ this.setItemsPerPage(Number(this.pageDropdownEl.value));
50
+ };
51
+ this.changePage = (page) => {
52
+ this.currentPage = page;
53
+ this.lowerBound = page !== 1 ? (page - 1) * this.itemsPerPage + 1 : page;
54
+ this.setUpperBound();
55
+ };
56
+ this.goToPage = () => {
57
+ const input = this.pageInputEl;
58
+ const page = Number(input.value);
59
+ if (page <= this.totalPages && page > 0) {
60
+ this.changePage(page);
61
+ this.paginationEl.setCurrentPage(page);
62
+ this.currentPage = page;
63
+ input.value = "";
64
+ this.icPageChange.emit({ value: page });
65
+ this.pageInputTooltipEl.displayTooltip(false, false);
66
+ input.validationStatus = "";
67
+ }
68
+ else {
69
+ this.setInputError(input, this.INVALID_PAGE_ERROR);
70
+ }
71
+ };
72
+ this.handleBlur = () => {
73
+ const textField = this.pageInputEl;
74
+ if ((Number(textField.value) <= this.totalPages &&
75
+ Number(textField.value) > 0) ||
76
+ textField.value === "") {
77
+ textField.validationStatus = "";
78
+ }
79
+ this.pageInputTooltipEl.displayTooltip(false, false);
80
+ };
81
+ this.handleFocus = () => {
82
+ if (this.pageInputEl.validationStatus === "error") {
83
+ this.pageInputTooltipEl.displayTooltip(true, true);
84
+ }
85
+ };
86
+ this.handleInputChange = () => {
87
+ const textField = this.pageInputEl;
88
+ const inputValue = parseInt(textField.value);
89
+ if (inputValue > this.totalPages || inputValue <= 0) {
90
+ this.setInputError(textField, this.INVALID_PAGE_ERROR);
91
+ this.pageInputTooltipEl.displayTooltip(true, true);
92
+ }
93
+ };
94
+ this.handleKeydown = (ev) => {
95
+ const tooltip = this.pageInputTooltipEl;
96
+ const textField = this.pageInputEl;
97
+ if (ev.key === "Enter") {
98
+ if (textField.validationStatus === "error") {
99
+ tooltip.displayTooltip(true, true);
100
+ }
101
+ else {
102
+ this.goToPage();
103
+ }
104
+ }
105
+ else {
106
+ tooltip.displayTooltip(false, false);
107
+ textField.validationStatus = "";
108
+ }
109
+ };
110
+ this.handleKeyUp = (ev) => {
111
+ const textField = this.pageInputEl;
112
+ const inputValue = parseInt(textField.value);
113
+ if (Number.isNaN(inputValue) &&
114
+ ev.key !== "Backspace" &&
115
+ ev.key !== "Enter" &&
116
+ ev.key !== "Tab" &&
117
+ ev.key !== "Shift") {
118
+ this.setInputError(textField, this.NAN_ERROR, false);
119
+ this.pageInputTooltipEl.displayTooltip(true, false);
120
+ }
121
+ };
122
+ this.paginationShouldWrap = () => {
123
+ if (this.type === "simple") {
124
+ if (this.paginationEl.clientHeight > 63) {
125
+ this.paginationWrapped = true;
126
+ }
127
+ else {
128
+ this.paginationWrapped = false;
129
+ }
130
+ }
131
+ };
132
+ this.resizeObserverCallback = (currSize) => {
133
+ if (currSize - this.paginationWidth > 50 ||
134
+ currSize - this.paginationWidth < -50) {
135
+ this.paginationWidth = currSize;
136
+ this.paginationShouldWrap();
137
+ }
138
+ };
139
+ this.runResizeObserver = () => {
140
+ this.resizeObserver = new ResizeObserver(() => {
141
+ const currSize = this.paginationBarEl.clientWidth;
142
+ this.resizeObserverCallback(currSize);
143
+ });
144
+ this.resizeObserver.observe(this.paginationBarEl);
145
+ };
146
+ this.setDisplayedItemsPerPageOptions = () => {
147
+ if (this.itemsPerPageOptions === undefined ||
148
+ this.itemsPerPageOptions === null) {
149
+ this.displayedItemsPerPageOptions =
150
+ this.totalItems <= 100
151
+ ? [
152
+ { label: "10", value: "10" },
153
+ { label: "25", value: "25" },
154
+ { label: "50", value: "50" },
155
+ ]
156
+ : [
157
+ { label: "25", value: "25" },
158
+ { label: "100", value: "100" },
159
+ { label: "1000", value: "1000" },
160
+ ];
161
+ }
162
+ else {
163
+ this.displayedItemsPerPageOptions = this.itemsPerPageOptions.slice(0, 3);
164
+ }
165
+ };
166
+ this.setGoToPageInputStyles = () => {
167
+ var _a, _b;
168
+ const textField = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);
169
+ if (textField !== undefined) {
170
+ const input = (_b = textField === null || textField === void 0 ? void 0 : textField.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("input");
171
+ if (input !== undefined) {
172
+ input.style.textAlign = "center";
173
+ input.style.padding = "0";
174
+ }
175
+ }
176
+ };
177
+ this.setInputError = (el, error, focus = true) => {
178
+ this.inputError = error;
179
+ el.validationStatus = "error";
180
+ if (focus)
181
+ el.setFocus();
182
+ };
183
+ this.setItemsPerPage = (newValue) => {
184
+ if (this.itemsPerPage !== newValue) {
185
+ this.itemsPerPage = newValue;
186
+ this.icItemsPerPageChange.emit({ value: this.itemsPerPage });
187
+ }
188
+ this.setNumberPages();
189
+ this.setUpperBound();
190
+ if (this.currentPage > this.totalPages) {
191
+ this.paginationEl.setCurrentPage(this.totalPages);
192
+ this.currentPage = this.totalPages;
193
+ }
194
+ this.icPageChange.emit({ value: this.currentPage });
195
+ };
196
+ this.setNumberPages = () => {
197
+ const numItemsPerPage = this.itemsPerPage;
198
+ if (this.totalItems <= numItemsPerPage) {
199
+ this.totalPages = 1;
200
+ }
201
+ else {
202
+ this.totalPages = Math.ceil(this.totalItems / numItemsPerPage);
203
+ }
204
+ };
205
+ this.setPaginationBarContent = () => {
206
+ this.setDisplayedItemsPerPageOptions();
207
+ this.trimItemsPerPageOptions();
208
+ this.updateItemsPerPage();
209
+ };
210
+ this.setUpperBound = () => {
211
+ this.upperBound = Math.min(this.lowerBound + this.itemsPerPage - 1, this.totalItems);
212
+ };
213
+ this.trimItemsPerPageOptions = () => {
214
+ this.displayedItemsPerPageOptions.push({
215
+ label: "All",
216
+ value: String(this.totalItems),
217
+ });
218
+ for (let i = 0; i < this.displayedItemsPerPageOptions.length - 1; i++) {
219
+ if (this.totalItems <= Number(this.displayedItemsPerPageOptions[i].value)) {
220
+ this.displayedItemsPerPageOptions.splice(i, this.displayedItemsPerPageOptions.length - (i + 1));
221
+ }
222
+ }
223
+ };
224
+ this.updateItemsPerPage = () => {
225
+ let newItemsPerPage = this.itemsPerPage;
226
+ let updated = false;
227
+ let lastOptionValue = 0;
228
+ for (let i = 0; i < this.displayedItemsPerPageOptions.length; i++) {
229
+ lastOptionValue = Number(this.displayedItemsPerPageOptions[i].value);
230
+ if (this.itemsPerPage <= lastOptionValue) {
231
+ newItemsPerPage = lastOptionValue;
232
+ updated = true;
233
+ i = this.displayedItemsPerPageOptions.length;
234
+ }
235
+ }
236
+ if (!updated && this.itemsPerPage > lastOptionValue) {
237
+ newItemsPerPage = lastOptionValue;
238
+ }
239
+ this.setItemsPerPage(newItemsPerPage);
240
+ };
241
+ this.currentPage = 1;
242
+ this.displayedItemsPerPageOptions = undefined;
243
+ this.inputError = "Please enter a valid page";
244
+ this.itemsPerPage = 0;
245
+ this.lowerBound = 1;
246
+ this.paginationWidth = undefined;
247
+ this.paginationWrapped = false;
248
+ this.totalPages = undefined;
249
+ this.upperBound = undefined;
250
+ this.alignment = "right";
251
+ this.appearance = "default";
252
+ this.rangeItemLabel = "Item";
253
+ this.itemsPerPageOptions = undefined;
254
+ this.type = "simple";
255
+ this.rangeLabelType = "page";
256
+ this.pageLabel = "Page";
257
+ this.showGoToPageControl = false;
258
+ this.hideRangeLabel = false;
259
+ this.showItemsPerPageControl = false;
260
+ this.totalItems = undefined;
261
+ }
262
+ watchItemsPerPageOptionsHandler() {
263
+ this.setPaginationBarContent();
264
+ }
265
+ watchTotalItemsHandler() {
266
+ this.setPaginationBarContent();
267
+ }
268
+ disconnectedCallback() {
269
+ if (this.resizeObserver !== null) {
270
+ this.resizeObserver.disconnect();
271
+ }
272
+ }
273
+ componentWillLoad() {
274
+ this.setPaginationBarContent();
275
+ }
276
+ componentDidLoad() {
277
+ this.paginationWidth = this.paginationBarEl.clientWidth;
278
+ helpers$1.checkResizeObserver(this.runResizeObserver);
279
+ this.setGoToPageInputStyles();
280
+ this.paginationShouldWrap();
281
+ }
282
+ pageChangeHandler(ev) {
283
+ const page = ev.detail.value;
284
+ this.changePage(page);
285
+ }
286
+ render() {
287
+ const { appearance, alignment, displayedItemsPerPageOptions, PAGE_INPUT_FIELD_ID, type, rangeLabelType, hideRangeLabel, showItemsPerPageControl, showGoToPageControl, } = this;
288
+ const focusElFromLabel = (el) => {
289
+ var _a;
290
+ (_a = this.paginationBarEl.querySelector(el)) === null || _a === void 0 ? void 0 : _a.setFocus();
291
+ };
292
+ return (index.h("div", { class: {
293
+ ["pagination-bar"]: true,
294
+ [`pagination-bar-${alignment}`]: true,
295
+ }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (index.h("div", { class: "item-controls" }, showItemsPerPageControl && (index.h("div", { class: "items-per-page-holder" }, index.h("ic-typography", { class: {
296
+ [`pagination-text-${appearance}`]: true,
297
+ ["items-per-page-control-label"]: true,
298
+ }, variant: "label", onClick: () => focusElFromLabel("ic-select") }, this.rangeItemLabel, "s per ", this.pageLabel.toLowerCase()), index.h("ic-select", { small: true, label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, value: this.itemsPerPage.toString(), onIcChange: () => this.changeItemsPerPage(), ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel && rangeLabelType === "data" ? (index.h("ic-typography", { class: {
299
+ [`pagination-text-${appearance}`]: true,
300
+ ["item-pagination-label"]: true,
301
+ }, variant: "label", "aria-live": "polite" }, this.upperBound === 0 &&
302
+ `0 ${this.rangeItemLabel.toLowerCase()}s`, this.upperBound > 0 &&
303
+ `${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${this.rangeItemLabel.toLowerCase()}${this.totalItems > 1 ? "s" : ""}`)) : (!hideRangeLabel && (index.h("ic-typography", { class: {
304
+ [`pagination-text-${appearance}`]: true,
305
+ ["page-pagination-label"]: true,
306
+ }, variant: "label", "aria-live": "polite" }, this.pageLabel, " ", this.currentPage, " of ", this.totalPages))))), index.h("div", { class: {
307
+ ["pagination-controls"]: true,
308
+ ["pagination-controls-wrap"]: this.paginationWrapped,
309
+ } }, index.h("div", { class: "pagination-holder" }, index.h("ic-pagination", { appearance: appearance, type: type, pages: this.totalPages, ref: (el) => (this.paginationEl = el) })), showGoToPageControl && (index.h("div", { class: "go-to-page-holder" }, index.h("ic-typography", { class: { [`pagination-text-${appearance}`]: true }, variant: "label", onClick: () => focusElFromLabel("ic-text-field") }, "Go to ", this.pageLabel.toLowerCase()), index.h("ic-tooltip", { label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, index.h("ic-text-field", { type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: (ev) => this.handleKeydown(ev), onKeyUp: (ev) => this.handleKeyUp(ev), onInput: () => this.handleInputChange(), max: this.totalPages, min: "1", validationInlineInternal: true, onBlur: () => this.handleBlur(), onFocus: () => this.handleFocus(), ref: (el) => (this.pageInputEl = el) })), index.h("ic-button", { appearance: appearance, variant: "secondary", onClick: () => this.goToPage(), size: "small", class: "go-to-page-button" }, "Go"))))));
310
+ }
311
+ get el() { return index.getElement(this); }
312
+ static get watchers() { return {
313
+ "itemsPerPageOptions": ["watchItemsPerPageOptionsHandler"],
314
+ "totalItems": ["watchTotalItemsHandler"]
315
+ }; }
316
+ };
317
+ PaginationBar.style = icPaginationBarCss;
318
+
319
+ exports.ic_empty_state = EmptyState;
320
+ exports.ic_pagination_bar = PaginationBar;
321
+
322
+ //# sourceMappingURL=ic-empty-state_2.cjs.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ic-empty-state.ic-pagination-bar.entry.cjs.js","mappings":"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","names":["isSlotUsed","onComponentRequiredPropUndefined","h","Host","checkResizeObserver"],"sources":["../web-components/dist/collection/components/ic-empty-state/ic-empty-state.css?tag=ic-empty-state&encapsulation=shadow","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.js","src/components/ic-pagination-bar/ic-pagination-bar.css?tag=ic-pagination-bar&encapsulation=shadow","src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"sourcesContent":[":host {\n gap: var(--ic-space-xs);\n padding: var(--ic-space-xs);\n}\n\n:host,\n.action-area {\n display: flex;\n flex-direction: column;\n}\n\n.action-area {\n gap: var(--ic-space-md);\n}\n\n:host ::slotted(svg),\n:host ::slotted(img) {\n border-radius: var(--ic-space-xxs);\n}\n\n:host(.right),\n:host(.right) .action-area {\n align-items: flex-end;\n text-align: right;\n}\n\n:host(.center),\n:host(.center) .action-area {\n align-items: center;\n text-align: center;\n}\n\n:host(.image-default) ::slotted(svg),\n:host(.image-default) ::slotted(img) {\n height: calc(3 * var(--ic-space-lg)) !important;\n width: calc(3 * var(--ic-space-lg)) !important;\n}\n\n:host(.image-small) ::slotted(svg),\n:host(.image-small) ::slotted(img) {\n height: var(--ic-space-xxl) !important;\n width: var(--ic-space-xxl) !important;\n}\n\n:host(.image-large) ::slotted(svg),\n:host(.image-large) ::slotted(img) {\n height: calc(4 * var(--ic-space-xl)) !important;\n width: calc(4 * var(--ic-space-xl)) !important;\n}\n","import { h, Host } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\nexport class EmptyState {\n constructor() {\n this.aligned = \"left\";\n this.body = undefined;\n this.bodyMaxLines = undefined;\n this.heading = undefined;\n this.imageSize = \"default\";\n this.subheading = undefined;\n }\n componentDidLoad() {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Empty State\");\n }\n render() {\n const { aligned, body, bodyMaxLines, heading, imageSize, subheading } = this;\n return (h(Host, { class: {\n [`${aligned}`]: true,\n [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n } }, isSlotUsed(this.el, \"image\") && h(\"slot\", { name: \"image\" }), h(\"div\", null, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: \"h4\" }, heading)), h(\"slot\", { name: \"subheading\" }, h(\"ic-typography\", { variant: \"subtitle-small\" }, subheading)), h(\"slot\", { name: \"body\" }, h(\"ic-typography\", { maxLines: bodyMaxLines }, body))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { class: \"action-area\" }, h(\"slot\", { name: \"actions\" })))));\n }\n static get is() { return \"ic-empty-state\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcEmptyStateAlignment\",\n \"resolved\": \"\\\"center\\\" | \\\"left\\\" | \\\"right\\\"\",\n \"references\": {\n \"IcEmptyStateAlignment\": {\n \"location\": \"import\",\n \"path\": \"./ic-empty-state.types\",\n \"id\": \"src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the empty state container.\"\n },\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"left\\\"\"\n },\n \"body\": {\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 body text rendered in the empty state container.\"\n },\n \"attribute\": \"body\",\n \"reflect\": false\n },\n \"bodyMaxLines\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of lines of body text to display before truncating.\"\n },\n \"attribute\": \"body-max-lines\",\n \"reflect\": false\n },\n \"heading\": {\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 title rendered in the empty state container.\"\n },\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"imageSize\": {\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 image or icon used in the image slot.\"\n },\n \"attribute\": \"image-size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"subheading\": {\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 subtitle rendered in the empty state container.\"\n },\n \"attribute\": \"subheading\",\n \"reflect\": false\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-empty-state.js.map\n",":host() {\n display: block;\n}\n\n.pagination-bar {\n height: 3.5rem;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--ic-space-xl);\n padding: var(--ic-space-xs) var(--ic-space-md);\n box-sizing: border-box;\n}\n\n.pagination-bar-left {\n justify-content: flex-start;\n}\n\n.item-controls {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xl);\n}\n\n.pagination-bar-space-between .item-controls {\n margin-right: auto;\n}\n\n.items-per-page-holder {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xs);\n}\n\n.items-per-page-input {\n --input-width: 5rem;\n}\n\n.pagination-controls {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xl);\n}\n\n.pagination-controls-wrap {\n flex-direction: column;\n align-items: flex-end;\n gap: var(--ic-space-xs);\n}\n\n.pagination-bar-space-between .pagination-controls {\n margin-left: auto;\n}\n\n.go-to-page-holder {\n display: flex;\n align-items: center;\n gap: var(--ic-space-xs);\n}\n\n.go-to-page-input {\n --input-width: var(--ic-space-xl);\n}\n\n.go-to-page-button {\n --min-width: var(--ic-space-xl);\n}\n\n.pagination-text-default,\n.pagination-text-dark,\n.pagination-text-light {\n white-space: nowrap;\n}\n\n.pagination-text-light {\n color: var(--ic-color-white-text);\n}\n\n@media screen and (max-width: 768px) {\n .pagination-bar {\n flex-direction: column;\n align-items: flex-end;\n height: fit-content;\n gap: var(--ic-space-xs);\n }\n\n .pagination-bar-left {\n align-items: flex-start;\n }\n}\n\n@media screen and (max-width: 320px) {\n .item-controls,\n .pagination-controls {\n flex-direction: column;\n align-items: flex-end;\n gap: var(--ic-space-xs);\n }\n\n .pagination-bar-left .item-controls,\n .pagination-bar-left .pagination-controls,\n .pagination-bar-space-between .item-controls,\n .pagination-bar-space-between .pagination-controls {\n align-items: flex-start;\n }\n}\n","import {\n Component,\n Prop,\n Element,\n Event,\n EventEmitter,\n State,\n Listen,\n h,\n Watch,\n} from \"@stencil/core\";\nimport { IcThemeForeground } from \"@ukic/web-components/dist/types/interface\";\nimport { checkResizeObserver } from \"../../utils/helpers\";\nimport {\n IcPaginationAlignmentOptions,\n IcPaginationLabelTypes,\n IcPaginationTypes,\n} from \"@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types\";\n\n@Component({\n tag: \"ic-pagination-bar\",\n styleUrl: \"ic-pagination-bar.css\",\n shadow: true,\n})\nexport class PaginationBar {\n private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n private NAN_ERROR = \"Please enter a number\";\n\n private resizeObserver: ResizeObserver = null;\n private pageDropdownEl: HTMLIcSelectElement;\n private pageInputEl: HTMLIcTextFieldElement;\n private pageInputTooltipEl: HTMLIcTooltipElement;\n private paginationBarEl: HTMLElement;\n private paginationEl: HTMLIcPaginationElement;\n\n @Element() el: HTMLIcPaginationBarElement;\n\n @State() currentPage: number = 1;\n\n @State() displayedItemsPerPageOptions?: {\n label: string;\n value: string;\n }[];\n\n @State() inputError: string = \"Please enter a valid page\";\n\n @State() itemsPerPage: number = 0;\n\n @State() lowerBound: number = 1;\n\n @State() paginationWidth: number;\n\n @State() paginationWrapped: boolean = false;\n\n @State() totalPages: number;\n\n @State() upperBound: number;\n\n /**\n * Sets the alignment of the items in the pagination bar.\n */\n @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n /**\n * Sets the styling for the items in the pagination bar.\n */\n @Prop() appearance?: IcThemeForeground = \"default\";\n\n /**\n * The label which will be used in place of 'items' if type is data. Should be capitalised.\n */\n @Prop() rangeItemLabel?: string = \"Item\";\n\n /**\n * The options which will be displayed for 'items per page' select input. Set a maximum of 4 options including a required 'All' option with value equal to total number of items.\n */\n @Prop() itemsPerPageOptions?: {\n label: string;\n value: string;\n }[];\n\n @Watch(\"itemsPerPageOptions\")\n watchItemsPerPageOptionsHandler(): void {\n this.setPaginationBarContent();\n }\n\n /**\n * Whether the displayed pagination is simple or complex.\n */\n @Prop() type?: IcPaginationTypes = \"simple\";\n\n /**\n * Whether total number of items and current item range or total number of pages and current page is displayed.\n */\n @Prop() rangeLabelType?: IcPaginationLabelTypes = \"page\";\n\n /**\n * The label which will be used in place of 'Page' if rangeLabelType is page. Should be capitalised.\n */\n @Prop() pageLabel?: string = \"Page\";\n\n /**\n * If `true`, the 'go to page' control should be displayed.\n */\n @Prop() showGoToPageControl?: boolean = false;\n\n /**\n * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.\n */\n @Prop() hideRangeLabel?: boolean = false;\n\n /**\n * If `true`, the select input to control 'items per page' should be displayed.\n */\n @Prop() showItemsPerPageControl?: boolean = false;\n\n /**\n * Total number of items to be displayed across all pages.\n */\n @Prop() totalItems!: number;\n\n @Watch(\"totalItems\")\n watchTotalItemsHandler(): void {\n this.setPaginationBarContent();\n }\n\n /**\n * Emitted when a page is navigated to via the 'go to' input.\n */\n @Event() icPageChange: EventEmitter<{ value: number }>;\n\n /**\n * Emitted when the items per page option is changed.\n */\n @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n disconnectedCallback(): void {\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n }\n\n componentWillLoad(): void {\n this.setPaginationBarContent();\n }\n\n componentDidLoad(): void {\n this.paginationWidth = this.paginationBarEl.clientWidth;\n checkResizeObserver(this.runResizeObserver);\n this.setGoToPageInputStyles();\n this.paginationShouldWrap();\n }\n\n @Listen(\"icPageChange\")\n pageChangeHandler(ev: CustomEvent): void {\n const page = ev.detail.value;\n this.changePage(page);\n }\n\n private changeItemsPerPage = () => {\n this.setItemsPerPage(Number(this.pageDropdownEl.value));\n };\n\n private changePage = (page: number) => {\n this.currentPage = page;\n this.lowerBound = page !== 1 ? (page - 1) * this.itemsPerPage + 1 : page;\n this.setUpperBound();\n };\n\n private goToPage = () => {\n const input = this.pageInputEl;\n const page = Number(input.value);\n if (page <= this.totalPages && page > 0) {\n this.changePage(page);\n this.paginationEl.setCurrentPage(page);\n this.currentPage = page;\n input.value = \"\";\n this.icPageChange.emit({ value: page });\n this.pageInputTooltipEl.displayTooltip(false, false);\n input.validationStatus = \"\";\n } else {\n this.setInputError(input, this.INVALID_PAGE_ERROR);\n }\n };\n\n private handleBlur = () => {\n const textField = this.pageInputEl;\n if (\n (Number(textField.value) <= this.totalPages &&\n Number(textField.value) > 0) ||\n textField.value === \"\"\n ) {\n textField.validationStatus = \"\";\n }\n this.pageInputTooltipEl.displayTooltip(false, false);\n };\n\n private handleFocus = () => {\n if (this.pageInputEl.validationStatus === \"error\") {\n this.pageInputTooltipEl.displayTooltip(true, true);\n }\n };\n\n private handleInputChange = () => {\n const textField = this.pageInputEl;\n const inputValue = parseInt(textField.value);\n\n if (inputValue > this.totalPages || inputValue <= 0) {\n this.setInputError(textField, this.INVALID_PAGE_ERROR);\n this.pageInputTooltipEl.displayTooltip(true, true);\n }\n };\n\n private handleKeydown = (ev: KeyboardEvent) => {\n const tooltip = this.pageInputTooltipEl;\n const textField = this.pageInputEl;\n\n if (ev.key === \"Enter\") {\n if (textField.validationStatus === \"error\") {\n tooltip.displayTooltip(true, true);\n } else {\n this.goToPage();\n }\n } else {\n tooltip.displayTooltip(false, false);\n textField.validationStatus = \"\";\n }\n };\n\n private handleKeyUp = (ev: KeyboardEvent) => {\n const textField = this.pageInputEl;\n const inputValue = parseInt(textField.value);\n\n if (\n Number.isNaN(inputValue) &&\n ev.key !== \"Backspace\" &&\n ev.key !== \"Enter\" &&\n ev.key !== \"Tab\" &&\n ev.key !== \"Shift\"\n ) {\n this.setInputError(textField, this.NAN_ERROR, false);\n this.pageInputTooltipEl.displayTooltip(true, false);\n }\n };\n\n private paginationShouldWrap = () => {\n if (this.type === \"simple\") {\n if (this.paginationEl.clientHeight > 63) {\n this.paginationWrapped = true;\n } else {\n this.paginationWrapped = false;\n }\n }\n };\n\n private resizeObserverCallback = (currSize: number) => {\n if (\n currSize - this.paginationWidth > 50 ||\n currSize - this.paginationWidth < -50\n ) {\n this.paginationWidth = currSize;\n this.paginationShouldWrap();\n }\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n const currSize = this.paginationBarEl.clientWidth;\n this.resizeObserverCallback(currSize);\n });\n\n this.resizeObserver.observe(this.paginationBarEl);\n };\n\n private setDisplayedItemsPerPageOptions = () => {\n if (\n this.itemsPerPageOptions === undefined ||\n this.itemsPerPageOptions === null\n ) {\n this.displayedItemsPerPageOptions =\n this.totalItems <= 100\n ? [\n { label: \"10\", value: \"10\" },\n { label: \"25\", value: \"25\" },\n { label: \"50\", value: \"50\" },\n ]\n : [\n { label: \"25\", value: \"25\" },\n { label: \"100\", value: \"100\" },\n { label: \"1000\", value: \"1000\" },\n ];\n } else {\n this.displayedItemsPerPageOptions = this.itemsPerPageOptions.slice(0, 3);\n }\n };\n\n private setGoToPageInputStyles = () => {\n const textField = this.el.shadowRoot?.querySelector(\n `.${this.PAGE_INPUT_FIELD_ID}`\n );\n if (textField !== undefined) {\n const input = textField?.shadowRoot?.querySelector(\"input\");\n if (input !== undefined) {\n input.style.textAlign = \"center\";\n input.style.padding = \"0\";\n }\n }\n };\n\n private setInputError = (\n el: HTMLIcTextFieldElement,\n error: string,\n focus = true\n ) => {\n this.inputError = error;\n el.validationStatus = \"error\";\n if (focus) el.setFocus();\n };\n\n private setItemsPerPage = (newValue: number) => {\n if (this.itemsPerPage !== newValue) {\n this.itemsPerPage = newValue;\n this.icItemsPerPageChange.emit({ value: this.itemsPerPage });\n }\n this.setNumberPages();\n this.setUpperBound();\n if (this.currentPage > this.totalPages) {\n this.paginationEl.setCurrentPage(this.totalPages);\n this.currentPage = this.totalPages;\n }\n this.icPageChange.emit({ value: this.currentPage });\n };\n\n private setNumberPages = () => {\n const numItemsPerPage = this.itemsPerPage;\n if (this.totalItems <= numItemsPerPage) {\n this.totalPages = 1;\n } else {\n this.totalPages = Math.ceil(this.totalItems / numItemsPerPage);\n }\n };\n\n private setPaginationBarContent = (): void => {\n this.setDisplayedItemsPerPageOptions();\n this.trimItemsPerPageOptions();\n this.updateItemsPerPage();\n };\n\n private setUpperBound = () => {\n this.upperBound = Math.min(\n this.lowerBound + this.itemsPerPage - 1,\n this.totalItems\n );\n };\n\n private trimItemsPerPageOptions = () => {\n this.displayedItemsPerPageOptions.push({\n label: \"All\",\n value: String(this.totalItems),\n });\n\n for (let i = 0; i < this.displayedItemsPerPageOptions.length - 1; i++) {\n if (\n this.totalItems <= Number(this.displayedItemsPerPageOptions[i].value)\n ) {\n this.displayedItemsPerPageOptions.splice(\n i,\n this.displayedItemsPerPageOptions.length - (i + 1)\n );\n }\n }\n };\n\n private updateItemsPerPage = () => {\n let newItemsPerPage = this.itemsPerPage;\n let updated = false;\n let lastOptionValue = 0;\n for (let i = 0; i < this.displayedItemsPerPageOptions.length; i++) {\n lastOptionValue = Number(this.displayedItemsPerPageOptions[i].value);\n if (this.itemsPerPage <= lastOptionValue) {\n newItemsPerPage = lastOptionValue;\n updated = true;\n i = this.displayedItemsPerPageOptions.length;\n }\n }\n if (!updated && this.itemsPerPage > lastOptionValue) {\n newItemsPerPage = lastOptionValue;\n }\n this.setItemsPerPage(newItemsPerPage);\n };\n\n render() {\n const {\n appearance,\n alignment,\n displayedItemsPerPageOptions,\n PAGE_INPUT_FIELD_ID,\n type,\n rangeLabelType,\n hideRangeLabel,\n showItemsPerPageControl,\n showGoToPageControl,\n } = this;\n\n const focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n this.paginationBarEl.querySelector(el)?.setFocus();\n };\n\n return (\n <div\n class={{\n [\"pagination-bar\"]: true,\n [`pagination-bar-${alignment}`]: true,\n }}\n ref={(el) => (this.paginationBarEl = el)}\n >\n {(!hideRangeLabel || showItemsPerPageControl) && (\n <div class=\"item-controls\">\n {showItemsPerPageControl && (\n <div class=\"items-per-page-holder\">\n <ic-typography\n class={{\n [`pagination-text-${appearance}`]: true,\n [\"items-per-page-control-label\"]: true,\n }}\n variant=\"label\"\n onClick={() => focusElFromLabel(\"ic-select\")}\n >\n {this.rangeItemLabel}s per {this.pageLabel.toLowerCase()}\n </ic-typography>\n <ic-select\n small\n label=\"items-per-page-input\"\n class=\"items-per-page-input\"\n hideLabel\n options={displayedItemsPerPageOptions}\n value={this.itemsPerPage.toString()}\n onIcChange={() => this.changeItemsPerPage()}\n ref={(el: HTMLIcSelectElement) => (this.pageDropdownEl = el)}\n ></ic-select>\n </div>\n )}\n {!hideRangeLabel && rangeLabelType === \"data\" ? (\n <ic-typography\n class={{\n [`pagination-text-${appearance}`]: true,\n [\"item-pagination-label\"]: true,\n }}\n variant=\"label\"\n aria-live=\"polite\"\n >\n {this.upperBound === 0 &&\n `0 ${this.rangeItemLabel.toLowerCase()}s`}\n {this.upperBound > 0 &&\n `${this.lowerBound} - ${this.upperBound} of ${\n this.totalItems\n } ${this.rangeItemLabel.toLowerCase()}${\n this.totalItems > 1 ? \"s\" : \"\"\n }`}\n </ic-typography>\n ) : (\n !hideRangeLabel && (\n <ic-typography\n class={{\n [`pagination-text-${appearance}`]: true,\n [\"page-pagination-label\"]: true,\n }}\n variant=\"label\"\n aria-live=\"polite\"\n >\n {this.pageLabel} {this.currentPage} of {this.totalPages}\n </ic-typography>\n )\n )}\n </div>\n )}\n <div\n class={{\n [\"pagination-controls\"]: true,\n [\"pagination-controls-wrap\"]: this.paginationWrapped,\n }}\n >\n <div class=\"pagination-holder\">\n <ic-pagination\n appearance={appearance}\n type={type}\n pages={this.totalPages}\n ref={(el: HTMLIcPaginationElement) => (this.paginationEl = el)}\n ></ic-pagination>\n </div>\n {showGoToPageControl && (\n <div class=\"go-to-page-holder\">\n <ic-typography\n class={{ [`pagination-text-${appearance}`]: true }}\n variant=\"label\"\n onClick={() => focusElFromLabel(\"ic-text-field\")}\n >\n Go to {this.pageLabel.toLowerCase()}\n </ic-typography>\n <ic-tooltip\n label={this.inputError}\n target={`#${PAGE_INPUT_FIELD_ID}`}\n disableHover\n disableClick\n ref={(el: HTMLIcTooltipElement) =>\n (this.pageInputTooltipEl = el)\n }\n >\n <ic-text-field\n type=\"number\"\n size=\"small\"\n label={PAGE_INPUT_FIELD_ID}\n class={PAGE_INPUT_FIELD_ID}\n id={PAGE_INPUT_FIELD_ID}\n hideLabel\n onKeyDown={(ev: KeyboardEvent) => this.handleKeydown(ev)}\n onKeyUp={(ev: KeyboardEvent) => this.handleKeyUp(ev)}\n onInput={() => this.handleInputChange()}\n max={this.totalPages}\n min=\"1\"\n validationInlineInternal\n onBlur={() => this.handleBlur()}\n onFocus={() => this.handleFocus()}\n ref={(el: HTMLIcTextFieldElement) => (this.pageInputEl = el)}\n ></ic-text-field>\n </ic-tooltip>\n <ic-button\n appearance={appearance}\n variant=\"secondary\"\n onClick={() => this.goToPage()}\n size=\"small\"\n class=\"go-to-page-button\"\n >\n Go\n </ic-button>\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4cf27b16.js');
6
- const helpers = require('./helpers-6d736902.js');
6
+ const helpers = require('./helpers-191dca49.js');
7
7
  require('./types-17dba796.js');
8
8
 
9
9
  const icFooterLinkGroupCss = "/*! 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(.footer-link-group-sparse){--footer-link-group-margin-right:5.938rem;--footer-link-group-border-bottom:0 solid transparent;--footer-link-group-title-margin-top:0;--footer-link-group-title-margin-bottom:var(--ic-space-md)}:host(.footer-link-group-small){--footer-link-group-margin-right:0;--footer-link-group-title-margin-top:var(--ic-space-md);--footer-link-group-title-margin-bottom:var(--ic-space-md);--footer-link-group-links-padding-left:var(--ic-space-md);--footer-link-group-links-padding-bottom:var(--ic-space-md)}:host(.footer-link-group-light.footer-link-group-small){--footer-link-group-border-bottom:var(--ic-keyline-lighten)}:host(.footer-link-group-dark.footer-link-group-small){--footer-link-group-border-bottom:var(--ic-keyline-darken)}:host(.footer-link-group){margin-right:var(--footer-link-group-margin-right);border-bottom:var(--footer-link-group-border-bottom)}:host(.footer-link-group-small.footer-link-group-light:hover){background-color:var(--ic-action-light-bg-hover);cursor:pointer}:host(.footer-link-group-small.footer-link-group-dark:hover){background-color:var(--ic-action-dark-bg-hover);cursor:pointer}:host(.footer-link-group-sparse:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}:host(.footer-link-group-small:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}:host(.footer-link-group-small.footer-link-group-light:active){background-color:var(--ic-action-light-bg-active)}:host(.footer-link-group-small.footer-link-group-dark:active){background-color:var(--ic-action-dark-bg-active)}.footer-link-group-title{margin-top:var(--footer-link-group-title-margin-top);margin-bottom:var(--footer-link-group-title-margin-bottom);flex-grow:1}.footer-link-group-toggle{fill:white !important}.footer-link-group-links{display:flex;flex-direction:column}.footer-link-group-header{display:flex;align-items:center}";
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4cf27b16.js');
6
- const helpers = require('./helpers-6d736902.js');
6
+ const helpers = require('./helpers-191dca49.js');
7
7
  const OpenInNew = require('./OpenInNew-7bac24f7.js');
8
8
  require('./types-17dba796.js');
9
9
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4cf27b16.js');
6
- const helpers = require('./helpers-6d736902.js');
6
+ const helpers = require('./helpers-191dca49.js');
7
7
  const types = require('./types-17dba796.js');
8
8
 
9
9
  const icFooterCss = "/*! 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;--footer-compliance-padding:1rem 0}:host(.footer-sparse){--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:var(--ic-space-lg);--footer-link-inner-flex-direction:row}:host(.footer-small){--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}:host(.footer-light){--footer-theme-secondary:var(--ic-theme-secondary);--footer-theme-tertiary:var(--ic-theme-tertiary);--footer-keyline:var(--ic-keyline-lighten)}:host(.footer-dark){--footer-theme-secondary:var(--ic-theme-secondary-light);--footer-theme-tertiary:var(--ic-theme-tertiary-light);--footer-keyline:var(--ic-keyline-darken)}:host(.footer-small.footer-ungrouped){--footer-links-padding:var(--ic-space-md) 0 0 0}footer{display:flex;flex-direction:column;width:100%}.footer-description{background-color:var(--footer-theme-secondary);color:var(--ic-theme-text);border-bottom:var(--footer-keyline)}.footer-description-inner{padding:1rem 0}.footer-links{padding:var(--footer-links-padding);background-color:var(--footer-theme-secondary);color:var(--ic-theme-text)}.footer-links-inner{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}.footer-compliance{background-color:var(--footer-theme-tertiary);color:var(--ic-theme-text)}.footer-compliance-inner{padding:var(--footer-compliance-padding)}.footer-logo{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}.footer-logo>::slotted(){margin-right:var(--ic-space-md)}.footer-caption{margin-bottom:var(--ic-space-md)}.classification-spacing{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){footer{border-top:var(--ic-hc-border)}}";
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4cf27b16.js');
6
6
  const types = require('./types-17dba796.js');
7
- const helpers = require('./helpers-6d736902.js');
7
+ const helpers = require('./helpers-191dca49.js');
8
8
 
9
9
  const icHeroCss = "/*! 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;background-color:var(--ic-theme-tertiary);color:var(--ic-theme-text);--hero-heading-bottom-margin:var(--ic-space-md)}:host(.dark){background-color:var(--ic-theme-secondary)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-container{display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--ic-theme-text)}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host([content-aligned=\"left\"]) .left-container,:host([content-aligned=\"left\"]) .interaction-container{justify-content:flex-start;text-align:left}:host([content-aligned=\"center\"]) .left-container,:host([content-aligned=\"center\"]) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.small),:host(.small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.small),:host(.small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.small),:host(.small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}.right-container{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.small),:host(.small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.small),:host(.small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}";
10
10
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4cf27b16.js');
6
- const helpers = require('./helpers-6d736902.js');
6
+ const helpers = require('./helpers-191dca49.js');
7
7
  const types = require('./types-17dba796.js');
8
8
 
9
9
  const LeftArrow = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4cf27b16.js');
6
6
  const types = require('./types-17dba796.js');
7
- const helpers = require('./helpers-6d736902.js');
7
+ const helpers = require('./helpers-191dca49.js');
8
8
 
9
9
  const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--ic-architectural-white);box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.fullwidth{width:100%}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:var(--ic-border-width) dashed var(--ic-architectural-200)}ic-input-component-container.readonly,ic-input-component-container.readonly:hover{border:none;padding:0}ic-input-component-container.error{border:var(--ic-error-border-default);padding:0}ic-input-component-container.error:hover{border:var(--ic-error-border-hover)}ic-input-component-container.error:focus-within{border:var(--ic-error-border-pressed)}ic-input-component-container.warning{border:var(--ic-warning-border-default);padding:0}ic-input-component-container.warning:hover{border:var(--ic-warning-border-hover)}ic-input-component-container.warning:focus-within{border:var(--ic-warning-border-pressed)}ic-input-component-container.success{border:var(--ic-success-border-default);padding:0}ic-input-component-container.success:hover{border:var(--ic-success-border-hover)}ic-input-component-container.success:focus-within{border:var(--ic-success-border-pressed)}ic-input-component-container.small{height:var(--ic-space-xl)}ic-input-component-container.large{height:var(--ic-space-xxl)}ic-input-component-container.multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.disabled ::-moz-placeholder{display:none}ic-input-component-container.disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container.dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-border-hover);color:var(--ic-action-dark-hover)}ic-input-component-container:focus{border:var(--ic-border-pressed)}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:var(--ic-border-width) dashed GrayText}}";
10
10
 
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4cf27b16.js');
6
6
  const OpenInNew = require('./OpenInNew-7bac24f7.js');
7
- const helpers = require('./helpers-6d736902.js');
7
+ const helpers = require('./helpers-191dca49.js');
8
8
  const types = require('./types-17dba796.js');
9
9
 
10
- const icLinkCss = "/*! 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(.link) .ic-link,:host(.link) ::slotted(a){color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.link.dark) .ic-link.dark,:host(.link.dark) ::slotted(a){color:var(--ic-color-primary-text)}:host(.link.light) .ic-link.light,:host(.link.light) ::slotted(a){color:var(--ic-color-white-text)}:host(.link) .ic-link:visited,:host(.link) ::slotted(a:visited){color:var(--ic-hyperlink-visited)}:host(.link) .ic-link:hover,:host(.link) .ic-link:focus,:host(.link) ::slotted(a:hover),:host(.link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-decoration-thickness: 25%){:host(.link) .ic-link:hover,:host(.link) .ic-link:focus,:host(.link) ::slotted(a:hover),:host(.link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.link) .ic-link:active,:host(.link) .ic-link:focus:active,:host(.link) .ic-link:visited:active,:host(.link) ::slotted(a:active),:host(.link) ::slotted(a:focus:active),:host(.link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink)}.ic-link.dark>.ic-link-open-in-new-icon{fill:var(--ic-color-primary-text)}.ic-link.light>.ic-link-open-in-new-icon{fill:var(--ic-color-white-text)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.ic-link:visited>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink-visited)}.ic-link.light:visited>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink-contrast-visited)}:host(.breadcrumb-link) .ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .ic-link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .ic-link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .ic-link:visited{color:var(--ic-color-primary-text)}";
10
+ const icLinkCss = "/*! 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(.link) .ic-link,:host(.link) ::slotted(a){color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.link.dark) .ic-link.dark,:host(.link.dark) ::slotted(a){color:var(--ic-color-primary-text)}:host(.link.light) .ic-link.light,:host(.link.light) ::slotted(a){color:var(--ic-color-white-text)}:host(.link) .ic-link:visited,:host(.link) ::slotted(a:visited){color:var(--ic-hyperlink-visited)}:host(.link) .ic-link:hover,:host(.link) .ic-link:focus,:host(.link) ::slotted(a:hover),:host(.link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-decoration-thickness: 25%){:host(.link) .ic-link:hover,:host(.link) .ic-link:focus,:host(.link) ::slotted(a:hover),:host(.link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.link) .ic-link:active,:host(.link) .ic-link:focus:active,:host(.link) .ic-link:visited:active,:host(.link) ::slotted(a:active),:host(.link) ::slotted(a:focus:active),:host(.link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink)}.ic-link.dark>.ic-link-open-in-new-icon{fill:var(--ic-color-primary-text)}.ic-link.light>.ic-link-open-in-new-icon{fill:var(--ic-color-white-text)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.ic-link:visited>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink-visited)}.ic-link.light:visited>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink-contrast-visited)}:host(.breadcrumb-link) .ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .ic-link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .ic-link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .ic-link:visited{color:var(--ic-color-primary-text)}";
11
11
 
12
12
  const Link = class {
13
13
  constructor(hostRef) {