@ukic/canary-web-components 2.0.0-canary.4 → 2.0.0-canary.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (832) hide show
  1. package/README.md +7 -2
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/date-helpers-c9551119.js +150 -0
  4. package/dist/cjs/date-helpers-c9551119.js.map +1 -0
  5. package/dist/cjs/helpers-951fb33a.js +433 -0
  6. package/dist/cjs/helpers-951fb33a.js.map +1 -0
  7. package/dist/cjs/{helpers-bbe55215.js → helpers-eabe59b6.js} +147 -100
  8. package/dist/cjs/helpers-eabe59b6.js.map +1 -0
  9. package/dist/cjs/ic-accordion-group.cjs.entry.js +31 -4
  10. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-accordion.cjs.entry.js +11 -4
  12. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-alert.cjs.entry.js +20 -6
  14. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-back-to-top.cjs.entry.js +26 -17
  16. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-badge.cjs.entry.js +86 -83
  18. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +62 -25
  20. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
  22. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-button_3.cjs.entry.js +145 -103
  24. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-card-horizontal.cjs.entry.js +130 -0
  26. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -0
  27. package/dist/cjs/ic-card.cjs.entry.js +30 -7
  28. package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-checkbox-group.cjs.entry.js +28 -17
  30. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-checkbox.cjs.entry.js +50 -31
  32. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-chip.cjs.entry.js +45 -21
  34. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-classification-banner.cjs.entry.js +14 -5
  36. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-data-entity.cjs.entry.js +3 -6
  38. package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-data-row.cjs.entry.js +21 -35
  40. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +57 -0
  42. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -0
  43. package/dist/cjs/ic-data-table.cjs.entry.js +1079 -84
  44. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-date-input.cjs.entry.js +1123 -0
  46. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -0
  47. package/dist/cjs/ic-date-picker.cjs.entry.js +1129 -0
  48. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -0
  49. package/dist/cjs/ic-dialog.cjs.entry.js +54 -12
  50. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  52. package/dist/cjs/ic-empty-state_2.cjs.entry.js +388 -0
  53. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -0
  54. package/dist/cjs/ic-footer-link-group.cjs.entry.js +4 -4
  55. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
  57. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-footer.cjs.entry.js +18 -7
  59. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-hero.cjs.entry.js +12 -2
  61. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +5 -5
  63. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-input-component-container_4.cjs.entry.js +164 -0
  65. package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -0
  66. package/dist/cjs/ic-link.cjs.entry.js +34 -16
  67. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  69. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-menu-item.cjs.entry.js +21 -20
  71. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-menu-with-multi.cjs.entry.js +2740 -0
  73. package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +1 -0
  74. package/dist/cjs/{ic-input-component-container_3.cjs.entry.js → ic-menu.cjs.entry.js} +17 -80
  75. package/dist/cjs/ic-menu.cjs.entry.js.map +1 -0
  76. package/dist/cjs/ic-navigation-button.cjs.entry.js +28 -7
  77. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-navigation-group.cjs.entry.js +32 -22
  79. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-navigation-item.cjs.entry.js +82 -36
  81. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  83. package/dist/cjs/ic-page-header.cjs.entry.js +10 -10
  84. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-pagination_4.cjs.entry.js +231 -116
  86. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-popover-menu.cjs.entry.js +40 -36
  88. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-radio-group.cjs.entry.js +100 -59
  90. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-radio-option.cjs.entry.js +59 -42
  92. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-search-bar.cjs.entry.js +22 -30
  94. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-section-container.cjs.entry.js +1 -1
  96. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-select-with-multi.cjs.entry.js +796 -0
  98. package/dist/cjs/ic-select-with-multi.cjs.entry.js.map +1 -0
  99. package/dist/cjs/ic-side-navigation.cjs.entry.js +53 -73
  100. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-skeleton.cjs.entry.js +16 -35
  102. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-status-tag.cjs.entry.js +4 -2
  104. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-step.cjs.entry.js +5 -2
  106. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-stepper.cjs.entry.js +31 -9
  108. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-switch.cjs.entry.js +7 -3
  110. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  111. package/dist/cjs/ic-tab-context.cjs.entry.js +78 -130
  112. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  113. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  114. package/dist/cjs/ic-tab-panel.cjs.entry.js +5 -13
  115. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  116. package/dist/cjs/ic-tab.cjs.entry.js +16 -14
  117. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  118. package/dist/cjs/ic-theme.cjs.entry.js +13 -22
  119. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  120. package/dist/cjs/ic-toast-region.cjs.entry.js +6 -0
  121. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  122. package/dist/cjs/ic-toast.cjs.entry.js +21 -18
  123. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  124. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +201 -0
  125. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -0
  126. package/dist/cjs/ic-toggle-button.cjs.entry.js +97 -0
  127. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -0
  128. package/dist/cjs/ic-top-navigation.cjs.entry.js +60 -82
  129. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  130. package/dist/cjs/ic-tree-item.cjs.entry.js +253 -0
  131. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -0
  132. package/dist/cjs/ic-tree-view.cjs.entry.js +215 -0
  133. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -0
  134. package/dist/cjs/ic-typography.cjs.entry.js +51 -14
  135. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  136. package/dist/cjs/index-4cf27b16.js +48 -12
  137. package/dist/cjs/loader.cjs.js +1 -1
  138. package/dist/collection/assets/arrow-dropdown.svg +3 -0
  139. package/dist/collection/assets/calendar.svg +3 -0
  140. package/dist/collection/collection-manifest.json +11 -1
  141. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +658 -0
  142. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +375 -0
  143. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -0
  144. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js +605 -0
  145. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js.map +1 -0
  146. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js +2 -0
  147. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js.map +1 -0
  148. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +140 -0
  149. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -0
  150. package/dist/collection/components/ic-data-table/ic-data-table.css +286 -10
  151. package/dist/collection/components/ic-data-table/ic-data-table.js +1533 -123
  152. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  153. package/dist/collection/components/ic-data-table/ic-data-table.stories.js +414 -0
  154. package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -0
  155. package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
  156. package/dist/collection/components/ic-data-table/story-data.js +1326 -43
  157. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  158. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +460 -3
  159. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  160. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +91 -0
  161. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +160 -0
  162. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -0
  163. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js +98 -0
  164. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js.map +1 -0
  165. package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js +11 -0
  166. package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js.map +1 -0
  167. package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js +70 -0
  168. package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js.map +1 -0
  169. package/dist/collection/components/ic-date-input/ic-date-input.css +564 -0
  170. package/dist/collection/components/ic-date-input/ic-date-input.js +1808 -0
  171. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -0
  172. package/dist/collection/components/ic-date-input/ic-date-input.stories.js +341 -0
  173. package/dist/collection/components/ic-date-input/ic-date-input.stories.js.map +1 -0
  174. package/dist/collection/components/ic-date-input/story-data.js +28 -0
  175. package/dist/collection/components/ic-date-input/story-data.js.map +1 -0
  176. package/dist/collection/components/ic-date-input/test/basic/ic-date-input.spec.js +1158 -0
  177. package/dist/collection/components/ic-date-input/test/basic/ic-date-input.spec.js.map +1 -0
  178. package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js +42 -0
  179. package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js.map +1 -0
  180. package/dist/collection/components/ic-date-picker/ic-date-picker.css +885 -0
  181. package/dist/collection/components/ic-date-picker/ic-date-picker.js +1688 -0
  182. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -0
  183. package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js +167 -0
  184. package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js.map +1 -0
  185. package/dist/collection/components/ic-date-picker/ic-day-button.js +36 -0
  186. package/dist/collection/components/ic-date-picker/ic-day-button.js.map +1 -0
  187. package/dist/collection/components/ic-date-picker/ic-month-picker.js +29 -0
  188. package/dist/collection/components/ic-date-picker/ic-month-picker.js.map +1 -0
  189. package/dist/collection/components/ic-date-picker/ic-year-picker.js +39 -0
  190. package/dist/collection/components/ic-date-picker/ic-year-picker.js.map +1 -0
  191. package/dist/collection/components/ic-date-picker/story-data.js +179 -0
  192. package/dist/collection/components/ic-date-picker/story-data.js.map +1 -0
  193. package/dist/collection/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.js +13 -0
  194. package/dist/collection/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.js.map +1 -0
  195. package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker-utils.spec.js +207 -0
  196. package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker-utils.spec.js.map +1 -0
  197. package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker.spec.js +1030 -0
  198. package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker.spec.js.map +1 -0
  199. package/dist/collection/components/ic-menu-with-multi/ic-menu.css +701 -0
  200. package/dist/collection/components/ic-menu-with-multi/ic-menu.js +1599 -0
  201. package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +1 -0
  202. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +1057 -0
  203. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +1 -0
  204. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +346 -166
  205. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  206. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js +260 -0
  207. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js.map +1 -0
  208. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js +2 -0
  209. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js.map +1 -0
  210. package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js +8 -1
  211. package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js.map +1 -1
  212. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +75 -12
  213. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
  214. package/dist/collection/components/ic-select-with-multi/assets/Check.svg +3 -0
  215. package/dist/collection/components/ic-select-with-multi/assets/Clear.svg +3 -0
  216. package/dist/collection/components/ic-select-with-multi/assets/Expand.svg +3 -0
  217. package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js +144 -0
  218. package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js.map +1 -0
  219. package/dist/collection/components/ic-select-with-multi/ic-select.css +693 -0
  220. package/dist/collection/components/ic-select-with-multi/ic-select.js +1649 -0
  221. package/dist/collection/components/ic-select-with-multi/ic-select.js.map +1 -0
  222. package/dist/collection/components/ic-select-with-multi/story-data.js +216 -0
  223. package/dist/collection/components/ic-select-with-multi/story-data.js.map +1 -0
  224. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js +1518 -0
  225. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js.map +1 -0
  226. package/dist/collection/components/ic-tree-item/ic-tree-item.css +186 -0
  227. package/dist/collection/components/ic-tree-item/ic-tree-item.js +620 -0
  228. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -0
  229. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +117 -0
  230. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -0
  231. package/dist/collection/components/ic-tree-view/ic-tree-view.css +74 -0
  232. package/dist/collection/components/ic-tree-view/ic-tree-view.js +346 -0
  233. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -0
  234. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js +456 -0
  235. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js.map +1 -0
  236. package/dist/collection/components/ic-tree-view/test/basic/ic-tree-view.spec.js +85 -0
  237. package/dist/collection/components/ic-tree-view/test/basic/ic-tree-view.spec.js.map +1 -0
  238. package/dist/collection/utils/constants.js +83 -0
  239. package/dist/collection/utils/constants.js.map +1 -0
  240. package/dist/collection/utils/date-helpers.js +133 -0
  241. package/dist/collection/utils/date-helpers.js.map +1 -0
  242. package/dist/collection/utils/helpers.js +473 -5
  243. package/dist/collection/utils/helpers.js.map +1 -1
  244. package/dist/collection/utils/types.js +58 -0
  245. package/dist/collection/utils/types.js.map +1 -0
  246. package/dist/components/helpers.js +141 -98
  247. package/dist/components/helpers.js.map +1 -1
  248. package/dist/components/helpers2.js +403 -0
  249. package/dist/components/helpers2.js.map +1 -0
  250. package/dist/components/ic-accordion-group.js +38 -7
  251. package/dist/components/ic-accordion-group.js.map +1 -1
  252. package/dist/components/ic-accordion.js +12 -4
  253. package/dist/components/ic-accordion.js.map +1 -1
  254. package/dist/components/ic-alert2.js +21 -6
  255. package/dist/components/ic-alert2.js.map +1 -1
  256. package/dist/components/ic-back-to-top.js +34 -18
  257. package/dist/components/ic-back-to-top.js.map +1 -1
  258. package/dist/components/ic-badge.js +91 -84
  259. package/dist/components/ic-badge.js.map +1 -1
  260. package/dist/components/ic-breadcrumb-group.js +66 -25
  261. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  262. package/dist/components/ic-breadcrumb2.js +2 -2
  263. package/dist/components/ic-breadcrumb2.js.map +1 -1
  264. package/dist/components/ic-button2.js +104 -74
  265. package/dist/components/ic-button2.js.map +1 -1
  266. package/dist/components/ic-card-horizontal.d.ts +11 -0
  267. package/dist/components/ic-card-horizontal.js +168 -0
  268. package/dist/components/ic-card-horizontal.js.map +1 -0
  269. package/dist/components/ic-card.js +34 -21
  270. package/dist/components/ic-card.js.map +1 -1
  271. package/dist/components/ic-checkbox-group.js +33 -18
  272. package/dist/components/ic-checkbox-group.js.map +1 -1
  273. package/dist/components/ic-checkbox.js +58 -33
  274. package/dist/components/ic-checkbox.js.map +1 -1
  275. package/dist/components/ic-chip.js +52 -23
  276. package/dist/components/ic-chip.js.map +1 -1
  277. package/dist/components/ic-classification-banner.js +14 -5
  278. package/dist/components/ic-classification-banner.js.map +1 -1
  279. package/dist/components/ic-data-entity.js +3 -6
  280. package/dist/components/ic-data-entity.js.map +1 -1
  281. package/dist/components/ic-data-row.js +21 -35
  282. package/dist/components/ic-data-row.js.map +1 -1
  283. package/dist/components/ic-data-table-title-bar.d.ts +11 -0
  284. package/dist/components/ic-data-table-title-bar.js +136 -0
  285. package/dist/components/ic-data-table-title-bar.js.map +1 -0
  286. package/dist/components/ic-data-table.js +1119 -91
  287. package/dist/components/ic-data-table.js.map +1 -1
  288. package/dist/components/ic-date-input.d.ts +11 -0
  289. package/dist/components/ic-date-input.js +8 -0
  290. package/dist/components/ic-date-input.js.map +1 -0
  291. package/dist/components/ic-date-input2.js +1359 -0
  292. package/dist/components/ic-date-input2.js.map +1 -0
  293. package/dist/components/ic-date-picker.d.ts +11 -0
  294. package/dist/components/ic-date-picker.js +1258 -0
  295. package/dist/components/ic-date-picker.js.map +1 -0
  296. package/dist/components/ic-dialog.js +55 -12
  297. package/dist/components/ic-dialog.js.map +1 -1
  298. package/dist/components/ic-divider2.js +1 -1
  299. package/dist/components/ic-empty-state.js +1 -57
  300. package/dist/components/ic-empty-state.js.map +1 -1
  301. package/dist/{esm/ic-empty-state.entry.js → components/ic-empty-state2.js} +47 -11
  302. package/dist/components/ic-empty-state2.js.map +1 -0
  303. package/dist/components/ic-footer-link-group.js +4 -4
  304. package/dist/components/ic-footer-link-group.js.map +1 -1
  305. package/dist/components/ic-footer-link.js +3 -3
  306. package/dist/components/ic-footer-link.js.map +1 -1
  307. package/dist/components/ic-footer.js +18 -7
  308. package/dist/components/ic-footer.js.map +1 -1
  309. package/dist/components/ic-hero.js +12 -2
  310. package/dist/components/ic-hero.js.map +1 -1
  311. package/dist/components/ic-horizontal-scroll2.js +5 -5
  312. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  313. package/dist/components/ic-input-component-container2.js +24 -8
  314. package/dist/components/ic-input-component-container2.js.map +1 -1
  315. package/dist/components/ic-input-label2.js +7 -5
  316. package/dist/components/ic-input-label2.js.map +1 -1
  317. package/dist/components/ic-input-validation2.js +1 -1
  318. package/dist/components/ic-link2.js +35 -17
  319. package/dist/components/ic-link2.js.map +1 -1
  320. package/dist/components/ic-loading-indicator2.js +2 -2
  321. package/dist/components/ic-loading-indicator2.js.map +1 -1
  322. package/dist/components/ic-menu-group.js +2 -2
  323. package/dist/components/ic-menu-group.js.map +1 -1
  324. package/dist/components/ic-menu-item2.js +26 -23
  325. package/dist/components/ic-menu-item2.js.map +1 -1
  326. package/dist/components/ic-menu-with-multi.d.ts +11 -0
  327. package/dist/components/ic-menu-with-multi.js +8 -0
  328. package/dist/components/ic-menu-with-multi.js.map +1 -0
  329. package/dist/components/ic-menu2.js +14 -14
  330. package/dist/components/ic-menu2.js.map +1 -1
  331. package/dist/components/ic-menu3.js +2806 -0
  332. package/dist/components/ic-menu3.js.map +1 -0
  333. package/dist/components/ic-navigation-button.js +29 -8
  334. package/dist/components/ic-navigation-button.js.map +1 -1
  335. package/dist/components/ic-navigation-group.js +34 -24
  336. package/dist/components/ic-navigation-group.js.map +1 -1
  337. package/dist/components/ic-navigation-item.js +84 -37
  338. package/dist/components/ic-navigation-item.js.map +1 -1
  339. package/dist/components/ic-navigation-menu2.js +1 -1
  340. package/dist/components/ic-page-header.js +10 -10
  341. package/dist/components/ic-page-header.js.map +1 -1
  342. package/dist/components/ic-pagination-bar2.js +244 -161
  343. package/dist/components/ic-pagination-bar2.js.map +1 -1
  344. package/dist/components/ic-pagination-item2.js +27 -12
  345. package/dist/components/ic-pagination-item2.js.map +1 -1
  346. package/dist/components/ic-pagination2.js +30 -10
  347. package/dist/components/ic-pagination2.js.map +1 -1
  348. package/dist/components/ic-popover-menu.js +43 -38
  349. package/dist/components/ic-popover-menu.js.map +1 -1
  350. package/dist/components/ic-radio-group.js +101 -59
  351. package/dist/components/ic-radio-group.js.map +1 -1
  352. package/dist/components/ic-radio-option.js +63 -44
  353. package/dist/components/ic-radio-option.js.map +1 -1
  354. package/dist/components/ic-search-bar.js +23 -30
  355. package/dist/components/ic-search-bar.js.map +1 -1
  356. package/dist/components/ic-section-container2.js +1 -1
  357. package/dist/components/ic-section-container2.js.map +1 -1
  358. package/dist/components/ic-select-with-multi.d.ts +11 -0
  359. package/dist/components/ic-select-with-multi.js +921 -0
  360. package/dist/components/ic-select-with-multi.js.map +1 -0
  361. package/dist/components/ic-select2.js +77 -30
  362. package/dist/components/ic-select2.js.map +1 -1
  363. package/dist/components/ic-side-navigation.js +56 -74
  364. package/dist/components/ic-side-navigation.js.map +1 -1
  365. package/dist/components/ic-skeleton.js +17 -40
  366. package/dist/components/ic-skeleton.js.map +1 -1
  367. package/dist/components/ic-status-tag.js +3 -1
  368. package/dist/components/ic-status-tag.js.map +1 -1
  369. package/dist/components/ic-step.js +5 -2
  370. package/dist/components/ic-step.js.map +1 -1
  371. package/dist/components/ic-stepper.js +35 -9
  372. package/dist/components/ic-stepper.js.map +1 -1
  373. package/dist/components/ic-switch.js +9 -4
  374. package/dist/components/ic-switch.js.map +1 -1
  375. package/dist/components/ic-tab-context.js +79 -130
  376. package/dist/components/ic-tab-context.js.map +1 -1
  377. package/dist/components/ic-tab-panel.js +6 -17
  378. package/dist/components/ic-tab-panel.js.map +1 -1
  379. package/dist/components/ic-tab.js +16 -14
  380. package/dist/components/ic-tab.js.map +1 -1
  381. package/dist/components/ic-text-field2.js +120 -72
  382. package/dist/components/ic-text-field2.js.map +1 -1
  383. package/dist/components/ic-theme.js +13 -22
  384. package/dist/components/ic-theme.js.map +1 -1
  385. package/dist/components/ic-toast-region.js +6 -0
  386. package/dist/components/ic-toast-region.js.map +1 -1
  387. package/dist/components/ic-toast.js +24 -19
  388. package/dist/components/ic-toast.js.map +1 -1
  389. package/dist/components/ic-toggle-button-group.js +230 -0
  390. package/dist/components/ic-toggle-button-group.js.map +1 -0
  391. package/dist/components/ic-toggle-button.js +148 -0
  392. package/dist/components/ic-toggle-button.js.map +1 -0
  393. package/dist/components/ic-tooltip2.js +52 -30
  394. package/dist/components/ic-tooltip2.js.map +1 -1
  395. package/dist/components/ic-top-navigation.js +61 -83
  396. package/dist/components/ic-top-navigation.js.map +1 -1
  397. package/dist/components/ic-tree-item.d.ts +11 -0
  398. package/dist/components/ic-tree-item.js +300 -0
  399. package/dist/components/ic-tree-item.js.map +1 -0
  400. package/dist/components/ic-tree-view.d.ts +11 -0
  401. package/dist/components/ic-tree-view.js +252 -0
  402. package/dist/components/ic-tree-view.js.map +1 -0
  403. package/dist/components/ic-typography2.js +57 -17
  404. package/dist/components/ic-typography2.js.map +1 -1
  405. package/dist/core/core.css +8 -5
  406. package/dist/core/core.esm.js +1 -1
  407. package/dist/core/core.esm.js.map +1 -1
  408. package/dist/core/p-0229eb46.entry.js +2 -0
  409. package/dist/core/p-0229eb46.entry.js.map +1 -0
  410. package/dist/core/p-04fe848d.entry.js +2 -0
  411. package/dist/core/p-04fe848d.entry.js.map +1 -0
  412. package/dist/core/p-05ae9a59.entry.js +2 -0
  413. package/dist/core/p-05ae9a59.entry.js.map +1 -0
  414. package/dist/core/p-074e64d0.entry.js +2 -0
  415. package/dist/core/p-074e64d0.entry.js.map +1 -0
  416. package/dist/core/p-0f1706e8.entry.js +2 -0
  417. package/dist/core/p-0f1706e8.entry.js.map +1 -0
  418. package/dist/core/p-11877d23.entry.js +2 -0
  419. package/dist/core/p-11877d23.entry.js.map +1 -0
  420. package/dist/core/p-1e450833.entry.js +2 -0
  421. package/dist/core/p-1e450833.entry.js.map +1 -0
  422. package/dist/core/{p-4409f656.entry.js → p-23408776.entry.js} +2 -2
  423. package/dist/core/p-23408776.entry.js.map +1 -0
  424. package/dist/core/p-26fa17fb.entry.js +2 -0
  425. package/dist/core/p-26fa17fb.entry.js.map +1 -0
  426. package/dist/core/p-2b15ea77.entry.js +2 -0
  427. package/dist/core/p-2b15ea77.entry.js.map +1 -0
  428. package/dist/core/p-2d44b81a.entry.js +2 -0
  429. package/dist/core/p-2d44b81a.entry.js.map +1 -0
  430. package/dist/core/p-2ea7af8b.entry.js +2 -0
  431. package/dist/core/p-2ea7af8b.entry.js.map +1 -0
  432. package/dist/core/p-33dd24eb.js +2 -0
  433. package/dist/core/p-33dd24eb.js.map +1 -0
  434. package/dist/core/p-38f329ab.entry.js +2 -0
  435. package/dist/core/p-38f329ab.entry.js.map +1 -0
  436. package/dist/core/p-3cd2056f.entry.js +2 -0
  437. package/dist/core/p-3cd2056f.entry.js.map +1 -0
  438. package/dist/core/p-3d00ad9e.entry.js +2 -0
  439. package/dist/core/p-3d00ad9e.entry.js.map +1 -0
  440. package/dist/core/p-3ebd4703.entry.js +2 -0
  441. package/dist/core/p-3ebd4703.entry.js.map +1 -0
  442. package/dist/core/p-44036532.entry.js +2 -0
  443. package/dist/core/p-44036532.entry.js.map +1 -0
  444. package/dist/core/p-44680720.entry.js +2 -0
  445. package/dist/core/p-44680720.entry.js.map +1 -0
  446. package/dist/core/{p-24945ee5.entry.js → p-452985d9.entry.js} +2 -2
  447. package/dist/core/p-452985d9.entry.js.map +1 -0
  448. package/dist/core/{p-b97dc365.entry.js → p-487fd924.entry.js} +2 -2
  449. package/dist/core/p-56db5123.entry.js +2 -0
  450. package/dist/core/p-56db5123.entry.js.map +1 -0
  451. package/dist/core/p-5a90eaa8.entry.js +2 -0
  452. package/dist/core/p-5a90eaa8.entry.js.map +1 -0
  453. package/dist/core/p-5dd6381a.entry.js +2 -0
  454. package/dist/core/p-5dd6381a.entry.js.map +1 -0
  455. package/dist/core/p-5f149106.entry.js +2 -0
  456. package/dist/core/p-5f149106.entry.js.map +1 -0
  457. package/dist/core/p-61848e6b.entry.js +2 -0
  458. package/dist/core/p-61848e6b.entry.js.map +1 -0
  459. package/dist/core/{p-d77960f6.entry.js → p-656378ba.entry.js} +2 -2
  460. package/dist/core/p-6a920114.entry.js +2 -0
  461. package/dist/core/p-6a920114.entry.js.map +1 -0
  462. package/dist/core/p-6cdf5de2.entry.js +2 -0
  463. package/dist/core/p-6cdf5de2.entry.js.map +1 -0
  464. package/dist/core/p-70ad364c.entry.js +2 -0
  465. package/dist/core/p-70ad364c.entry.js.map +1 -0
  466. package/dist/core/p-70c659ec.entry.js +2 -0
  467. package/dist/core/p-70c659ec.entry.js.map +1 -0
  468. package/dist/core/p-74b42302.entry.js +2 -0
  469. package/dist/core/p-74b42302.entry.js.map +1 -0
  470. package/dist/core/p-75bd12f8.entry.js +2 -0
  471. package/dist/core/p-75bd12f8.entry.js.map +1 -0
  472. package/dist/core/p-780294b8.entry.js +2 -0
  473. package/dist/core/p-780294b8.entry.js.map +1 -0
  474. package/dist/core/{p-baf81f30.entry.js → p-787ffd96.entry.js} +2 -2
  475. package/dist/core/p-787ffd96.entry.js.map +1 -0
  476. package/dist/core/p-7edc19be.entry.js +2 -0
  477. package/dist/core/p-7edc19be.entry.js.map +1 -0
  478. package/dist/core/p-8ab58daa.js +2 -0
  479. package/dist/core/p-8ab58daa.js.map +1 -0
  480. package/dist/core/p-8ced1495.entry.js +2 -0
  481. package/dist/core/p-8ced1495.entry.js.map +1 -0
  482. package/dist/core/{p-939baa93.entry.js → p-95545b4c.entry.js} +2 -2
  483. package/dist/core/p-95545b4c.entry.js.map +1 -0
  484. package/dist/core/p-95d057b8.entry.js +2 -0
  485. package/dist/core/p-95d057b8.entry.js.map +1 -0
  486. package/dist/core/p-987cd821.entry.js +2 -0
  487. package/dist/core/p-987cd821.entry.js.map +1 -0
  488. package/dist/core/{p-41aa0ed3.entry.js → p-9b386822.entry.js} +2 -2
  489. package/dist/core/p-9b386822.entry.js.map +1 -0
  490. package/dist/core/{p-39e20b87.entry.js → p-9bbe221f.entry.js} +2 -2
  491. package/dist/core/{p-39e20b87.entry.js.map → p-9bbe221f.entry.js.map} +1 -1
  492. package/dist/core/p-9f157649.entry.js +2 -0
  493. package/dist/core/p-9f157649.entry.js.map +1 -0
  494. package/dist/core/{p-356b8a4c.entry.js → p-9f3cf053.entry.js} +2 -2
  495. package/dist/core/{p-356b8a4c.entry.js.map → p-9f3cf053.entry.js.map} +1 -1
  496. package/dist/core/p-9f58998d.entry.js +2 -0
  497. package/dist/core/p-9f58998d.entry.js.map +1 -0
  498. package/dist/core/p-a4f28ef1.entry.js +2 -0
  499. package/dist/core/p-a4f28ef1.entry.js.map +1 -0
  500. package/dist/core/p-ac8090a5.entry.js +2 -0
  501. package/dist/core/p-ac8090a5.entry.js.map +1 -0
  502. package/dist/core/p-b1f89f44.entry.js +2 -0
  503. package/dist/core/p-b1f89f44.entry.js.map +1 -0
  504. package/dist/core/p-bc350ec5.entry.js +2 -0
  505. package/dist/core/p-bc350ec5.entry.js.map +1 -0
  506. package/dist/core/p-bd0328f3.entry.js +2 -0
  507. package/dist/core/p-bd0328f3.entry.js.map +1 -0
  508. package/dist/core/p-bf06977d.js +2 -0
  509. package/dist/core/p-bf06977d.js.map +1 -0
  510. package/dist/core/p-c0a2a040.entry.js +2 -0
  511. package/dist/core/p-c0a2a040.entry.js.map +1 -0
  512. package/dist/core/p-cc0e0b46.entry.js +2 -0
  513. package/dist/core/p-cc0e0b46.entry.js.map +1 -0
  514. package/dist/core/p-d0020f6f.entry.js +2 -0
  515. package/dist/core/p-d0020f6f.entry.js.map +1 -0
  516. package/dist/core/{p-3d618bc2.entry.js → p-d1045cd5.entry.js} +2 -2
  517. package/dist/core/p-d56248df.entry.js +2 -0
  518. package/dist/core/p-d56248df.entry.js.map +1 -0
  519. package/dist/core/p-d921dc2c.entry.js +2 -0
  520. package/dist/core/p-d921dc2c.entry.js.map +1 -0
  521. package/dist/core/p-da398a5d.entry.js +2 -0
  522. package/dist/core/p-da398a5d.entry.js.map +1 -0
  523. package/dist/core/{p-2e9e8e7c.entry.js → p-db5af9f7.entry.js} +2 -2
  524. package/dist/core/p-db5af9f7.entry.js.map +1 -0
  525. package/dist/core/p-dd4c83ad.entry.js +2 -0
  526. package/dist/core/p-dd4c83ad.entry.js.map +1 -0
  527. package/dist/core/p-e362b5f3.entry.js +2 -0
  528. package/dist/core/p-e362b5f3.entry.js.map +1 -0
  529. package/dist/core/p-e89c2feb.entry.js +2 -0
  530. package/dist/core/p-e89c2feb.entry.js.map +1 -0
  531. package/dist/core/p-eaeaa096.entry.js +2 -0
  532. package/dist/core/p-eaeaa096.entry.js.map +1 -0
  533. package/dist/core/{p-c2b5e7b1.entry.js → p-eb87b43b.entry.js} +2 -2
  534. package/dist/core/{p-c2b5e7b1.entry.js.map → p-eb87b43b.entry.js.map} +1 -1
  535. package/dist/core/p-f5dfcf4f.entry.js +2 -0
  536. package/dist/core/p-f5dfcf4f.entry.js.map +1 -0
  537. package/dist/core/p-f5fbfbc9.entry.js +2 -0
  538. package/dist/core/p-f5fbfbc9.entry.js.map +1 -0
  539. package/dist/core/p-fac387e8.entry.js +2 -0
  540. package/dist/core/p-fac387e8.entry.js.map +1 -0
  541. package/dist/esm/core.js +1 -1
  542. package/dist/esm/date-helpers-0e5e32a7.js +136 -0
  543. package/dist/esm/date-helpers-0e5e32a7.js.map +1 -0
  544. package/dist/esm/helpers-948df101.js +403 -0
  545. package/dist/esm/helpers-948df101.js.map +1 -0
  546. package/dist/esm/{helpers-268c2b7f.js → helpers-cd64688a.js} +142 -99
  547. package/dist/esm/helpers-cd64688a.js.map +1 -0
  548. package/dist/esm/ic-accordion-group.entry.js +31 -4
  549. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  550. package/dist/esm/ic-accordion.entry.js +11 -4
  551. package/dist/esm/ic-accordion.entry.js.map +1 -1
  552. package/dist/esm/ic-alert.entry.js +20 -6
  553. package/dist/esm/ic-alert.entry.js.map +1 -1
  554. package/dist/esm/ic-back-to-top.entry.js +26 -17
  555. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  556. package/dist/esm/ic-badge.entry.js +86 -83
  557. package/dist/esm/ic-badge.entry.js.map +1 -1
  558. package/dist/esm/ic-breadcrumb-group.entry.js +62 -25
  559. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  560. package/dist/esm/ic-breadcrumb.entry.js +2 -2
  561. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  562. package/dist/esm/ic-button_3.entry.js +145 -103
  563. package/dist/esm/ic-button_3.entry.js.map +1 -1
  564. package/dist/esm/ic-card-horizontal.entry.js +126 -0
  565. package/dist/esm/ic-card-horizontal.entry.js.map +1 -0
  566. package/dist/esm/ic-card.entry.js +30 -7
  567. package/dist/esm/ic-card.entry.js.map +1 -1
  568. package/dist/esm/ic-checkbox-group.entry.js +28 -17
  569. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  570. package/dist/esm/ic-checkbox.entry.js +50 -31
  571. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  572. package/dist/esm/ic-chip.entry.js +45 -21
  573. package/dist/esm/ic-chip.entry.js.map +1 -1
  574. package/dist/esm/ic-classification-banner.entry.js +14 -5
  575. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  576. package/dist/esm/ic-data-entity.entry.js +3 -6
  577. package/dist/esm/ic-data-entity.entry.js.map +1 -1
  578. package/dist/esm/ic-data-row.entry.js +21 -35
  579. package/dist/esm/ic-data-row.entry.js.map +1 -1
  580. package/dist/esm/ic-data-table-title-bar.entry.js +53 -0
  581. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -0
  582. package/dist/esm/ic-data-table.entry.js +1080 -85
  583. package/dist/esm/ic-data-table.entry.js.map +1 -1
  584. package/dist/esm/ic-date-input.entry.js +1119 -0
  585. package/dist/esm/ic-date-input.entry.js.map +1 -0
  586. package/dist/esm/ic-date-picker.entry.js +1125 -0
  587. package/dist/esm/ic-date-picker.entry.js.map +1 -0
  588. package/dist/esm/ic-dialog.entry.js +54 -12
  589. package/dist/esm/ic-dialog.entry.js.map +1 -1
  590. package/dist/esm/ic-divider.entry.js +1 -1
  591. package/dist/esm/ic-empty-state_2.entry.js +383 -0
  592. package/dist/esm/ic-empty-state_2.entry.js.map +1 -0
  593. package/dist/esm/ic-footer-link-group.entry.js +4 -4
  594. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  595. package/dist/esm/ic-footer-link.entry.js +3 -3
  596. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  597. package/dist/esm/ic-footer.entry.js +18 -7
  598. package/dist/esm/ic-footer.entry.js.map +1 -1
  599. package/dist/esm/ic-hero.entry.js +12 -2
  600. package/dist/esm/ic-hero.entry.js.map +1 -1
  601. package/dist/esm/ic-horizontal-scroll.entry.js +5 -5
  602. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  603. package/dist/esm/ic-input-component-container_4.entry.js +157 -0
  604. package/dist/esm/ic-input-component-container_4.entry.js.map +1 -0
  605. package/dist/esm/ic-link.entry.js +35 -17
  606. package/dist/esm/ic-link.entry.js.map +1 -1
  607. package/dist/esm/ic-menu-group.entry.js +2 -2
  608. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  609. package/dist/esm/ic-menu-item.entry.js +21 -20
  610. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  611. package/dist/esm/ic-menu-with-multi.entry.js +2736 -0
  612. package/dist/esm/ic-menu-with-multi.entry.js.map +1 -0
  613. package/dist/esm/{ic-input-component-container_3.entry.js → ic-menu.entry.js} +19 -80
  614. package/dist/esm/ic-menu.entry.js.map +1 -0
  615. package/dist/esm/ic-navigation-button.entry.js +29 -8
  616. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  617. package/dist/esm/ic-navigation-group.entry.js +33 -23
  618. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  619. package/dist/esm/ic-navigation-item.entry.js +83 -37
  620. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  621. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  622. package/dist/esm/ic-page-header.entry.js +10 -10
  623. package/dist/esm/ic-page-header.entry.js.map +1 -1
  624. package/dist/esm/ic-pagination_4.entry.js +232 -117
  625. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  626. package/dist/esm/ic-popover-menu.entry.js +40 -36
  627. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  628. package/dist/esm/ic-radio-group.entry.js +100 -59
  629. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  630. package/dist/esm/ic-radio-option.entry.js +59 -42
  631. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  632. package/dist/esm/ic-search-bar.entry.js +22 -30
  633. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  634. package/dist/esm/ic-section-container.entry.js +1 -1
  635. package/dist/esm/ic-section-container.entry.js.map +1 -1
  636. package/dist/esm/ic-select-with-multi.entry.js +792 -0
  637. package/dist/esm/ic-select-with-multi.entry.js.map +1 -0
  638. package/dist/esm/ic-side-navigation.entry.js +53 -73
  639. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  640. package/dist/esm/ic-skeleton.entry.js +16 -35
  641. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  642. package/dist/esm/ic-status-tag.entry.js +4 -2
  643. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  644. package/dist/esm/ic-step.entry.js +5 -2
  645. package/dist/esm/ic-step.entry.js.map +1 -1
  646. package/dist/esm/ic-stepper.entry.js +31 -9
  647. package/dist/esm/ic-stepper.entry.js.map +1 -1
  648. package/dist/esm/ic-switch.entry.js +7 -3
  649. package/dist/esm/ic-switch.entry.js.map +1 -1
  650. package/dist/esm/ic-tab-context.entry.js +78 -130
  651. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  652. package/dist/esm/ic-tab-group.entry.js +1 -1
  653. package/dist/esm/ic-tab-panel.entry.js +5 -13
  654. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  655. package/dist/esm/ic-tab.entry.js +16 -14
  656. package/dist/esm/ic-tab.entry.js.map +1 -1
  657. package/dist/esm/ic-theme.entry.js +13 -22
  658. package/dist/esm/ic-theme.entry.js.map +1 -1
  659. package/dist/esm/ic-toast-region.entry.js +6 -0
  660. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  661. package/dist/esm/ic-toast.entry.js +21 -18
  662. package/dist/esm/ic-toast.entry.js.map +1 -1
  663. package/dist/esm/ic-toggle-button-group.entry.js +197 -0
  664. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -0
  665. package/dist/esm/ic-toggle-button.entry.js +93 -0
  666. package/dist/esm/ic-toggle-button.entry.js.map +1 -0
  667. package/dist/esm/ic-top-navigation.entry.js +60 -82
  668. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  669. package/dist/esm/ic-tree-item.entry.js +249 -0
  670. package/dist/esm/ic-tree-item.entry.js.map +1 -0
  671. package/dist/esm/ic-tree-view.entry.js +211 -0
  672. package/dist/esm/ic-tree-view.entry.js.map +1 -0
  673. package/dist/esm/ic-typography.entry.js +52 -15
  674. package/dist/esm/ic-typography.entry.js.map +1 -1
  675. package/dist/esm/index-93509377.js +48 -12
  676. package/dist/esm/loader.js +1 -1
  677. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +71 -0
  678. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.stories.d.ts +82 -0
  679. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.types.d.ts +1 -0
  680. package/dist/types/components/ic-data-table/ic-data-table.d.ts +218 -19
  681. package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +239 -0
  682. package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +43 -0
  683. package/dist/types/components/ic-data-table/story-data.d.ts +492 -2
  684. package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.d.ts +36 -0
  685. package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.d.ts +47 -0
  686. package/dist/types/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.d.ts +1 -0
  687. package/dist/types/components/ic-date-input/ic-date-input.d.ts +264 -0
  688. package/dist/types/components/ic-date-input/ic-date-input.stories.d.ts +124 -0
  689. package/dist/types/components/ic-date-input/story-data.d.ts +1 -0
  690. package/dist/types/components/ic-date-input/test/helpers/ic-date-input.d.ts +23 -0
  691. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +262 -0
  692. package/dist/types/components/ic-date-picker/ic-date-picker.stories.d.ts +153 -0
  693. package/dist/types/components/ic-date-picker/ic-day-button.d.ts +16 -0
  694. package/dist/types/components/ic-date-picker/ic-month-picker.d.ts +14 -0
  695. package/dist/types/components/ic-date-picker/ic-year-picker.d.ts +16 -0
  696. package/dist/types/components/ic-date-picker/story-data.d.ts +24 -0
  697. package/dist/types/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.d.ts +1 -0
  698. package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +218 -0
  699. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +65 -23
  700. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.stories.d.ts +106 -0
  701. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts +4 -0
  702. package/dist/types/components/ic-select-with-multi/ic-select-multi.stories.d.ts +106 -0
  703. package/dist/types/components/ic-select-with-multi/ic-select.d.ts +289 -0
  704. package/dist/types/components/ic-select-with-multi/story-data.d.ts +32 -0
  705. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +101 -0
  706. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +51 -0
  707. package/dist/types/components/ic-tree-view/ic-tree-view.stories.d.ts +99 -0
  708. package/dist/types/components.d.ts +1711 -127
  709. package/dist/types/interface.d.ts +1 -0
  710. package/dist/types/utils/constants.d.ts +38 -0
  711. package/dist/types/utils/date-helpers.d.ts +22 -0
  712. package/dist/types/utils/helpers.d.ts +144 -2
  713. package/dist/types/utils/types.d.ts +126 -0
  714. package/hydrate/index.js +18298 -9132
  715. package/package.json +27 -17
  716. package/dist/cjs/helpers-bbe55215.js.map +0 -1
  717. package/dist/cjs/ic-empty-state.cjs.entry.js +0 -38
  718. package/dist/cjs/ic-empty-state.cjs.entry.js.map +0 -1
  719. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +0 -1
  720. package/dist/cjs/ic-input-label_2.cjs.entry.js +0 -86
  721. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +0 -1
  722. package/dist/cjs/ic-pagination-bar.cjs.entry.js +0 -285
  723. package/dist/cjs/ic-pagination-bar.cjs.entry.js.map +0 -1
  724. package/dist/collection/components/ic-pagination/ic-pagination.types.js +0 -2
  725. package/dist/collection/components/ic-pagination/ic-pagination.types.js.map +0 -1
  726. package/dist/core/p-0083465b.entry.js +0 -2
  727. package/dist/core/p-0083465b.entry.js.map +0 -1
  728. package/dist/core/p-03487f12.entry.js +0 -2
  729. package/dist/core/p-03487f12.entry.js.map +0 -1
  730. package/dist/core/p-03f8fa1a.entry.js +0 -2
  731. package/dist/core/p-03f8fa1a.entry.js.map +0 -1
  732. package/dist/core/p-0c18b6a0.entry.js +0 -2
  733. package/dist/core/p-0c18b6a0.entry.js.map +0 -1
  734. package/dist/core/p-1bc034aa.entry.js +0 -2
  735. package/dist/core/p-1bc034aa.entry.js.map +0 -1
  736. package/dist/core/p-20a76d1d.entry.js +0 -2
  737. package/dist/core/p-20a76d1d.entry.js.map +0 -1
  738. package/dist/core/p-24945ee5.entry.js.map +0 -1
  739. package/dist/core/p-2dc35696.entry.js +0 -2
  740. package/dist/core/p-2dc35696.entry.js.map +0 -1
  741. package/dist/core/p-2e9e8e7c.entry.js.map +0 -1
  742. package/dist/core/p-3ee25a6d.entry.js +0 -2
  743. package/dist/core/p-3ee25a6d.entry.js.map +0 -1
  744. package/dist/core/p-41aa0ed3.entry.js.map +0 -1
  745. package/dist/core/p-4314aa0e.entry.js +0 -2
  746. package/dist/core/p-4314aa0e.entry.js.map +0 -1
  747. package/dist/core/p-4409f656.entry.js.map +0 -1
  748. package/dist/core/p-47abbd06.entry.js +0 -2
  749. package/dist/core/p-47abbd06.entry.js.map +0 -1
  750. package/dist/core/p-485823b6.entry.js +0 -2
  751. package/dist/core/p-485823b6.entry.js.map +0 -1
  752. package/dist/core/p-4ee59448.entry.js +0 -2
  753. package/dist/core/p-4ee59448.entry.js.map +0 -1
  754. package/dist/core/p-5157cfab.entry.js +0 -2
  755. package/dist/core/p-5157cfab.entry.js.map +0 -1
  756. package/dist/core/p-53083575.entry.js +0 -2
  757. package/dist/core/p-53083575.entry.js.map +0 -1
  758. package/dist/core/p-55d5541f.entry.js +0 -2
  759. package/dist/core/p-55d5541f.entry.js.map +0 -1
  760. package/dist/core/p-5bb32ee6.entry.js +0 -2
  761. package/dist/core/p-5bb32ee6.entry.js.map +0 -1
  762. package/dist/core/p-67eea079.entry.js +0 -2
  763. package/dist/core/p-67eea079.entry.js.map +0 -1
  764. package/dist/core/p-6bd0e984.entry.js +0 -2
  765. package/dist/core/p-6bd0e984.entry.js.map +0 -1
  766. package/dist/core/p-75bf6162.entry.js +0 -2
  767. package/dist/core/p-75bf6162.entry.js.map +0 -1
  768. package/dist/core/p-76959313.entry.js +0 -2
  769. package/dist/core/p-76959313.entry.js.map +0 -1
  770. package/dist/core/p-7de813a3.entry.js +0 -2
  771. package/dist/core/p-7de813a3.entry.js.map +0 -1
  772. package/dist/core/p-7eae5f70.entry.js +0 -2
  773. package/dist/core/p-7eae5f70.entry.js.map +0 -1
  774. package/dist/core/p-85508347.entry.js +0 -2
  775. package/dist/core/p-85508347.entry.js.map +0 -1
  776. package/dist/core/p-8da152c4.entry.js +0 -2
  777. package/dist/core/p-8da152c4.entry.js.map +0 -1
  778. package/dist/core/p-8fd4ca0a.js +0 -2
  779. package/dist/core/p-8fd4ca0a.js.map +0 -1
  780. package/dist/core/p-939baa93.entry.js.map +0 -1
  781. package/dist/core/p-9777ebb1.entry.js +0 -2
  782. package/dist/core/p-9777ebb1.entry.js.map +0 -1
  783. package/dist/core/p-9c27b73e.entry.js +0 -2
  784. package/dist/core/p-9c27b73e.entry.js.map +0 -1
  785. package/dist/core/p-9fa6844f.entry.js +0 -2
  786. package/dist/core/p-9fa6844f.entry.js.map +0 -1
  787. package/dist/core/p-9fdd7d73.entry.js +0 -2
  788. package/dist/core/p-9fdd7d73.entry.js.map +0 -1
  789. package/dist/core/p-a3ab9f4c.entry.js +0 -2
  790. package/dist/core/p-a3ab9f4c.entry.js.map +0 -1
  791. package/dist/core/p-a51e5c7c.entry.js +0 -2
  792. package/dist/core/p-a51e5c7c.entry.js.map +0 -1
  793. package/dist/core/p-a7481232.entry.js +0 -2
  794. package/dist/core/p-a7481232.entry.js.map +0 -1
  795. package/dist/core/p-ab9f8a3f.entry.js +0 -2
  796. package/dist/core/p-ab9f8a3f.entry.js.map +0 -1
  797. package/dist/core/p-b2aa3d7c.entry.js +0 -2
  798. package/dist/core/p-b2aa3d7c.entry.js.map +0 -1
  799. package/dist/core/p-b5cf6d65.entry.js +0 -2
  800. package/dist/core/p-b5cf6d65.entry.js.map +0 -1
  801. package/dist/core/p-baf81f30.entry.js.map +0 -1
  802. package/dist/core/p-bc187bb5.entry.js +0 -2
  803. package/dist/core/p-bc187bb5.entry.js.map +0 -1
  804. package/dist/core/p-bd9cecce.entry.js +0 -2
  805. package/dist/core/p-bd9cecce.entry.js.map +0 -1
  806. package/dist/core/p-be980606.entry.js +0 -2
  807. package/dist/core/p-be980606.entry.js.map +0 -1
  808. package/dist/core/p-c1256810.entry.js +0 -2
  809. package/dist/core/p-c1256810.entry.js.map +0 -1
  810. package/dist/core/p-d76cfa5a.entry.js +0 -2
  811. package/dist/core/p-d76cfa5a.entry.js.map +0 -1
  812. package/dist/core/p-e189f1d0.entry.js +0 -2
  813. package/dist/core/p-e189f1d0.entry.js.map +0 -1
  814. package/dist/core/p-e9e145aa.entry.js +0 -2
  815. package/dist/core/p-e9e145aa.entry.js.map +0 -1
  816. package/dist/core/p-f0e9a83f.entry.js +0 -2
  817. package/dist/core/p-f0e9a83f.entry.js.map +0 -1
  818. package/dist/core/p-f23d2102.entry.js +0 -2
  819. package/dist/core/p-f23d2102.entry.js.map +0 -1
  820. package/dist/core/p-f87e8411.entry.js +0 -2
  821. package/dist/core/p-f87e8411.entry.js.map +0 -1
  822. package/dist/esm/helpers-268c2b7f.js.map +0 -1
  823. package/dist/esm/ic-empty-state.entry.js.map +0 -1
  824. package/dist/esm/ic-input-component-container_3.entry.js.map +0 -1
  825. package/dist/esm/ic-input-label_2.entry.js +0 -81
  826. package/dist/esm/ic-input-label_2.entry.js.map +0 -1
  827. package/dist/esm/ic-pagination-bar.entry.js +0 -281
  828. package/dist/esm/ic-pagination-bar.entry.js.map +0 -1
  829. package/dist/types/components/ic-pagination/ic-pagination.types.d.ts +0 -6
  830. /package/dist/core/{p-b97dc365.entry.js.map → p-487fd924.entry.js.map} +0 -0
  831. /package/dist/core/{p-d77960f6.entry.js.map → p-656378ba.entry.js.map} +0 -0
  832. /package/dist/core/{p-3d618bc2.entry.js.map → p-d1045cd5.entry.js.map} +0 -0
@@ -0,0 +1,1258 @@
1
+ import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
2
+ import { a as dateInRange, g as getMonthEnd, b as getMonthStart, y as yearInRange, c as dateMatches, e as getWeekStart, f as getWeekEnd, h as clampDate, i as createDate, d as defineCustomElement$9 } from './ic-date-input2.js';
3
+ import { s as stringEnumToArray, v as IcDayNames, w as IcDateInputMonths, x as IcWeekDays, r as removeDisabledFalse, o as onComponentRequiredPropUndefined, y as IcShortDayNames } from './helpers2.js';
4
+ import { d as defineCustomElement$a } from './ic-button2.js';
5
+ import { d as defineCustomElement$8 } from './ic-input-component-container2.js';
6
+ import { d as defineCustomElement$7 } from './ic-input-container2.js';
7
+ import { d as defineCustomElement$6 } from './ic-input-label2.js';
8
+ import { d as defineCustomElement$5 } from './ic-input-validation2.js';
9
+ import { d as defineCustomElement$4 } from './ic-loading-indicator2.js';
10
+ import { d as defineCustomElement$3 } from './ic-tooltip2.js';
11
+ import { d as defineCustomElement$2 } from './ic-typography2.js';
12
+
13
+ const chevron = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
14
+ <path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
15
+ </svg>
16
+ `;
17
+
18
+ const DayButton = ({ focussed, today, day, monthInView, onFocusDay, onBlurDay, onSelectDay, selected, focussedDayRef, inRange, showDaysOutsideMonth, disableDay, }) => {
19
+ const handleDayClick = () => {
20
+ onSelectDay(day);
21
+ };
22
+ const handleDayFocus = () => {
23
+ onFocusDay();
24
+ };
25
+ const handleDayBlur = () => {
26
+ onBlurDay();
27
+ };
28
+ const dayNames = stringEnumToArray(IcDayNames);
29
+ const months = stringEnumToArray(IcDateInputMonths);
30
+ const outsideRange = !inRange || disableDay;
31
+ const outsideMonth = monthInView !== day.getMonth();
32
+ const disabled = outsideRange || (outsideMonth && !showDaysOutsideMonth);
33
+ return (h("div", { class: "day-button-container" },
34
+ h("button", { class: {
35
+ "day-button": true,
36
+ "outside-month": outsideMonth,
37
+ "outside-range": outsideRange,
38
+ hidden: outsideMonth && !showDaysOutsideMonth,
39
+ disabled: disabled,
40
+ today: today,
41
+ selected: selected,
42
+ focussed: focussed,
43
+ }, tabIndex: focussed ? 0 : -1, "aria-hidden": outsideMonth ? "true" : "false", "aria-disabled": disabled ? "true" : "false", "aria-current": today ? "date" : undefined, "aria-label": disabled || outsideMonth || outsideRange
44
+ ? undefined
45
+ : `Choose ${dayNames[day.getDay()]}, ${day.getDate()} ${months[day.getMonth()]} ${day.getFullYear()}`, disabled: disabled, onClick: handleDayClick, onBlur: handleDayBlur, onFocus: handleDayFocus, ref: (el) => {
46
+ if (focussed && el && focussedDayRef) {
47
+ focussedDayRef(el);
48
+ }
49
+ } }, (!outsideMonth || (outsideMonth && showDaysOutsideMonth)) && (h("ic-typography", { variant: "subtitle-small", italic: outsideMonth }, day.getDate())))));
50
+ };
51
+
52
+ const MonthPicker = ({ size, focussedMonth, monthInView, onSelectMonth, onKeyDown, focussedMonthRef, minDate, maxDate, yearInView, }) => {
53
+ const handleMonthClick = (ev) => {
54
+ const button = ev.target;
55
+ onSelectMonth(Number(button.getAttribute("data-month")));
56
+ };
57
+ const monthNames = stringEnumToArray(IcDateInputMonths);
58
+ return (h("div", { class: {
59
+ "month-picker": true,
60
+ }, role: "list" }, monthNames.map((month, index) => {
61
+ const current = monthInView === index;
62
+ const focussed = focussedMonth === index;
63
+ const outsideRange = !dateInRange(new Date(yearInView, index, 1), minDate ? getMonthStart(minDate) : null, maxDate ? getMonthEnd(maxDate) : null);
64
+ return (h("ic-button", { role: "listitem", class: {
65
+ "month-button": true,
66
+ selected: current,
67
+ focussed: focussed,
68
+ disabled: outsideRange,
69
+ }, "full-width": true, disabled: outsideRange, variant: current ? "primary" : "tertiary", "data-month": index, size: size, tabIndex: focussed ? 0 : -1, "aria-current": current ? "true" : "false", "aria-label": current ? "" : `select ${month}`, onClick: handleMonthClick, onKeyDown: onKeyDown, ref: (el) => {
70
+ if (focussed && el) {
71
+ focussedMonthRef(el);
72
+ }
73
+ } }, month));
74
+ })));
75
+ };
76
+
77
+ const YearPicker = ({ decadeView, size, focussedYear, yearInView, onSelectYear, onFocusYear, onBlurYear, onKeyDown, minDate, maxDate, focussedYearRef, }) => {
78
+ const handleYearClick = (ev) => {
79
+ const button = ev.target;
80
+ onSelectYear(Number(button.getAttribute("data-year")));
81
+ };
82
+ const handleYearFocus = () => {
83
+ onFocusYear();
84
+ };
85
+ const handleYearBlur = () => {
86
+ onBlurYear();
87
+ };
88
+ const navButtonMouseDownHandler = (ev) => {
89
+ ev.preventDefault();
90
+ };
91
+ const prevDecade = decadeView[0];
92
+ const nextDecade = decadeView[11];
93
+ const years = decadeView.slice(1, 11);
94
+ return (h("div", { class: "year-picker", role: "list" },
95
+ h("div", { class: "prev-decade", "aria-hidden": "true" },
96
+ h("ic-button", { id: "prev-decade-button", class: {
97
+ "year-button": true,
98
+ }, disabled: !yearInRange(prevDecade, minDate, maxDate), "data-year": prevDecade, tabIndex: -1, variant: "tertiary", onClick: handleYearClick, onMouseDown: navButtonMouseDownHandler, "aria-hidden": "true", size: size },
99
+ `${prevDecade - 9}s`,
100
+ h("svg", { slot: "left-icon", width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
101
+ h("path", { d: "M11.3333 5.33341H3.21996L6.94663 1.60675L5.99996 0.666748L0.666626 6.00008L5.99996 11.3334L6.93996 10.3934L3.21996 6.66675H11.3333V5.33341Z", fill: "currentColor" })))),
102
+ years.map((yr) => {
103
+ const current = yearInView === yr;
104
+ const focussed = focussedYear === yr;
105
+ return (h("ic-button", { class: {
106
+ "year-button": true,
107
+ selected: current,
108
+ focussed: focussed,
109
+ }, disabled: !yearInRange(yr, minDate, maxDate), "data-year": yr, tabIndex: focussed ? 0 : -1, variant: current ? "primary" : "tertiary", onClick: handleYearClick, "aria-label": current ? "" : `select ${yr}`, role: "listitem", "aria-current": current ? "true" : "false", onKeyDown: onKeyDown, onFocus: handleYearFocus, onBlur: handleYearBlur, size: size, ref: (el) => {
110
+ if (focussed && el) {
111
+ focussedYearRef(el);
112
+ }
113
+ } }, yr));
114
+ }),
115
+ h("div", { class: "next-decade", "aria-hidden": "true" },
116
+ h("ic-button", { id: "next-decade-button", class: {
117
+ "year-button": true,
118
+ flip: true,
119
+ }, disabled: !yearInRange(nextDecade, minDate, maxDate), "data-year": nextDecade, tabIndex: -1, variant: "tertiary", onClick: handleYearClick, onMouseDown: navButtonMouseDownHandler, "aria-hidden": "true", size: size },
120
+ `${nextDecade}s`,
121
+ h("svg", { slot: "right-icon", width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
122
+ h("path", { d: "M11.3333 5.33341H3.21996L6.94663 1.60675L5.99996 0.666748L0.666626 6.00008L5.99996 11.3334L6.93996 10.3934L3.21996 6.66675H11.3333V5.33341Z", fill: "currentColor" }))))));
123
+ };
124
+
125
+ const icDatePickerCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;--month-year-picker-button-width:5rem;--month-button-width:5.5rem;--input-field-width:var(--input-width, 19.125rem)}:host(.large){--month-button-width:6.3125rem;--input-field-width:var(--input-width, 21.125rem)}:host(.small){--month-button-width:6.25rem;--input-field-width:var(--input-width, 17.125rem)}:host .date-input-container{position:relative}ic-date-input{--input-width:var(--input-field-width)}:host .calendar-container{min-width:19rem;max-width:23.5rem;width:var(--input-width);display:flex;flex-direction:column;gap:var(--ic-space-xs);position:absolute;align-items:center;background-color:var(--ic-architectural-white);z-index:var(--ic-z-index-date-picker);box-sizing:border-box;margin-top:var(--ic-space-xxxs);padding:var(--ic-space-xs);animation:fade-in-calendar var(--ic-transition-duration-slow)}:host .calendar-container.show-date-input{border:var(--ic-border-default);border-radius:var(--ic-border-radius);box-shadow:var(--ic-elevation-overlay)}:host .calendar-container.hide-date-input{position:static}:host(.small) .calendar-container{min-width:17rem;max-width:21.5rem}:host(.large) .calendar-container{min-width:21rem;max-width:25.5rem}:host .calendar-container.above{bottom:calc(var(--ic-space-xxl) - var(--ic-space-xxs))}:host .month-year-nav-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch}:host .month-year-nav-container.hidden{display:none}:host .month-year-nav{display:flex;justify-content:space-between;align-items:center;flex:1 0 0}:host .month-picker,:host .year-picker{flex-wrap:wrap;display:inline-flex;align-items:center;width:17.5rem;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs);row-gap:var(--ic-space-xxs)}:host(.small) .month-picker,:host(.small) .year-picker{width:13.125rem}:host(.large) .month-picker,:host(.large) .year-picker{width:20rem}:host .month-picker-button,:host .year-picker-button{width:5rem;--min-width:5rem}:host .month-button,:host .year-button{width:var(--month-button-width)}:host .month-button.focussed,:host .year-button.focussed{z-index:1}:host .month-button::part(button),:host .year-button::part(button){min-width:var(--month-button-width)}:host .prev-decade .year-button svg{margin-right:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}:host .prev-decade .year-button::part(button){padding-left:0;padding-right:var(--ic-space-lg)}:host(.small) .prev-decade .year-button::part(button){padding-left:0;padding-right:calc(var(--ic-space-lg) + var(--ic-space-xxs))}:host .next-decade .year-button svg{margin-left:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}:host .next-decade .year-button::part(button){padding-right:0;padding-left:var(--ic-space-lg)}:host(.small) .next-decade .year-button::part(button),:host(.large) .next-decade .year-button::part(button){padding-left:var(--ic-space-xl)}:host .bottom-buttons{padding-top:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center;align-self:stretch;animation:fade-in-buttons var(--ic-transition-duration-slow)}:host(.small) .bottom-buttons{padding-top:var(--ic-space-xxs)}:host .bottom-buttons.no-today{align-items:flex-end;flex-direction:column}:host .bottom-buttons.hidden{display:none}:host .calendar{display:flex;flex-direction:column;align-items:flex-start;width:15.75rem;animation:fade-in-buttons var(--ic-transition-duration-slow)}:host(.large) .calendar{width:19.25rem}:host(.small) .calendar{padding-bottom:var(--ic-space-xxs);width:14rem}:host .hidden{display:none}:host .weekdays{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--ic-space-xs);align-self:stretch}:host .calendar-days-container{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--ic-space-xs);padding:var(--ic-space-xxs) 0}:host(.small) .calendar-days-container{padding:var(--ic-space-xxxs) 0}:host(.large) .calendar-days-container{padding:var(--ic-space-xs) 0}:host .calendar-day-header{display:flex;width:2rem;padding:var(--ic-space-xxs) 0;justify-content:center;align-items:center}:host(.small) .calendar-day-header,:host(.large) .calendar-day-header{padding:var(--ic-space-xxs)}:host .calendar-day-header ic-typography{color:var(--ic-color-tertiary-text);text-align:center}:host .day-button-container{display:flex;justify-content:center;align-items:center;width:2.25rem;height:2.25rem}:host(.small) .day-button-container{width:2rem;height:2rem}:host(.large) .day-button-container{width:2.5rem;height:2.5rem}:host .day-button{display:flex;position:relative;justify-content:center;align-items:center;border:0;border-radius:2rem;background-color:var(--ic-architectural-white);width:2rem;height:2rem;cursor:pointer;transition:var(--ic-easing-transition-fast);z-index:0}:host .day-button.disabled{cursor:default}:host(.large) .day-button{width:2.25rem;height:2.25rem}:host(.small) .day-button{width:1.75rem;height:1.75rem}:host .day-button ic-typography{width:1.75rem;color:var(--ic-color-primary-text)}:host .day-button.outside-range ic-typography{color:var(--ic-architectural-400)}:host .day-button.outside-month ic-typography{font-weight:var(--ic-font-weight-regular) !important}:host .day-button.outside-month:not(.outside-range):not(.selected) ic-typography{color:var(--ic-color-primary-text)}:host .day-button:hover:not(.disabled){background-color:var(--ic-action-dark-bg-hover)}:host .day-button:active:not(.disabled){background-color:var(--ic-action-dark-bg-active)}@media (prefers-reduced-motion: no-preference){:host .day-button:hover:not(.disabled):not(.focussed),:host .day-button:active:not(.disabled):not(.focussed){transition:background-color var(--ic-transition-duration-slow) ease-in-out}}:host .day-button.selected:not(.hidden){background-color:var(--ic-action-default)}:host .day-button.selected ic-typography{color:var(--ic-color-white-text)}:host .day-button.selected:not(.hidden):hover{background-color:var(--ic-action-default-hover)}:host .day-button.selected:not(.hidden):active{background-color:var(--ic-action-default-active)}:host .day-button.focussed{z-index:1}:host .day-button:focus{outline:none}:host .day-button.focussed:focus{box-shadow:var(--ic-border-focus)}:host .day-button.today:not(.hidden)::after{content:\"\";position:absolute;width:0.875rem;height:0.125rem;bottom:0.4rem;border-radius:var(--ic-border-radius);background-color:var(--ic-action-default)}:host(.small) .day-button.today::after{bottom:0.35rem}:host(.large) .day-button.today::after{width:1rem}:host .day-button.today.selected::after{background-color:var(--ic-architectural-white)}:host #select-month-hint,:host #select-year-hint{display:none}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){:host .calendar-container,:host .calendar,:host .bottom-buttons{animation:none}}@keyframes fade-in-buttons{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes fade-in-calendar{0%{display:flex;max-height:0}100%{display:flex;max-height:600px}}@media (forced-colors: active){:host .day-button.today:not(.hidden)::after{background-color:highlight}:host .day-button.selected:not(.hidden){background-color:highlight}:host .day-button.focussed:focus{border:var(--ic-hc-border)}:host .month-button.selected::part(button),:host .year-button.selected::part(button){background-color:highlight}}";
126
+
127
+ const DEFAULT_DATE_FORMAT = "DD/MM/YYYY";
128
+ const DEFAULT_DISABLE_DATES_FROM_NOW_MSG = "Dates in the future are not allowed. Please select a date in the past.";
129
+ const DEFAULT_DISABLE_DATES_UNTIL_NOW_MSG = "Dates in the past are not allowed. Please select a date in the future.";
130
+ const DEFAULT_DISABLE_DAYS_MSG = "The date you have selected is on a day of the week that is not allowed. Please select another date.";
131
+ const FOCUS_TIMER = 100;
132
+ const PICKER_HEIGHT_SMALL = 360;
133
+ const PICKER_HEIGHT_DEFAULT = 400;
134
+ const PICKER_HEIGHT_LARGE = 440;
135
+ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends HTMLElement {
136
+ constructor() {
137
+ super();
138
+ this.__registerHost();
139
+ this.__attachShadow();
140
+ this.icChange = createEvent(this, "icChange", 7);
141
+ this.icSelectedDateChange = createEvent(this, "icSelectedDateChange", 7);
142
+ this.clearButtonEl = null;
143
+ this.daysOfWeek = [];
144
+ this.dayButtonFocussed = false;
145
+ this.dayPickerKeyboardNav = false;
146
+ this.dialogDescription = "";
147
+ this.focusDay = true;
148
+ this.liveRegionEl = null;
149
+ this.monthNames = [];
150
+ this.monthInViewUpdateHandled = false;
151
+ this.myCalendarButtonClicked = false;
152
+ this.showPickerAbove = false;
153
+ this.today = new Date();
154
+ this.todayButtonEl = null;
155
+ this.yearButtonFocussed = false;
156
+ this.setDecadeView = (start) => {
157
+ let currYear = start - 1;
158
+ const decadeArr = [];
159
+ while (currYear <= start + 10) {
160
+ decadeArr.push(currYear);
161
+ currYear++;
162
+ }
163
+ this.decadeView = decadeArr;
164
+ this.decadeStart = decadeArr[1];
165
+ this.decadeEnd = decadeArr[10];
166
+ };
167
+ this.notifyScreenReaderSelectedDate = () => {
168
+ const dayNames = stringEnumToArray(IcDayNames);
169
+ const months = stringEnumToArray(IcDateInputMonths);
170
+ this.selectedDateInfoEl.textContent = this.selectedDate
171
+ ? `Selected date: ${dayNames[this.selectedDate.getDay()]}, ${this.selectedDate.getDate()} ${months[this.selectedDate.getMonth()]} ${this.selectedDate.getFullYear()}`
172
+ : "Selected date cleared";
173
+ };
174
+ this.setSelectedDate = (d, emit = true) => {
175
+ if (d === null || !dateMatches(d, this.selectedDate)) {
176
+ this.selectedDate = d;
177
+ this.value = d;
178
+ if (emit) {
179
+ if (this.inputEl) {
180
+ this.inputEl.triggerIcChange(d);
181
+ }
182
+ else {
183
+ if (this.selectedDate) {
184
+ this.setFocussedDate(this.selectedDate);
185
+ }
186
+ this.icSelectedDateChange.emit({ value: d });
187
+ if (!this.showDateInput && this.selectedDateInfoEl) {
188
+ this.notifyScreenReaderSelectedDate();
189
+ }
190
+ }
191
+ }
192
+ }
193
+ };
194
+ this.handleCalendarMouseDown = (event) => {
195
+ const target = event.target;
196
+ if (target.tagName !== "IC-BUTTON") {
197
+ event.preventDefault();
198
+ }
199
+ };
200
+ this.handleCalendarClick = (event) => {
201
+ this.clearDialogDescription();
202
+ event.stopImmediatePropagation();
203
+ };
204
+ this.handleDocumentClick = () => {
205
+ if (this.showDateInput) {
206
+ this.calendarOpen = false;
207
+ }
208
+ };
209
+ this.keyDownHandler = (event) => {
210
+ if (event.key === "Escape") {
211
+ if (this.calendarOpen) {
212
+ this.closeButtonClickHandler();
213
+ if (this.inputEl) {
214
+ this.inputEl.setCalendarFocus();
215
+ }
216
+ event.stopImmediatePropagation();
217
+ }
218
+ }
219
+ else {
220
+ this.clearDialogDescription();
221
+ event.stopImmediatePropagation();
222
+ }
223
+ };
224
+ this.closeButtonClickHandler = () => {
225
+ if (this.showDateInput) {
226
+ this.calendarOpen = false;
227
+ }
228
+ };
229
+ this.focusFirstElement = () => {
230
+ this.monthButtonEl.setFocus();
231
+ };
232
+ this.focusLastElement = () => {
233
+ if (this.showPickerClearButton && !this.clearButtonEl.disabled) {
234
+ this.clearButtonEl.setFocus();
235
+ }
236
+ else if (this.showPickerTodayButton && !this.todayButtonEl.disabled) {
237
+ this.todayButtonEl.setFocus();
238
+ }
239
+ else if (this.monthPickerVisible) {
240
+ this.focussedMonthEl.setFocus();
241
+ }
242
+ else if (this.yearPickerVisible) {
243
+ this.focussedYearEl.setFocus();
244
+ }
245
+ else {
246
+ this.focussedDayEl.focus();
247
+ }
248
+ };
249
+ this.focusFocussedDay = () => {
250
+ this.focussedDayEl.focus();
251
+ };
252
+ this.monthButtonClickHandler = () => {
253
+ this.yearPickerVisible = false;
254
+ this.focusDay = false;
255
+ this.monthPickerVisible = !this.monthPickerVisible;
256
+ if (this.monthPickerVisible) {
257
+ this.setAriaLiveRegionText("Month picker view open");
258
+ }
259
+ else {
260
+ this.setMonthSelectedLiveRegionText();
261
+ }
262
+ };
263
+ this.yearButtonClickHandler = () => {
264
+ this.monthPickerVisible = false;
265
+ this.focusDay = false;
266
+ this.yearPickerVisible = !this.yearPickerVisible;
267
+ if (this.yearPickerVisible) {
268
+ this.setAriaLiveRegionText(`Year picker view open. ${this.getDecadeInViewText()}`);
269
+ }
270
+ else {
271
+ this.setYearSelectedLiveRegionText();
272
+ }
273
+ };
274
+ this.todayButtonClickHandler = () => {
275
+ this.yearPickerVisible = false;
276
+ this.monthPickerVisible = false;
277
+ this.setFocussedDate(new Date());
278
+ this.setAriaLiveRegionText(this.getMonthInViewText());
279
+ setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);
280
+ };
281
+ this.todayButtonKeyDownHandler = (ev) => {
282
+ if (ev.key === "Tab" && !ev.shiftKey && this.clearButtonEl.disabled) {
283
+ this.focusFirstElement();
284
+ ev.preventDefault();
285
+ }
286
+ };
287
+ this.clearButtonClickHandler = () => {
288
+ this.setSelectedDate(null);
289
+ let text = "Selected date cleared.";
290
+ if (!this.monthPickerVisible && !this.yearPickerVisible) {
291
+ text += ` ${this.getMonthInViewText()}`;
292
+ }
293
+ if (this.monthPickerVisible) {
294
+ this.focussedMonthEl.setFocus();
295
+ }
296
+ else if (this.yearPickerVisible) {
297
+ this.focussedYearEl.setFocus();
298
+ }
299
+ else {
300
+ this.focusFocussedDay();
301
+ }
302
+ this.setAriaLiveRegionText(text);
303
+ };
304
+ this.setMonthSelectedLiveRegionText = () => {
305
+ this.setAriaLiveRegionText(`${this.monthNames[this.monthInView]} selected. ${this.getMonthInViewText()}`);
306
+ };
307
+ this.setYearSelectedLiveRegionText = () => {
308
+ this.setAriaLiveRegionText(`${this.yearInView} selected. ${this.getMonthInViewText()}`);
309
+ };
310
+ this.getMonthInViewText = () => {
311
+ return `${this.monthNames[this.monthInView]} ${this.yearInView} currently in view.`;
312
+ };
313
+ this.getDecadeInViewText = () => {
314
+ return `${this.decadeStart} to ${this.decadeEnd} currently in view.`;
315
+ };
316
+ this.setAriaLiveRegionText = (text) => {
317
+ this.liveRegionEl && (this.liveRegionEl.innerText = text);
318
+ };
319
+ this.clearDialogDescription = () => {
320
+ this.dialogDescription = "";
321
+ };
322
+ this.clearButtonKeyDownHandler = (ev) => {
323
+ if (ev.key === "Tab" && !ev.shiftKey) {
324
+ this.focusFirstElement();
325
+ ev.preventDefault();
326
+ }
327
+ };
328
+ this.goToPreviousMonth = (focusDay = false) => {
329
+ this.focusDay = focusDay;
330
+ this.moveMonths(-1);
331
+ };
332
+ this.goToNextMonth = (focusDay = false) => {
333
+ this.focusDay = focusDay;
334
+ this.moveMonths(1);
335
+ };
336
+ this.goToPreviousYear = (focusDay = false) => {
337
+ if (this.isPrevYearAllowed()) {
338
+ this.focusDay = focusDay;
339
+ this.moveYears(-1);
340
+ }
341
+ };
342
+ this.goToNextYear = (focusDay = false) => {
343
+ if (this.isNextYearAllowed()) {
344
+ this.focusDay = focusDay;
345
+ this.moveYears(1);
346
+ }
347
+ };
348
+ this.navButtonMouseDownHandler = (ev) => {
349
+ ev.preventDefault();
350
+ };
351
+ this.renderMonthYearNavButton = (id, flip, disabled) => {
352
+ const buttonSize = this.size;
353
+ return (h("div", { "aria-hidden": "true" }, h("ic-button", { id: id, disableTooltip: true, disabled: disabled, onClick: this.monthYearNavClickHandler, class: { flip: flip }, variant: "icon", innerHTML: chevron, size: buttonSize, tabIndex: -1, "aria-hidden": "true", onMouseDown: this.navButtonMouseDownHandler })));
354
+ };
355
+ this.monthYearNavClickHandler = (ev) => {
356
+ const target = ev.target;
357
+ switch (target.id) {
358
+ case "previous-month-button":
359
+ this.goToPreviousMonth(this.dayButtonFocussed);
360
+ break;
361
+ case "next-month-button":
362
+ this.goToNextMonth(this.dayButtonFocussed);
363
+ break;
364
+ case "previous-year-button":
365
+ this.goToPreviousYear(this.dayButtonFocussed);
366
+ break;
367
+ case "next-year-button":
368
+ this.goToNextYear(this.dayButtonFocussed);
369
+ break;
370
+ }
371
+ };
372
+ this.previousMonthButton = () => {
373
+ let disabled = false;
374
+ if (this.focussedDate !== null && this.minDate !== null) {
375
+ const yearMatch = this.focussedDate.getFullYear() === this.minDate.getFullYear();
376
+ if (yearMatch) {
377
+ disabled = this.monthInView - 1 < this.minDate.getMonth();
378
+ }
379
+ }
380
+ return this.renderMonthYearNavButton("previous-month-button", true, disabled);
381
+ };
382
+ this.nextMonthButton = () => {
383
+ let disabled = false;
384
+ if (this.focussedDate !== null && this.maxDate !== null) {
385
+ const yearMatch = this.focussedDate.getFullYear() === this.maxDate.getFullYear();
386
+ if (yearMatch) {
387
+ disabled = this.monthInView + 1 > this.maxDate.getMonth();
388
+ }
389
+ }
390
+ return this.renderMonthYearNavButton("next-month-button", false, disabled);
391
+ };
392
+ this.previousYearButton = () => {
393
+ return this.renderMonthYearNavButton("previous-year-button", true, !this.isPrevYearAllowed());
394
+ };
395
+ this.nextYearButton = () => {
396
+ return this.renderMonthYearNavButton("next-year-button", false, !this.isNextYearAllowed());
397
+ };
398
+ this.isPrevYearAllowed = () => {
399
+ return this.isYearAllowed(this.yearInView - 1);
400
+ };
401
+ this.isNextYearAllowed = () => {
402
+ return this.isYearAllowed(this.yearInView + 1);
403
+ };
404
+ this.isYearAllowed = (yr) => {
405
+ return yearInRange(yr, this.minDate, this.maxDate);
406
+ };
407
+ this.getMonthView = (date) => {
408
+ const start = getWeekStart(getMonthStart(date), this.startOfWeek);
409
+ const end = getWeekEnd(getMonthEnd(date), this.startOfWeek);
410
+ const days = [];
411
+ let current = start;
412
+ while (!dateMatches(current, end)) {
413
+ days.push(current);
414
+ current = new Date(current);
415
+ current.setDate(current.getDate() + 1);
416
+ }
417
+ days.push(current);
418
+ return days;
419
+ };
420
+ this.isCurrentMonth = () => {
421
+ const d = new Date();
422
+ return (d.getFullYear() === this.yearInView && d.getMonth() === this.monthInView);
423
+ };
424
+ this.updateMonthInView = () => {
425
+ this.currMonthView = this.getMonthView(this.focussedDate);
426
+ this.focussedDay = this.focussedDate.getDate();
427
+ this.monthInView = this.focussedDate.getMonth();
428
+ this.yearInView = this.focussedDate.getFullYear();
429
+ if (this.dayPickerKeyboardNav) {
430
+ this.monthInViewUpdateHandled = true;
431
+ this.setAriaLiveRegionText(this.getMonthInViewText());
432
+ this.dayPickerKeyboardNav = false;
433
+ }
434
+ };
435
+ this.handleSelectDay = (day) => {
436
+ this.setSelectedDate(day);
437
+ if (this.showDateInput) {
438
+ this.calendarOpen = false;
439
+ if (this.inputEl) {
440
+ this.inputEl.setCalendarFocus();
441
+ }
442
+ }
443
+ };
444
+ this.handleSelectMonth = (month) => {
445
+ this.moveMonths(month - this.monthInView);
446
+ setTimeout(() => {
447
+ this.monthButtonEl.setFocus();
448
+ this.monthPickerVisible = false;
449
+ this.setMonthSelectedLiveRegionText();
450
+ }, FOCUS_TIMER);
451
+ };
452
+ this.handleSelectYear = (year) => {
453
+ const yrPos = this.decadeView.indexOf(year);
454
+ if (yrPos > 0 && yrPos < this.decadeView.length - 1) {
455
+ this.moveYears(year - this.yearInView);
456
+ this.focusDay = false;
457
+ const monthName = this.monthNames[this.monthInView];
458
+ this.setAriaLiveRegionText(`${year} selected. ${monthName} ${year} currently in view.`);
459
+ setTimeout(() => {
460
+ this.yearButtonEl.setFocus();
461
+ this.yearPickerVisible = false;
462
+ }, FOCUS_TIMER);
463
+ }
464
+ else {
465
+ const moveYears = year - this.focussedYear > 0 ? 10 : -10;
466
+ this.updateFocussedYear(moveYears, this.yearButtonFocussed);
467
+ this.setAriaLiveRegionText(this.getDecadeInViewText());
468
+ }
469
+ };
470
+ this.monthPickerKeyDownHandler = (ev) => {
471
+ let handled = true;
472
+ switch (ev.key) {
473
+ case "ArrowUp":
474
+ case "ArrowLeft":
475
+ this.updateFocussedMonth(-1);
476
+ break;
477
+ case "ArrowDown":
478
+ case "ArrowRight":
479
+ this.updateFocussedMonth(1);
480
+ break;
481
+ case "Home":
482
+ this.updateFocussedMonth(-this.focussedMonth);
483
+ break;
484
+ case "End":
485
+ this.updateFocussedMonth(11 - this.focussedMonth);
486
+ break;
487
+ case "Tab":
488
+ handled = this.calendarTabHandler(ev);
489
+ break;
490
+ case "Escape":
491
+ ev.stopImmediatePropagation();
492
+ this.monthPickerVisible = false;
493
+ setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);
494
+ break;
495
+ default:
496
+ handled = false;
497
+ }
498
+ if (handled) {
499
+ ev.preventDefault();
500
+ }
501
+ };
502
+ this.yearPickerKeyDownHandler = (ev) => {
503
+ let handled = true;
504
+ switch (ev.key) {
505
+ case "ArrowUp":
506
+ case "ArrowLeft":
507
+ this.updateFocussedYear(-1);
508
+ break;
509
+ case "ArrowDown":
510
+ case "ArrowRight":
511
+ this.updateFocussedYear(1);
512
+ break;
513
+ case "Home":
514
+ if (this.focussedYear > this.decadeStart) {
515
+ this.updateFocussedYear(this.decadeStart - this.focussedYear);
516
+ }
517
+ break;
518
+ case "End":
519
+ if (this.focussedYear < this.decadeEnd) {
520
+ this.updateFocussedYear(this.decadeEnd - this.focussedYear);
521
+ }
522
+ break;
523
+ case "PageUp":
524
+ this.updateFocussedYear(-10);
525
+ break;
526
+ case "PageDown":
527
+ this.updateFocussedYear(10);
528
+ break;
529
+ case "Tab":
530
+ handled = this.calendarTabHandler(ev);
531
+ break;
532
+ case "Escape":
533
+ ev.stopImmediatePropagation();
534
+ this.yearPickerVisible = false;
535
+ setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);
536
+ break;
537
+ default:
538
+ handled = false;
539
+ }
540
+ if (handled) {
541
+ ev.preventDefault();
542
+ }
543
+ };
544
+ this.onYearButtonFocusHandler = () => {
545
+ this.yearButtonFocussed = true;
546
+ };
547
+ this.onYearButtonBlurHandler = () => {
548
+ this.yearButtonFocussed = false;
549
+ };
550
+ this.monthButtonKeyDownHandler = (ev) => {
551
+ let handled = false;
552
+ switch (ev.key) {
553
+ case "ArrowLeft":
554
+ case "ArrowUp":
555
+ handled = true;
556
+ this.goToPreviousMonth();
557
+ break;
558
+ case "ArrowRight":
559
+ case "ArrowDown":
560
+ handled = true;
561
+ this.goToNextMonth();
562
+ break;
563
+ case "Home":
564
+ handled = true;
565
+ this.focusDay = false;
566
+ this.moveMonths(-this.monthInView);
567
+ break;
568
+ case "End":
569
+ handled = true;
570
+ this.focusDay = false;
571
+ this.moveMonths(11 - this.monthInView);
572
+ break;
573
+ case "Tab":
574
+ if (ev.shiftKey) {
575
+ handled = true;
576
+ this.focusLastElement();
577
+ }
578
+ break;
579
+ case "Escape":
580
+ if (this.monthPickerVisible) {
581
+ this.monthPickerVisible = false;
582
+ ev.stopImmediatePropagation();
583
+ }
584
+ break;
585
+ }
586
+ if (handled) {
587
+ ev.preventDefault();
588
+ }
589
+ };
590
+ this.yearButtonKeyDownHandler = (ev) => {
591
+ let handled = false;
592
+ switch (ev.key) {
593
+ case "ArrowLeft":
594
+ case "ArrowUp":
595
+ handled = true;
596
+ this.goToPreviousYear();
597
+ break;
598
+ case "ArrowRight":
599
+ case "ArrowDown":
600
+ handled = true;
601
+ this.goToNextYear();
602
+ break;
603
+ case "Home":
604
+ if (this.yearPickerVisible && this.yearInView > this.decadeStart) {
605
+ handled = true;
606
+ this.moveYears(this.decadeStart - this.yearInView);
607
+ }
608
+ break;
609
+ case "End":
610
+ if (this.yearPickerVisible && this.yearInView < this.decadeEnd) {
611
+ handled = true;
612
+ this.moveYears(this.decadeEnd - this.focussedYear);
613
+ }
614
+ break;
615
+ case "PageUp":
616
+ handled = true;
617
+ this.focusDay = false;
618
+ this.moveYears(-10);
619
+ break;
620
+ case "PageDown":
621
+ handled = true;
622
+ this.focusDay = false;
623
+ this.moveYears(10);
624
+ break;
625
+ case "Escape":
626
+ if (this.yearPickerVisible) {
627
+ this.yearPickerVisible = false;
628
+ ev.stopImmediatePropagation();
629
+ }
630
+ break;
631
+ }
632
+ if (handled) {
633
+ ev.preventDefault();
634
+ }
635
+ };
636
+ this.handleCalendarKeyDown = (ev) => {
637
+ let handled = true;
638
+ switch (ev.key) {
639
+ case "ArrowDown":
640
+ this.dayPickerKeyboardNav = true;
641
+ this.moveDays(7);
642
+ break;
643
+ case "ArrowUp":
644
+ this.dayPickerKeyboardNav = true;
645
+ this.moveDays(-7);
646
+ break;
647
+ case "ArrowLeft":
648
+ this.dayPickerKeyboardNav = true;
649
+ this.moveDays(-1 * this.getNextDayToFocus(this.focussedDate, false));
650
+ break;
651
+ case "ArrowRight":
652
+ this.dayPickerKeyboardNav = true;
653
+ this.moveDays(this.getNextDayToFocus(this.focussedDate, true));
654
+ break;
655
+ case "PageUp":
656
+ this.dayPickerKeyboardNav = true;
657
+ ev.shiftKey ? this.moveYears(-1) : this.moveMonths(-1);
658
+ break;
659
+ case "PageDown":
660
+ this.dayPickerKeyboardNav = true;
661
+ ev.shiftKey ? this.moveYears(1) : this.moveMonths(1);
662
+ break;
663
+ case "Home":
664
+ this.dayPickerKeyboardNav = true;
665
+ this.setFocussedDate(new Date(this.focussedYear, this.focussedMonth, 1));
666
+ break;
667
+ case "End":
668
+ this.dayPickerKeyboardNav = true;
669
+ this.setFocussedDate(new Date(this.focussedYear, this.focussedMonth + 1, 0));
670
+ break;
671
+ case "Tab":
672
+ handled = this.calendarTabHandler(ev);
673
+ break;
674
+ default:
675
+ handled = false;
676
+ break;
677
+ }
678
+ if (handled) {
679
+ ev.preventDefault();
680
+ }
681
+ };
682
+ this.calendarTabHandler = (ev) => {
683
+ let handled = false;
684
+ if (!ev.shiftKey &&
685
+ (!this.showPickerTodayButton || this.isCurrentMonth()) &&
686
+ (!this.showPickerClearButton || this.clearButtonEl.disabled)) {
687
+ this.focusFirstElement();
688
+ handled = true;
689
+ }
690
+ else if (ev.shiftKey) {
691
+ this.yearButtonEl.setFocus();
692
+ handled = true;
693
+ }
694
+ return handled;
695
+ };
696
+ this.onDayButtonFocusHandler = () => {
697
+ this.dayButtonFocussed = true;
698
+ };
699
+ this.onDayButtonBlurHandler = () => {
700
+ this.dayButtonFocussed = false;
701
+ };
702
+ this.getNextDayToFocus = (currDay, forward, level = 1) => {
703
+ const move = forward ? 1 : -1;
704
+ const nextDay = new Date(currDay);
705
+ nextDay.setDate(nextDay.getDate() + move);
706
+ const nextDayNum = Number(nextDay.getDay());
707
+ if (this.disableDays.includes(nextDayNum)) {
708
+ return this.getNextDayToFocus(nextDay, forward, level + 1);
709
+ }
710
+ else {
711
+ return level;
712
+ }
713
+ };
714
+ this.moveDays = (numDays) => {
715
+ const d = new Date(this.focussedDate);
716
+ d.setDate(d.getDate() + numDays);
717
+ this.setFocussedDate(d);
718
+ };
719
+ this.moveMonths = (numMonths) => {
720
+ const newMonth = this.focussedDate.getMonth() + numMonths;
721
+ const min = new Date(new Date(getMonthStart(this.focussedDate)).setMonth(newMonth));
722
+ const max = getMonthEnd(min);
723
+ const newDate = new Date(new Date(this.focussedDate).setMonth(newMonth));
724
+ this.setFocussedDate(clampDate(newDate, min, max));
725
+ if (this.monthPickerVisible === false &&
726
+ this.yearPickerVisible === false &&
727
+ this.monthInViewUpdateHandled === false) {
728
+ this.setAriaLiveRegionText(this.getMonthInViewText());
729
+ }
730
+ this.monthInViewUpdateHandled = false;
731
+ };
732
+ this.moveYears = (numYears) => {
733
+ const newYear = this.focussedDate.getFullYear() + numYears;
734
+ const min = new Date(new Date(getMonthStart(this.focussedDate)).setFullYear(newYear));
735
+ const max = getMonthEnd(min);
736
+ const newDate = new Date(new Date(this.focussedDate).setFullYear(newYear));
737
+ this.setFocussedDate(clampDate(newDate, min, max));
738
+ if (this.monthPickerVisible === false &&
739
+ this.yearPickerVisible === false &&
740
+ this.monthInViewUpdateHandled === false) {
741
+ this.setAriaLiveRegionText(this.getMonthInViewText());
742
+ }
743
+ this.monthInViewUpdateHandled = false;
744
+ };
745
+ this.updateFocussedMonth = (adjust) => {
746
+ const d = new Date(this.focussedYear, this.focussedMonth, 1);
747
+ d.setMonth(this.focussedMonth + adjust);
748
+ const newDate = clampDate(d, this.minDate, this.maxDate);
749
+ this.focussedMonth = newDate.getMonth();
750
+ setTimeout(() => this.focussedMonthEl.setFocus(), FOCUS_TIMER);
751
+ };
752
+ this.updateFocussedYear = (adjust, focusYear = true) => {
753
+ const d = new Date(new Date().setFullYear(this.focussedYear + adjust));
754
+ const newDate = clampDate(d, this.minDate, this.maxDate);
755
+ this.setFocussedYear(newDate.getFullYear(), focusYear);
756
+ };
757
+ this.setFocussedDate = (d) => {
758
+ this.focussedDate = clampDate(d, this.minDate, this.maxDate);
759
+ };
760
+ this.setFocussedDayEl = (element) => {
761
+ this.focussedDayEl = element;
762
+ };
763
+ this.setFocussedMonthEl = (element) => {
764
+ this.focussedMonthEl = element;
765
+ };
766
+ this.setFocussedYearEl = (element) => {
767
+ this.focussedYearEl = element;
768
+ };
769
+ this.setFocussedYear = (newYear, focus = true) => {
770
+ const prevYear = this.focussedYear;
771
+ this.focussedYear = newYear;
772
+ if (this.yearPickerVisible) {
773
+ const newDecade = Math.floor(newYear / 10) * 10;
774
+ const oldDecade = Math.floor(prevYear / 10) * 10;
775
+ if (newDecade !== oldDecade) {
776
+ this.setDecadeView(newDecade);
777
+ this.setAriaLiveRegionText(this.getDecadeInViewText());
778
+ }
779
+ if (focus) {
780
+ setTimeout(() => {
781
+ if (this.focussedYearEl !== null)
782
+ this.focussedYearEl.setFocus();
783
+ }, FOCUS_TIMER);
784
+ }
785
+ }
786
+ else {
787
+ this.setDecadeView(Math.floor(newYear / 10) * 10);
788
+ }
789
+ };
790
+ this.setDateInputProps = () => {
791
+ const inputProps = {
792
+ hideLabel: this.hideLabel,
793
+ invalidDateMessage: this.invalidDateMessage,
794
+ label: this.label,
795
+ showClearButton: true,
796
+ showCalendarButton: true,
797
+ value: this.value,
798
+ };
799
+ if (this.dateFormat !== DEFAULT_DATE_FORMAT) {
800
+ inputProps.dateFormat = this.dateFormat;
801
+ }
802
+ if (this.disableFuture) {
803
+ inputProps.disableFuture = this.disableFuture;
804
+ if (this.disableFutureMessage !== DEFAULT_DISABLE_DATES_FROM_NOW_MSG) {
805
+ inputProps.disableFutureMessage = this.disableFutureMessage;
806
+ }
807
+ }
808
+ if (this.disablePast) {
809
+ inputProps.disablePast = this.disablePast;
810
+ if (this.disablePastMessage !== DEFAULT_DISABLE_DATES_UNTIL_NOW_MSG) {
811
+ inputProps.disablePastMessage = this.disablePastMessage;
812
+ }
813
+ }
814
+ if (this.disableDays.length > 0) {
815
+ inputProps.disableDays = this.disableDays;
816
+ if (this.disableDaysMessage !== DEFAULT_DISABLE_DAYS_MSG) {
817
+ inputProps.disableDaysMessage = this.disableDaysMessage;
818
+ }
819
+ }
820
+ if (this.max !== null && this.max !== "") {
821
+ inputProps.max = this.maxDate;
822
+ }
823
+ if (this.min !== null && this.min !== "") {
824
+ inputProps.min = this.minDate;
825
+ }
826
+ if (this.helperText !== undefined) {
827
+ inputProps.helperText = this.helperText;
828
+ }
829
+ if (this.hideHelperText !== false) {
830
+ inputProps.hideHelperText = this.hideHelperText;
831
+ }
832
+ if (this.inputId !== undefined) {
833
+ inputProps.inputId = this.inputId;
834
+ }
835
+ if (this.name !== undefined) {
836
+ inputProps.name = this.name;
837
+ }
838
+ if (this.disabled) {
839
+ inputProps.disabled = this.disabled;
840
+ }
841
+ if (this.required) {
842
+ inputProps.required = this.required;
843
+ }
844
+ if (this.size !== "default") {
845
+ inputProps.size = this.size;
846
+ }
847
+ if (this.validationStatus !== "") {
848
+ inputProps.validationStatus = this.validationStatus;
849
+ }
850
+ if (this.validationText !== "") {
851
+ inputProps.validationText = this.validationText;
852
+ }
853
+ return inputProps;
854
+ };
855
+ this.renderHiddenInput = () => !this.showDateInput ? (h("span", { id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, h("span", { ref: (el) => (this.selectedDateInfoEl = el), role: "status" }))) : ("");
856
+ this.renderCalendar = () => {
857
+ const { monthNames, size, focussedMonth, focussedYear, monthInView, yearInView, monthPickerVisible, yearPickerVisible, orderedDaysOfWeek, decadeView, minDate, maxDate, showPickerClearButton, showPickerTodayButton, dialogDescription, } = this;
858
+ let monthButtonText = "";
859
+ if (monthPickerVisible) {
860
+ monthButtonText = `Use the arrow keys to change the selected month. To return to day picker view, press Enter or Space to select a month, or press Escape.`;
861
+ }
862
+ else {
863
+ monthButtonText = `Press Enter or Space to open month picker view or use the arrow keys to change month.`;
864
+ }
865
+ let yearButtonText = "";
866
+ if (yearPickerVisible) {
867
+ yearButtonText = `Use the arrow keys to change the selected year. To return to day picker view, press Enter or Space to select a year, or press Escape.`;
868
+ }
869
+ else {
870
+ yearButtonText = `Press Enter or Space to open year picker view or use the arrow keys to change the selected year.`;
871
+ }
872
+ const dialogLabel = "choose date";
873
+ const monthLabel = monthNames && monthNames[monthInView]
874
+ ? monthNames[monthInView]
875
+ : "Open month picker";
876
+ const yearLabel = this.yearInView ? this.yearInView : "Open year picker";
877
+ let minDay = minDate;
878
+ if (this.disablePast) {
879
+ const yesterday = new Date(minDate);
880
+ yesterday.setDate(minDate.getDate() - 1);
881
+ minDay = yesterday;
882
+ }
883
+ return (h("div", null, h("span", { id: "dialog-description", class: "sr-only" }, dialogDescription), h("div", { role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
884
+ "calendar-container": true,
885
+ "show-date-input": this.showDateInput,
886
+ "hide-date-input": !this.showDateInput,
887
+ above: this.showPickerAbove,
888
+ }, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, h("span", { ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), h("div", { class: {
889
+ "month-year-nav-container": true,
890
+ } }, h("div", { class: "month-year-nav" }, this.previousMonthButton(), h("span", { id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), h("ic-button", { ref: (el) => (this.monthButtonEl = el), size: size, class: "month-picker-button", "aria-haspopup": "menu", "aria-expanded": monthPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": monthLabel, "aria-describedby": "select-month-hint", onKeyDown: this.monthButtonKeyDownHandler, onClick: this.monthButtonClickHandler }, monthNames[monthInView]), this.nextMonthButton()), h("div", { class: "month-year-nav" }, this.previousYearButton(), h("span", { id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), h("ic-button", { ref: (el) => (this.yearButtonEl = el), size: size, class: "year-picker-button", "aria-haspopup": "menu", "aria-expanded": yearPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": yearLabel, "aria-describedby": "select-year-hint", onKeyDown: this.yearButtonKeyDownHandler, onClick: this.yearButtonClickHandler }, this.yearInView), this.nextYearButton())), !(monthPickerVisible || yearPickerVisible) && (h("div", { class: {
891
+ calendar: true,
892
+ hidden: monthPickerVisible || yearPickerVisible,
893
+ }, onKeyDown: this.handleCalendarKeyDown }, h("div", { class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
894
+ const header = size === "small" ? dayName.charAt(0) : dayName;
895
+ return (h("div", { class: "calendar-day-header" }, h("ic-typography", { variant: "caption" }, header)));
896
+ })), h("div", { class: "calendar-days-container" }, this.currMonthView.map((day) => (h(DayButton, { day: day, disableDay: this.disableDays.includes(Number(day.getDay())), today: dateMatches(day, this.today), selected: dateMatches(day, this.selectedDate), focussed: dateMatches(day, this.focussedDate), inRange: dateInRange(day, minDay, maxDate), monthInView: monthInView, onSelectDay: this.handleSelectDay, focussedDayRef: this.setFocussedDayEl, onFocusDay: this.onDayButtonFocusHandler, onBlurDay: this.onDayButtonBlurHandler, showDaysOutsideMonth: this.showDaysOutsideMonth })))))), h("div", { class: {
897
+ "month-picker-container": true,
898
+ hidden: !monthPickerVisible,
899
+ } }, monthPickerVisible && (h(MonthPicker, { size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), h("div", { class: {
900
+ "year-picker-container": true,
901
+ hidden: !yearPickerVisible,
902
+ } }, yearPickerVisible && (h(YearPicker, { decadeView: decadeView, size: size, focussedYear: focussedYear, onSelectYear: this.handleSelectYear, onKeyDown: this.yearPickerKeyDownHandler, onFocusYear: this.onYearButtonFocusHandler, onBlurYear: this.onYearButtonBlurHandler, yearInView: yearInView, minDate: minDate, maxDate: maxDate, focussedYearRef: this.setFocussedYearEl }))), h("div", { class: {
903
+ "bottom-buttons": true,
904
+ "no-today": !showPickerTodayButton,
905
+ } }, showPickerTodayButton && (h("ic-button", { id: "today-button", variant: "tertiary", ref: (el) => (this.todayButtonEl = el), size: size, "aria-label": "Navigate to current date", onClick: this.todayButtonClickHandler, onKeyDown: this.todayButtonKeyDownHandler, disabled: this.isCurrentMonth() }, "Go to today")), showPickerClearButton && (h("ic-button", { id: "clear-button", "aria-label": "clear selected date", ref: (el) => (this.clearButtonEl = el), variant: "tertiary", size: size, onClick: this.clearButtonClickHandler, onKeyDown: this.clearButtonKeyDownHandler, disabled: this.value === "" ||
906
+ this.value === null ||
907
+ this.value === undefined }, "Clear")))), this.renderHiddenInput()));
908
+ };
909
+ this.calendarOpen = false;
910
+ this.currMonthView = [];
911
+ this.currYearPickerView = [];
912
+ this.decadeView = [];
913
+ this.focussedDate = null;
914
+ this.focussedDay = undefined;
915
+ this.focussedDayEl = undefined;
916
+ this.focussedMonth = undefined;
917
+ this.focussedMonthEl = undefined;
918
+ this.focussedYear = undefined;
919
+ this.maxDate = null;
920
+ this.minDate = null;
921
+ this.monthInView = undefined;
922
+ this.monthPickerVisible = false;
923
+ this.orderedDaysOfWeek = [];
924
+ this.selectedDate = null;
925
+ this.yearInView = undefined;
926
+ this.yearPickerVisible = false;
927
+ this.dateFormat = "DD/MM/YYYY";
928
+ this.disabled = false;
929
+ this.disableDays = [];
930
+ this.disableDaysMessage = "The date you have selected is on a day of the week that is not allowed. Please select another date.";
931
+ this.disableFuture = false;
932
+ this.disableFutureMessage = "Dates in the future are not allowed. Please select a date in the past.";
933
+ this.disablePast = false;
934
+ this.disablePastMessage = "Dates in the past are not allowed. Please select a date in the future.";
935
+ this.helperText = undefined;
936
+ this.hideHelperText = false;
937
+ this.hideLabel = false;
938
+ this.inputId = undefined;
939
+ this.invalidDateMessage = "Please enter a valid date.";
940
+ this.label = undefined;
941
+ this.max = "";
942
+ this.min = "";
943
+ this.name = undefined;
944
+ this.openAtDate = "";
945
+ this.required = false;
946
+ this.showDateInput = true;
947
+ this.showDaysOutsideMonth = true;
948
+ this.showPickerClearButton = true;
949
+ this.showPickerTodayButton = true;
950
+ this.size = "default";
951
+ this.startOfWeek = IcWeekDays.Monday;
952
+ this.validationStatus = "";
953
+ this.validationText = "";
954
+ this.value = "";
955
+ }
956
+ watchDisabledHandler() {
957
+ removeDisabledFalse(this.disabled, this.el);
958
+ }
959
+ watchDisableFutureHandler() {
960
+ this.watchMaxHandler();
961
+ }
962
+ watchDisablePastHandler() {
963
+ this.watchMinHandler();
964
+ }
965
+ watchMaxHandler() {
966
+ if (this.disableFuture) {
967
+ this.maxDate = new Date();
968
+ }
969
+ else {
970
+ this.maxDate = createDate(this.max, this.dateFormat);
971
+ }
972
+ }
973
+ watchMinHandler() {
974
+ if (this.disablePast) {
975
+ this.minDate = new Date();
976
+ }
977
+ else {
978
+ this.minDate = createDate(this.min, this.dateFormat);
979
+ }
980
+ }
981
+ watchShowDateInputHandler() {
982
+ if (!this.showDateInput) {
983
+ this.calendarOpen = true;
984
+ }
985
+ }
986
+ watchStartOfWeekHandler() {
987
+ this.orderedDaysOfWeek = this.daysOfWeek
988
+ .slice(this.startOfWeek)
989
+ .concat(this.daysOfWeek.slice(0, this.startOfWeek));
990
+ if (this.calendarOpen) {
991
+ this.updateMonthInView();
992
+ }
993
+ }
994
+ watchOpenHandler() {
995
+ if (this.calendarOpen) {
996
+ if (this.inputEl) {
997
+ let pickerHeight = PICKER_HEIGHT_DEFAULT;
998
+ if (this.size === "small") {
999
+ pickerHeight = PICKER_HEIGHT_SMALL;
1000
+ }
1001
+ else if (this.size === "large") {
1002
+ pickerHeight = PICKER_HEIGHT_LARGE;
1003
+ }
1004
+ if (this.el.offsetTop + this.inputEl.offsetHeight + pickerHeight >
1005
+ window.innerHeight &&
1006
+ this.el.offsetTop > pickerHeight) {
1007
+ this.showPickerAbove = true;
1008
+ }
1009
+ else {
1010
+ this.showPickerAbove = false;
1011
+ }
1012
+ }
1013
+ if (this.selectedDate === null ||
1014
+ !dateInRange(this.selectedDate, this.minDate, this.maxDate)) {
1015
+ let openAt = new Date();
1016
+ if (this.openAtDate !== "") {
1017
+ openAt = createDate(this.openAtDate, this.dateFormat);
1018
+ }
1019
+ this.setFocussedDate(openAt);
1020
+ }
1021
+ else {
1022
+ this.setFocussedDate(this.selectedDate);
1023
+ }
1024
+ let dialogDesc = this.getMonthInViewText();
1025
+ if (this.selectedDate === null) {
1026
+ dialogDesc += " No date selected.";
1027
+ }
1028
+ dialogDesc +=
1029
+ " Use arrow keys to change day. Press enter or space to select a date or press escape to close the picker";
1030
+ this.dialogDescription = dialogDesc;
1031
+ setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);
1032
+ document.addEventListener("click", this.handleDocumentClick);
1033
+ }
1034
+ else {
1035
+ document.removeEventListener("click", this.handleDocumentClick);
1036
+ this.monthPickerVisible = false;
1037
+ this.yearPickerVisible = false;
1038
+ }
1039
+ }
1040
+ watchFocussedDateHandler(current, previous) {
1041
+ if (previous === null ||
1042
+ !(previous.getFullYear() === current.getFullYear() &&
1043
+ previous.getMonth() === current.getMonth())) {
1044
+ this.updateMonthInView();
1045
+ }
1046
+ }
1047
+ watchMonthInViewHandler() {
1048
+ this.focussedMonth = this.monthInView;
1049
+ }
1050
+ watchYearInViewHandler() {
1051
+ this.setFocussedYear(this.yearInView, false);
1052
+ }
1053
+ watchYearPickerVisibleHandler() {
1054
+ if (!this.yearPickerVisible) {
1055
+ this.setFocussedYear(this.yearInView);
1056
+ }
1057
+ }
1058
+ watchMonthPickerVisibleHandler() {
1059
+ if (!this.monthPickerVisible) {
1060
+ this.focussedMonth = this.monthInView;
1061
+ }
1062
+ }
1063
+ watchFocussedDayEl() {
1064
+ if (this.focusDay) {
1065
+ setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);
1066
+ }
1067
+ this.focusDay = true;
1068
+ }
1069
+ componentWillLoad() {
1070
+ onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Date Picker");
1071
+ this.monthNames = stringEnumToArray(IcDateInputMonths);
1072
+ this.daysOfWeek = stringEnumToArray(IcShortDayNames);
1073
+ this.watchStartOfWeekHandler();
1074
+ this.watchMaxHandler();
1075
+ this.watchMinHandler();
1076
+ removeDisabledFalse(this.disabled, this.el);
1077
+ this.selectedDateInfoId = `${this.inputId}-selected-date-info`;
1078
+ }
1079
+ componentWillRender() {
1080
+ this.dateInputProps = this.setDateInputProps();
1081
+ if (!this.showDateInput) {
1082
+ this.calendarOpen = true;
1083
+ }
1084
+ }
1085
+ componentWillUpdate() {
1086
+ this.dateInputProps = this.setDateInputProps();
1087
+ }
1088
+ componentDidLoad() {
1089
+ if (!this.showDateInput && this.value) {
1090
+ this.setSelectedDate(new Date(this.value));
1091
+ this.setFocussedDate(this.selectedDate);
1092
+ }
1093
+ }
1094
+ localCalendarButtonClickHandler(ev) {
1095
+ this.myCalendarButtonClicked = true;
1096
+ if (!this.calendarOpen) {
1097
+ this.setSelectedDate(ev.detail.value, false);
1098
+ }
1099
+ this.calendarOpen = !this.calendarOpen;
1100
+ }
1101
+ calendarButtonClickHandler() {
1102
+ //closes this picker if calendar button in another clicked
1103
+ if (!this.myCalendarButtonClicked && this.showDateInput) {
1104
+ this.calendarOpen = false;
1105
+ }
1106
+ this.myCalendarButtonClicked = false;
1107
+ }
1108
+ render() {
1109
+ const { calendarOpen, dateInputProps, keyDownHandler, renderCalendar, showDateInput, size, } = this;
1110
+ return (h(Host, { onKeyDown: keyDownHandler, class: size }, showDateInput && (h("div", { class: "date-input-container" }, h("ic-date-input", Object.assign({ ref: (el) => (this.inputEl = el) }, dateInputProps)))), calendarOpen && renderCalendar()));
1111
+ }
1112
+ static get delegatesFocus() { return true; }
1113
+ get el() { return this; }
1114
+ static get watchers() { return {
1115
+ "disabled": ["watchDisabledHandler"],
1116
+ "disableFuture": ["watchDisableFutureHandler"],
1117
+ "disablePast": ["watchDisablePastHandler"],
1118
+ "max": ["watchMaxHandler"],
1119
+ "min": ["watchMinHandler"],
1120
+ "showDateInput": ["watchShowDateInputHandler"],
1121
+ "startOfWeek": ["watchStartOfWeekHandler"],
1122
+ "calendarOpen": ["watchOpenHandler"],
1123
+ "focussedDate": ["watchFocussedDateHandler"],
1124
+ "monthInView": ["watchMonthInViewHandler"],
1125
+ "yearInView": ["watchYearInViewHandler"],
1126
+ "yearPickerVisible": ["watchYearPickerVisibleHandler"],
1127
+ "monthPickerVisible": ["watchMonthPickerVisibleHandler"],
1128
+ "focussedDayEl": ["watchFocussedDayEl"]
1129
+ }; }
1130
+ static get style() { return icDatePickerCss; }
1131
+ }, [17, "ic-date-picker", {
1132
+ "dateFormat": [1, "date-format"],
1133
+ "disabled": [4],
1134
+ "disableDays": [16],
1135
+ "disableDaysMessage": [1, "disable-days-message"],
1136
+ "disableFuture": [4, "disable-future"],
1137
+ "disableFutureMessage": [1, "disable-future-message"],
1138
+ "disablePast": [4, "disable-past"],
1139
+ "disablePastMessage": [1, "disable-past-message"],
1140
+ "helperText": [1, "helper-text"],
1141
+ "hideHelperText": [4, "hide-helper-text"],
1142
+ "hideLabel": [4, "hide-label"],
1143
+ "inputId": [1, "input-id"],
1144
+ "invalidDateMessage": [1, "invalid-date-message"],
1145
+ "label": [1],
1146
+ "max": [1],
1147
+ "min": [1],
1148
+ "name": [1],
1149
+ "openAtDate": [1, "open-at-date"],
1150
+ "required": [4],
1151
+ "showDateInput": [4, "show-date-input"],
1152
+ "showDaysOutsideMonth": [4, "show-days-outside-month"],
1153
+ "showPickerClearButton": [4, "show-picker-clear-button"],
1154
+ "showPickerTodayButton": [4, "show-picker-today-button"],
1155
+ "size": [1],
1156
+ "startOfWeek": [2, "start-of-week"],
1157
+ "validationStatus": [1, "validation-status"],
1158
+ "validationText": [1, "validation-text"],
1159
+ "value": [1025],
1160
+ "calendarOpen": [32],
1161
+ "currMonthView": [32],
1162
+ "currYearPickerView": [32],
1163
+ "decadeView": [32],
1164
+ "focussedDate": [32],
1165
+ "focussedDay": [32],
1166
+ "focussedDayEl": [32],
1167
+ "focussedMonth": [32],
1168
+ "focussedMonthEl": [32],
1169
+ "focussedYear": [32],
1170
+ "maxDate": [32],
1171
+ "minDate": [32],
1172
+ "monthInView": [32],
1173
+ "monthPickerVisible": [32],
1174
+ "orderedDaysOfWeek": [32],
1175
+ "selectedDate": [32],
1176
+ "yearInView": [32],
1177
+ "yearPickerVisible": [32]
1178
+ }, [[0, "calendarButtonClicked", "localCalendarButtonClickHandler"], [4, "calendarButtonClicked", "calendarButtonClickHandler"]], {
1179
+ "disabled": ["watchDisabledHandler"],
1180
+ "disableFuture": ["watchDisableFutureHandler"],
1181
+ "disablePast": ["watchDisablePastHandler"],
1182
+ "max": ["watchMaxHandler"],
1183
+ "min": ["watchMinHandler"],
1184
+ "showDateInput": ["watchShowDateInputHandler"],
1185
+ "startOfWeek": ["watchStartOfWeekHandler"],
1186
+ "calendarOpen": ["watchOpenHandler"],
1187
+ "focussedDate": ["watchFocussedDateHandler"],
1188
+ "monthInView": ["watchMonthInViewHandler"],
1189
+ "yearInView": ["watchYearInViewHandler"],
1190
+ "yearPickerVisible": ["watchYearPickerVisibleHandler"],
1191
+ "monthPickerVisible": ["watchMonthPickerVisibleHandler"],
1192
+ "focussedDayEl": ["watchFocussedDayEl"]
1193
+ }]);
1194
+ function defineCustomElement$1() {
1195
+ if (typeof customElements === "undefined") {
1196
+ return;
1197
+ }
1198
+ const components = ["ic-date-picker", "ic-button", "ic-date-input", "ic-input-component-container", "ic-input-container", "ic-input-label", "ic-input-validation", "ic-loading-indicator", "ic-tooltip", "ic-typography"];
1199
+ components.forEach(tagName => { switch (tagName) {
1200
+ case "ic-date-picker":
1201
+ if (!customElements.get(tagName)) {
1202
+ customElements.define(tagName, DatePicker);
1203
+ }
1204
+ break;
1205
+ case "ic-button":
1206
+ if (!customElements.get(tagName)) {
1207
+ defineCustomElement$a();
1208
+ }
1209
+ break;
1210
+ case "ic-date-input":
1211
+ if (!customElements.get(tagName)) {
1212
+ defineCustomElement$9();
1213
+ }
1214
+ break;
1215
+ case "ic-input-component-container":
1216
+ if (!customElements.get(tagName)) {
1217
+ defineCustomElement$8();
1218
+ }
1219
+ break;
1220
+ case "ic-input-container":
1221
+ if (!customElements.get(tagName)) {
1222
+ defineCustomElement$7();
1223
+ }
1224
+ break;
1225
+ case "ic-input-label":
1226
+ if (!customElements.get(tagName)) {
1227
+ defineCustomElement$6();
1228
+ }
1229
+ break;
1230
+ case "ic-input-validation":
1231
+ if (!customElements.get(tagName)) {
1232
+ defineCustomElement$5();
1233
+ }
1234
+ break;
1235
+ case "ic-loading-indicator":
1236
+ if (!customElements.get(tagName)) {
1237
+ defineCustomElement$4();
1238
+ }
1239
+ break;
1240
+ case "ic-tooltip":
1241
+ if (!customElements.get(tagName)) {
1242
+ defineCustomElement$3();
1243
+ }
1244
+ break;
1245
+ case "ic-typography":
1246
+ if (!customElements.get(tagName)) {
1247
+ defineCustomElement$2();
1248
+ }
1249
+ break;
1250
+ } });
1251
+ }
1252
+
1253
+ const IcDatePicker = DatePicker;
1254
+ const defineCustomElement = defineCustomElement$1;
1255
+
1256
+ export { IcDatePicker, defineCustomElement };
1257
+
1258
+ //# sourceMappingURL=ic-date-picker.js.map