@ukic/canary-web-components 3.0.0-canary.5 → 3.0.0-canary.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (536) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-c80f6ce4.js → helpers-02b23286.js} +41 -19
  4. package/dist/cjs/helpers-02b23286.js.map +1 -0
  5. package/dist/cjs/{helpers-55099147.js → helpers-4190b7f2.js} +56 -29
  6. package/dist/cjs/helpers-4190b7f2.js.map +1 -0
  7. package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-accordion.cjs.entry.js +8 -1
  9. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ic-alert.cjs.entry.js +3 -10
  11. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
  13. package/dist/cjs/ic-badge.cjs.entry.js +2 -2
  14. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
  16. package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
  17. package/dist/cjs/ic-button_3.cjs.entry.js +10 -7
  18. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-card-horizontal.cjs.entry.js +18 -15
  20. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-card-vertical.cjs.entry.js +26 -24
  22. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-checkbox-group.cjs.entry.js +5 -1
  24. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-checkbox.cjs.entry.js +5 -1
  26. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-chip.cjs.entry.js +9 -4
  28. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +1 -1
  31. package/dist/cjs/ic-data-table.cjs.entry.js +277 -100
  32. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-date-input.cjs.entry.js +7 -2
  34. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-date-picker.cjs.entry.js +6 -1
  36. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-dialog.cjs.entry.js +1 -1
  38. package/dist/cjs/ic-divider.cjs.entry.js +3 -3
  39. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-empty-state_2.cjs.entry.js +24 -15
  41. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-footer-link-group.cjs.entry.js +4 -5
  43. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-footer-link.cjs.entry.js +4 -5
  45. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ic-footer.cjs.entry.js +24 -14
  47. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-hero.cjs.entry.js +7 -15
  49. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +3 -3
  51. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +39 -24
  53. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ic-input-label_2.cjs.entry.js +1 -1
  55. package/dist/cjs/ic-link.cjs.entry.js +9 -6
  56. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
  58. package/dist/cjs/ic-menu-item.cjs.entry.js +7 -1
  59. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-navigation-button.cjs.entry.js +6 -7
  61. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-navigation-group.cjs.entry.js +5 -6
  63. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-navigation-item.cjs.entry.js +4 -4
  65. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  67. package/dist/cjs/ic-page-header.cjs.entry.js +1 -1
  68. package/dist/cjs/ic-pagination_4.cjs.entry.js +85 -42
  69. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-popover-menu.cjs.entry.js +1 -1
  71. package/dist/cjs/ic-radio-group.cjs.entry.js +9 -1
  72. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-radio-option.cjs.entry.js +5 -1
  74. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-search-bar.cjs.entry.js +37 -29
  76. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-side-navigation.cjs.entry.js +5 -5
  78. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-status-tag.cjs.entry.js +1 -1
  80. package/dist/cjs/ic-step.cjs.entry.js +1 -1
  81. package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
  82. package/dist/cjs/ic-switch.cjs.entry.js +6 -2
  83. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  85. package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
  86. package/dist/cjs/ic-tab.cjs.entry.js +5 -2
  87. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-theme.cjs.entry.js +20 -20
  89. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ic-toast.cjs.entry.js +1 -1
  91. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +29 -10
  92. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-toggle-button.cjs.entry.js +57 -5
  94. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-top-navigation.cjs.entry.js +10 -6
  96. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-tree-item.cjs.entry.js +14 -12
  98. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  99. package/dist/cjs/ic-tree-view.cjs.entry.js +17 -12
  100. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-typography.cjs.entry.js +1 -1
  102. package/dist/cjs/loader.cjs.js +1 -1
  103. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +4 -1
  104. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +24 -18
  105. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
  106. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +10 -0
  107. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -1
  108. package/dist/collection/components/ic-data-table/ic-data-table.css +92 -2
  109. package/dist/collection/components/ic-data-table/ic-data-table.js +312 -102
  110. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  111. package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
  112. package/dist/collection/components/ic-data-table/story-data.js +293 -2
  113. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  114. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +102 -1
  115. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  116. package/dist/collection/components/ic-date-input/ic-date-input.css +2 -1
  117. package/dist/collection/components/ic-date-input/ic-date-input.js +8 -1
  118. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  119. package/dist/collection/components/ic-date-picker/ic-date-picker.js +8 -1
  120. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  121. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +40 -1
  122. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  123. package/dist/collection/components/ic-tree-item/ic-tree-item.css +20 -3
  124. package/dist/collection/components/ic-tree-item/ic-tree-item.js +33 -12
  125. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  126. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +3 -0
  127. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -1
  128. package/dist/collection/components/ic-tree-view/ic-tree-view.css +16 -2
  129. package/dist/collection/components/ic-tree-view/ic-tree-view.js +54 -11
  130. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  131. package/dist/collection/utils/helpers.js +42 -25
  132. package/dist/collection/utils/helpers.js.map +1 -1
  133. package/dist/collection/utils/types.js +6 -6
  134. package/dist/collection/utils/types.js.map +1 -1
  135. package/dist/components/helpers.js +51 -26
  136. package/dist/components/helpers.js.map +1 -1
  137. package/dist/components/helpers2.js +37 -17
  138. package/dist/components/helpers2.js.map +1 -1
  139. package/dist/components/ic-accordion.js +9 -1
  140. package/dist/components/ic-accordion.js.map +1 -1
  141. package/dist/components/ic-alert.js +4 -11
  142. package/dist/components/ic-alert.js.map +1 -1
  143. package/dist/components/ic-badge.js +2 -2
  144. package/dist/components/ic-badge.js.map +1 -1
  145. package/dist/components/ic-button2.js +11 -8
  146. package/dist/components/ic-button2.js.map +1 -1
  147. package/dist/components/ic-card-horizontal.js +22 -17
  148. package/dist/components/ic-card-horizontal.js.map +1 -1
  149. package/dist/components/ic-card-vertical.js +30 -26
  150. package/dist/components/ic-card-vertical.js.map +1 -1
  151. package/dist/components/ic-checkbox-group.js +5 -0
  152. package/dist/components/ic-checkbox-group.js.map +1 -1
  153. package/dist/components/ic-checkbox.js +5 -0
  154. package/dist/components/ic-checkbox.js.map +1 -1
  155. package/dist/components/ic-chip.js +11 -4
  156. package/dist/components/ic-chip.js.map +1 -1
  157. package/dist/components/ic-data-table.js +278 -100
  158. package/dist/components/ic-data-table.js.map +1 -1
  159. package/dist/components/ic-date-input2.js +8 -2
  160. package/dist/components/ic-date-input2.js.map +1 -1
  161. package/dist/components/ic-date-picker.js +7 -1
  162. package/dist/components/ic-date-picker.js.map +1 -1
  163. package/dist/components/ic-divider2.js +4 -4
  164. package/dist/components/ic-divider2.js.map +1 -1
  165. package/dist/components/ic-empty-state2.js +3 -13
  166. package/dist/components/ic-empty-state2.js.map +1 -1
  167. package/dist/components/ic-footer-link-group.js +5 -6
  168. package/dist/components/ic-footer-link-group.js.map +1 -1
  169. package/dist/components/ic-footer-link.js +5 -6
  170. package/dist/components/ic-footer-link.js.map +1 -1
  171. package/dist/components/ic-footer.js +25 -15
  172. package/dist/components/ic-footer.js.map +1 -1
  173. package/dist/components/ic-hero.js +9 -17
  174. package/dist/components/ic-hero.js.map +1 -1
  175. package/dist/components/ic-horizontal-scroll2.js +3 -3
  176. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  177. package/dist/components/ic-input-component-container2.js +15 -11
  178. package/dist/components/ic-input-component-container2.js.map +1 -1
  179. package/dist/components/ic-link2.js +10 -7
  180. package/dist/components/ic-link2.js.map +1 -1
  181. package/dist/components/ic-menu-item2.js +9 -1
  182. package/dist/components/ic-menu-item2.js.map +1 -1
  183. package/dist/components/ic-menu2.js +28 -15
  184. package/dist/components/ic-menu2.js.map +1 -1
  185. package/dist/components/ic-navigation-button.js +7 -8
  186. package/dist/components/ic-navigation-button.js.map +1 -1
  187. package/dist/components/ic-navigation-group.js +6 -7
  188. package/dist/components/ic-navigation-group.js.map +1 -1
  189. package/dist/components/ic-navigation-item.js +5 -5
  190. package/dist/components/ic-navigation-item.js.map +1 -1
  191. package/dist/components/ic-navigation-menu2.js +1 -1
  192. package/dist/components/ic-pagination-bar2.js +25 -4
  193. package/dist/components/ic-pagination-bar2.js.map +1 -1
  194. package/dist/components/ic-pagination-item2.js +6 -1
  195. package/dist/components/ic-pagination-item2.js.map +1 -1
  196. package/dist/components/ic-pagination2.js +5 -0
  197. package/dist/components/ic-pagination2.js.map +1 -1
  198. package/dist/components/ic-popover-menu.js +1 -1
  199. package/dist/components/ic-radio-group.js +8 -0
  200. package/dist/components/ic-radio-group.js.map +1 -1
  201. package/dist/components/ic-radio-option.js +6 -1
  202. package/dist/components/ic-radio-option.js.map +1 -1
  203. package/dist/components/ic-search-bar.js +52 -54
  204. package/dist/components/ic-search-bar.js.map +1 -1
  205. package/dist/components/ic-select2.js +54 -35
  206. package/dist/components/ic-select2.js.map +1 -1
  207. package/dist/components/ic-side-navigation.js +6 -6
  208. package/dist/components/ic-side-navigation.js.map +1 -1
  209. package/dist/components/ic-stepper.js +1 -1
  210. package/dist/components/ic-switch.js +8 -3
  211. package/dist/components/ic-switch.js.map +1 -1
  212. package/dist/components/ic-tab.js +5 -2
  213. package/dist/components/ic-tab.js.map +1 -1
  214. package/dist/components/ic-text-field2.js +28 -10
  215. package/dist/components/ic-text-field2.js.map +1 -1
  216. package/dist/components/ic-theme.js +22 -22
  217. package/dist/components/ic-theme.js.map +1 -1
  218. package/dist/components/ic-toast.js +1 -1
  219. package/dist/components/ic-toggle-button-group.js +34 -11
  220. package/dist/components/ic-toggle-button-group.js.map +1 -1
  221. package/dist/components/ic-toggle-button.js +67 -13
  222. package/dist/components/ic-toggle-button.js.map +1 -1
  223. package/dist/components/ic-top-navigation.js +11 -7
  224. package/dist/components/ic-top-navigation.js.map +1 -1
  225. package/dist/components/ic-tree-item.js +17 -13
  226. package/dist/components/ic-tree-item.js.map +1 -1
  227. package/dist/components/ic-tree-view.js +22 -14
  228. package/dist/components/ic-tree-view.js.map +1 -1
  229. package/dist/core/core.css +78 -46
  230. package/dist/core/core.esm.js +1 -1
  231. package/dist/core/core.esm.js.map +1 -1
  232. package/dist/core/{p-9da6df82.entry.js → p-01034ef4.entry.js} +2 -2
  233. package/dist/core/p-033f3971.entry.js +2 -0
  234. package/dist/core/p-033f3971.entry.js.map +1 -0
  235. package/dist/core/{p-f5d1e747.entry.js → p-03d51c20.entry.js} +2 -2
  236. package/dist/core/{p-a67c358a.entry.js → p-05890d1e.entry.js} +2 -2
  237. package/dist/core/{p-dd3a9cb1.entry.js → p-07bcfaef.entry.js} +2 -2
  238. package/dist/core/{p-a0c3f221.entry.js → p-0d918e59.entry.js} +2 -2
  239. package/dist/core/p-0d918e59.entry.js.map +1 -0
  240. package/dist/core/p-10640219.entry.js +2 -0
  241. package/dist/core/p-10640219.entry.js.map +1 -0
  242. package/dist/core/p-15e382a4.entry.js +2 -0
  243. package/dist/core/p-15e382a4.entry.js.map +1 -0
  244. package/dist/core/p-16b64836.entry.js +2 -0
  245. package/dist/core/p-16b64836.entry.js.map +1 -0
  246. package/dist/core/p-186edbae.entry.js +2 -0
  247. package/dist/core/p-186edbae.entry.js.map +1 -0
  248. package/dist/core/p-1c94e08c.entry.js +2 -0
  249. package/dist/core/p-1c94e08c.entry.js.map +1 -0
  250. package/dist/core/p-1d3f7a04.entry.js +2 -0
  251. package/dist/core/p-1d3f7a04.entry.js.map +1 -0
  252. package/dist/core/{p-10afa533.entry.js → p-22708591.entry.js} +2 -2
  253. package/dist/core/p-23afb7d0.entry.js +2 -0
  254. package/dist/core/p-23afb7d0.entry.js.map +1 -0
  255. package/dist/core/p-289fff24.entry.js +2 -0
  256. package/dist/core/p-289fff24.entry.js.map +1 -0
  257. package/dist/core/{p-40f94113.entry.js → p-2fd78585.entry.js} +2 -2
  258. package/dist/core/{p-3d478ba9.entry.js → p-345a88a7.entry.js} +2 -2
  259. package/dist/core/{p-3d478ba9.entry.js.map → p-345a88a7.entry.js.map} +1 -1
  260. package/dist/core/p-361da840.entry.js +2 -0
  261. package/dist/core/p-361da840.entry.js.map +1 -0
  262. package/dist/core/p-3f182d5d.entry.js +2 -0
  263. package/dist/core/p-3f182d5d.entry.js.map +1 -0
  264. package/dist/core/{p-0687cc81.entry.js → p-49bf3a47.entry.js} +2 -2
  265. package/dist/core/p-49bf3a47.entry.js.map +1 -0
  266. package/dist/core/p-4abbdbbc.entry.js +2 -0
  267. package/dist/core/p-4abbdbbc.entry.js.map +1 -0
  268. package/dist/core/p-5193184c.entry.js +2 -0
  269. package/dist/core/p-5193184c.entry.js.map +1 -0
  270. package/dist/core/{p-c894bc8f.entry.js → p-51fd68b7.entry.js} +2 -2
  271. package/dist/core/p-51fd68b7.entry.js.map +1 -0
  272. package/dist/core/p-563392e4.entry.js +2 -0
  273. package/dist/core/p-563392e4.entry.js.map +1 -0
  274. package/dist/core/p-5a48839e.entry.js +2 -0
  275. package/dist/core/p-5a48839e.entry.js.map +1 -0
  276. package/dist/core/p-5cbf0885.entry.js +2 -0
  277. package/dist/core/p-5cbf0885.entry.js.map +1 -0
  278. package/dist/core/{p-6f92ee7a.entry.js → p-5dcee0aa.entry.js} +2 -2
  279. package/dist/core/{p-b4eb1c6d.entry.js → p-646f21ff.entry.js} +2 -2
  280. package/dist/core/{p-c4dc8fdf.entry.js → p-74b676a6.entry.js} +2 -2
  281. package/dist/core/{p-acb0eddb.entry.js → p-74e63f4d.entry.js} +2 -2
  282. package/dist/core/{p-df05b999.entry.js → p-77f26d29.entry.js} +2 -2
  283. package/dist/core/p-77f26d29.entry.js.map +1 -0
  284. package/dist/core/{p-e4b9221b.entry.js → p-792ec0a3.entry.js} +2 -2
  285. package/dist/core/p-792ec0a3.entry.js.map +1 -0
  286. package/dist/core/{p-bd5aada7.entry.js → p-79c8879c.entry.js} +2 -2
  287. package/dist/core/{p-3b3a8108.entry.js → p-7d5a0251.entry.js} +2 -2
  288. package/dist/core/{p-160de322.entry.js → p-7eef69d7.entry.js} +2 -2
  289. package/dist/core/p-8167f2e0.entry.js +2 -0
  290. package/dist/core/p-8167f2e0.entry.js.map +1 -0
  291. package/dist/core/p-8576281d.entry.js +2 -0
  292. package/dist/core/p-8576281d.entry.js.map +1 -0
  293. package/dist/core/{p-fca3589b.entry.js → p-87cd3985.entry.js} +2 -2
  294. package/dist/core/p-8d3e250a.entry.js +2 -0
  295. package/dist/core/p-8d3e250a.entry.js.map +1 -0
  296. package/dist/core/p-8eb30ebf.entry.js +2 -0
  297. package/dist/core/p-8eb30ebf.entry.js.map +1 -0
  298. package/dist/core/{p-ffe923ae.entry.js → p-901879b8.entry.js} +2 -2
  299. package/dist/core/p-92bb5fe9.entry.js +2 -0
  300. package/dist/core/p-92bb5fe9.entry.js.map +1 -0
  301. package/dist/core/p-94efa0d2.entry.js +2 -0
  302. package/dist/core/p-94efa0d2.entry.js.map +1 -0
  303. package/dist/core/p-9f5071bd.entry.js +2 -0
  304. package/dist/core/p-9f5071bd.entry.js.map +1 -0
  305. package/dist/core/p-a04712b9.js +2 -0
  306. package/dist/core/p-a04712b9.js.map +1 -0
  307. package/dist/core/{p-29623ad5.entry.js → p-a683fd94.entry.js} +2 -2
  308. package/dist/core/p-a683fd94.entry.js.map +1 -0
  309. package/dist/core/{p-70543f44.entry.js → p-b2a6f0dd.entry.js} +2 -2
  310. package/dist/core/p-be6d9ab9.entry.js +2 -0
  311. package/dist/core/p-be6d9ab9.entry.js.map +1 -0
  312. package/dist/core/{p-91cf88d6.entry.js → p-d0c7bc04.entry.js} +2 -2
  313. package/dist/core/p-d0c7bc04.entry.js.map +1 -0
  314. package/dist/core/{p-3106c4fd.entry.js → p-d1b8e306.entry.js} +2 -2
  315. package/dist/core/{p-bc7d33e1.entry.js → p-db924212.entry.js} +2 -2
  316. package/dist/core/p-db924212.entry.js.map +1 -0
  317. package/dist/core/p-dd5daf97.entry.js +2 -0
  318. package/dist/core/p-dd5daf97.entry.js.map +1 -0
  319. package/dist/core/{p-9235425c.entry.js → p-dedca102.entry.js} +2 -2
  320. package/dist/core/{p-f08723ca.entry.js → p-eb09d6af.entry.js} +2 -2
  321. package/dist/core/p-ee5388e6.entry.js +2 -0
  322. package/dist/core/p-ee5388e6.entry.js.map +1 -0
  323. package/dist/core/p-f1fcc442.entry.js +2 -0
  324. package/dist/core/p-f1fcc442.entry.js.map +1 -0
  325. package/dist/core/{p-3bbfefcc.entry.js → p-f3995b20.entry.js} +2 -2
  326. package/dist/core/p-f3995b20.entry.js.map +1 -0
  327. package/dist/core/p-fa002d21.js +2 -0
  328. package/dist/core/p-fa002d21.js.map +1 -0
  329. package/dist/core/{p-e532fa26.entry.js → p-faae4ac4.entry.js} +2 -2
  330. package/dist/core/p-faae4ac4.entry.js.map +1 -0
  331. package/dist/esm/core.js +1 -1
  332. package/dist/esm/{helpers-d399f9c8.js → helpers-0f42cb46.js} +38 -18
  333. package/dist/esm/helpers-0f42cb46.js.map +1 -0
  334. package/dist/esm/{helpers-d3091c8c.js → helpers-96838a0a.js} +52 -27
  335. package/dist/esm/helpers-96838a0a.js.map +1 -0
  336. package/dist/esm/ic-accordion-group.entry.js +1 -1
  337. package/dist/esm/ic-accordion.entry.js +8 -1
  338. package/dist/esm/ic-accordion.entry.js.map +1 -1
  339. package/dist/esm/ic-alert.entry.js +4 -11
  340. package/dist/esm/ic-alert.entry.js.map +1 -1
  341. package/dist/esm/ic-back-to-top.entry.js +1 -1
  342. package/dist/esm/ic-badge.entry.js +2 -2
  343. package/dist/esm/ic-badge.entry.js.map +1 -1
  344. package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
  345. package/dist/esm/ic-breadcrumb.entry.js +1 -1
  346. package/dist/esm/ic-button_3.entry.js +10 -7
  347. package/dist/esm/ic-button_3.entry.js.map +1 -1
  348. package/dist/esm/ic-card-horizontal.entry.js +19 -16
  349. package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
  350. package/dist/esm/ic-card-vertical.entry.js +27 -25
  351. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  352. package/dist/esm/ic-checkbox-group.entry.js +5 -1
  353. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  354. package/dist/esm/ic-checkbox.entry.js +5 -1
  355. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  356. package/dist/esm/ic-chip.entry.js +9 -4
  357. package/dist/esm/ic-chip.entry.js.map +1 -1
  358. package/dist/esm/ic-data-row.entry.js +1 -1
  359. package/dist/esm/ic-data-table-title-bar.entry.js +1 -1
  360. package/dist/esm/ic-data-table.entry.js +277 -100
  361. package/dist/esm/ic-data-table.entry.js.map +1 -1
  362. package/dist/esm/ic-date-input.entry.js +7 -2
  363. package/dist/esm/ic-date-input.entry.js.map +1 -1
  364. package/dist/esm/ic-date-picker.entry.js +6 -1
  365. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  366. package/dist/esm/ic-dialog.entry.js +1 -1
  367. package/dist/esm/ic-divider.entry.js +3 -3
  368. package/dist/esm/ic-divider.entry.js.map +1 -1
  369. package/dist/esm/ic-empty-state_2.entry.js +25 -16
  370. package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
  371. package/dist/esm/ic-footer-link-group.entry.js +4 -5
  372. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  373. package/dist/esm/ic-footer-link.entry.js +4 -5
  374. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  375. package/dist/esm/ic-footer.entry.js +24 -14
  376. package/dist/esm/ic-footer.entry.js.map +1 -1
  377. package/dist/esm/ic-hero.entry.js +8 -16
  378. package/dist/esm/ic-hero.entry.js.map +1 -1
  379. package/dist/esm/ic-horizontal-scroll.entry.js +3 -3
  380. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  381. package/dist/esm/ic-input-component-container_3.entry.js +40 -25
  382. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  383. package/dist/esm/ic-input-label_2.entry.js +1 -1
  384. package/dist/esm/ic-link.entry.js +9 -6
  385. package/dist/esm/ic-link.entry.js.map +1 -1
  386. package/dist/esm/ic-menu-group.entry.js +1 -1
  387. package/dist/esm/ic-menu-item.entry.js +7 -1
  388. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  389. package/dist/esm/ic-navigation-button.entry.js +6 -7
  390. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  391. package/dist/esm/ic-navigation-group.entry.js +5 -6
  392. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  393. package/dist/esm/ic-navigation-item.entry.js +4 -4
  394. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  395. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  396. package/dist/esm/ic-page-header.entry.js +1 -1
  397. package/dist/esm/ic-pagination_4.entry.js +85 -42
  398. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  399. package/dist/esm/ic-popover-menu.entry.js +1 -1
  400. package/dist/esm/ic-radio-group.entry.js +9 -1
  401. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  402. package/dist/esm/ic-radio-option.entry.js +5 -1
  403. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  404. package/dist/esm/ic-search-bar.entry.js +37 -29
  405. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  406. package/dist/esm/ic-side-navigation.entry.js +5 -5
  407. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  408. package/dist/esm/ic-status-tag.entry.js +1 -1
  409. package/dist/esm/ic-step.entry.js +1 -1
  410. package/dist/esm/ic-stepper.entry.js +1 -1
  411. package/dist/esm/ic-switch.entry.js +6 -2
  412. package/dist/esm/ic-switch.entry.js.map +1 -1
  413. package/dist/esm/ic-tab-group.entry.js +1 -1
  414. package/dist/esm/ic-tab-panel.entry.js +1 -1
  415. package/dist/esm/ic-tab.entry.js +5 -2
  416. package/dist/esm/ic-tab.entry.js.map +1 -1
  417. package/dist/esm/ic-theme.entry.js +20 -20
  418. package/dist/esm/ic-theme.entry.js.map +1 -1
  419. package/dist/esm/ic-toast.entry.js +1 -1
  420. package/dist/esm/ic-toggle-button-group.entry.js +29 -10
  421. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  422. package/dist/esm/ic-toggle-button.entry.js +57 -5
  423. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  424. package/dist/esm/ic-top-navigation.entry.js +10 -6
  425. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  426. package/dist/esm/ic-tree-item.entry.js +15 -13
  427. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  428. package/dist/esm/ic-tree-view.entry.js +18 -13
  429. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  430. package/dist/esm/ic-typography.entry.js +1 -1
  431. package/dist/esm/loader.js +1 -1
  432. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +4 -4
  433. package/dist/types/components/ic-data-table/ic-data-table.d.ts +25 -0
  434. package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +11 -0
  435. package/dist/types/components/ic-data-table/story-data.d.ts +181 -0
  436. package/dist/types/components/ic-date-input/ic-date-input.d.ts +1 -0
  437. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +1 -0
  438. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +6 -0
  439. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +6 -1
  440. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +9 -1
  441. package/dist/types/components.d.ts +47 -0
  442. package/dist/types/utils/helpers.d.ts +13 -10
  443. package/dist/types/utils/types.d.ts +6 -5
  444. package/hydrate/index.js +897 -448
  445. package/package.json +3 -10
  446. package/dist/cjs/helpers-55099147.js.map +0 -1
  447. package/dist/cjs/helpers-c80f6ce4.js.map +0 -1
  448. package/dist/core/p-006afa83.entry.js +0 -2
  449. package/dist/core/p-006afa83.entry.js.map +0 -1
  450. package/dist/core/p-0687cc81.entry.js.map +0 -1
  451. package/dist/core/p-12b1db1b.entry.js +0 -2
  452. package/dist/core/p-12b1db1b.entry.js.map +0 -1
  453. package/dist/core/p-199ce579.entry.js +0 -2
  454. package/dist/core/p-199ce579.entry.js.map +0 -1
  455. package/dist/core/p-25597c03.js +0 -2
  456. package/dist/core/p-25597c03.js.map +0 -1
  457. package/dist/core/p-29623ad5.entry.js.map +0 -1
  458. package/dist/core/p-2d6fffa4.entry.js +0 -2
  459. package/dist/core/p-2d6fffa4.entry.js.map +0 -1
  460. package/dist/core/p-31082e64.entry.js +0 -2
  461. package/dist/core/p-31082e64.entry.js.map +0 -1
  462. package/dist/core/p-3bbfefcc.entry.js.map +0 -1
  463. package/dist/core/p-43891495.entry.js +0 -2
  464. package/dist/core/p-43891495.entry.js.map +0 -1
  465. package/dist/core/p-47ae7d10.entry.js +0 -2
  466. package/dist/core/p-47ae7d10.entry.js.map +0 -1
  467. package/dist/core/p-59d48811.entry.js +0 -2
  468. package/dist/core/p-59d48811.entry.js.map +0 -1
  469. package/dist/core/p-690d0bbd.entry.js +0 -2
  470. package/dist/core/p-690d0bbd.entry.js.map +0 -1
  471. package/dist/core/p-6f7cf143.entry.js +0 -2
  472. package/dist/core/p-6f7cf143.entry.js.map +0 -1
  473. package/dist/core/p-7a1f1e0d.entry.js +0 -2
  474. package/dist/core/p-7a1f1e0d.entry.js.map +0 -1
  475. package/dist/core/p-7c843bc8.entry.js +0 -2
  476. package/dist/core/p-7c843bc8.entry.js.map +0 -1
  477. package/dist/core/p-7e358f32.entry.js +0 -2
  478. package/dist/core/p-7e358f32.entry.js.map +0 -1
  479. package/dist/core/p-81da002e.entry.js +0 -2
  480. package/dist/core/p-81da002e.entry.js.map +0 -1
  481. package/dist/core/p-83c09d8d.entry.js +0 -2
  482. package/dist/core/p-83c09d8d.entry.js.map +0 -1
  483. package/dist/core/p-8d933976.entry.js +0 -2
  484. package/dist/core/p-8d933976.entry.js.map +0 -1
  485. package/dist/core/p-91cf88d6.entry.js.map +0 -1
  486. package/dist/core/p-92f443aa.entry.js +0 -2
  487. package/dist/core/p-92f443aa.entry.js.map +0 -1
  488. package/dist/core/p-982deb94.entry.js +0 -2
  489. package/dist/core/p-982deb94.entry.js.map +0 -1
  490. package/dist/core/p-99c76218.entry.js +0 -2
  491. package/dist/core/p-99c76218.entry.js.map +0 -1
  492. package/dist/core/p-9ae77f11.entry.js +0 -2
  493. package/dist/core/p-9ae77f11.entry.js.map +0 -1
  494. package/dist/core/p-a0c3f221.entry.js.map +0 -1
  495. package/dist/core/p-b2389339.js +0 -2
  496. package/dist/core/p-b2389339.js.map +0 -1
  497. package/dist/core/p-b4dd4835.entry.js +0 -2
  498. package/dist/core/p-b4dd4835.entry.js.map +0 -1
  499. package/dist/core/p-bc7d33e1.entry.js.map +0 -1
  500. package/dist/core/p-bdce46ca.entry.js +0 -2
  501. package/dist/core/p-bdce46ca.entry.js.map +0 -1
  502. package/dist/core/p-be7bc371.entry.js +0 -2
  503. package/dist/core/p-be7bc371.entry.js.map +0 -1
  504. package/dist/core/p-c12f3582.entry.js +0 -2
  505. package/dist/core/p-c12f3582.entry.js.map +0 -1
  506. package/dist/core/p-c5ea1e19.entry.js +0 -2
  507. package/dist/core/p-c5ea1e19.entry.js.map +0 -1
  508. package/dist/core/p-c894bc8f.entry.js.map +0 -1
  509. package/dist/core/p-df05b999.entry.js.map +0 -1
  510. package/dist/core/p-e4b9221b.entry.js.map +0 -1
  511. package/dist/core/p-e532fa26.entry.js.map +0 -1
  512. package/dist/core/p-e89e5ec8.entry.js +0 -2
  513. package/dist/core/p-e89e5ec8.entry.js.map +0 -1
  514. package/dist/core/p-f4414801.entry.js +0 -2
  515. package/dist/core/p-f4414801.entry.js.map +0 -1
  516. package/dist/esm/helpers-d3091c8c.js.map +0 -1
  517. package/dist/esm/helpers-d399f9c8.js.map +0 -1
  518. /package/dist/core/{p-9da6df82.entry.js.map → p-01034ef4.entry.js.map} +0 -0
  519. /package/dist/core/{p-f5d1e747.entry.js.map → p-03d51c20.entry.js.map} +0 -0
  520. /package/dist/core/{p-a67c358a.entry.js.map → p-05890d1e.entry.js.map} +0 -0
  521. /package/dist/core/{p-dd3a9cb1.entry.js.map → p-07bcfaef.entry.js.map} +0 -0
  522. /package/dist/core/{p-10afa533.entry.js.map → p-22708591.entry.js.map} +0 -0
  523. /package/dist/core/{p-40f94113.entry.js.map → p-2fd78585.entry.js.map} +0 -0
  524. /package/dist/core/{p-6f92ee7a.entry.js.map → p-5dcee0aa.entry.js.map} +0 -0
  525. /package/dist/core/{p-b4eb1c6d.entry.js.map → p-646f21ff.entry.js.map} +0 -0
  526. /package/dist/core/{p-c4dc8fdf.entry.js.map → p-74b676a6.entry.js.map} +0 -0
  527. /package/dist/core/{p-acb0eddb.entry.js.map → p-74e63f4d.entry.js.map} +0 -0
  528. /package/dist/core/{p-bd5aada7.entry.js.map → p-79c8879c.entry.js.map} +0 -0
  529. /package/dist/core/{p-3b3a8108.entry.js.map → p-7d5a0251.entry.js.map} +0 -0
  530. /package/dist/core/{p-160de322.entry.js.map → p-7eef69d7.entry.js.map} +0 -0
  531. /package/dist/core/{p-fca3589b.entry.js.map → p-87cd3985.entry.js.map} +0 -0
  532. /package/dist/core/{p-ffe923ae.entry.js.map → p-901879b8.entry.js.map} +0 -0
  533. /package/dist/core/{p-70543f44.entry.js.map → p-b2a6f0dd.entry.js.map} +0 -0
  534. /package/dist/core/{p-3106c4fd.entry.js.map → p-d1b8e306.entry.js.map} +0 -0
  535. /package/dist/core/{p-9235425c.entry.js.map → p-dedca102.entry.js.map} +0 -0
  536. /package/dist/core/{p-f08723ca.entry.js.map → p-eb09d6af.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icSearchBarCss","inputIds","SearchBar","constructor","hostRef","this","assistiveHintEl","hasTimedOut","inputId","menuCloseFromMenuChangeEvent","menuId","preLoad","preventSubmit","prevNoOption","retryButtonClick","truncateValue","handleClear","ev","keyboardEvent","mouseEvent","type","code","value","inputEl","loading","clearTimeout","timeoutTimer","filteredOptions","options","el","setFocus","icClear","emit","preventDefault","onInput","target","icInput","noOptions","labelField","emptyOptionListText","valueField","length","setMenuChange","disableAutoFiltering","rawFilteredOptions","getFilteredMenuOptions","showClearButton","handleShowClearButton","debounceAriaLiveUpdate","onInputBlur","nextFocus","relatedTarget","icSearchBarBlur","onInputFocus","icSearchBarFocus","handleClearBlur","icClearBlur","clearButtonFocused","handleSubmitSearchBlur","icSubmitSearchBlur","searchSubmitFocused","handleMouseDown","handleSubmitSearchFocus","handleSubmitSearch","highlightedValue","undefined","icSubmitSearch","form","closest","searchSubmitButton","handleHiddenFormButtonClick","handleSubmitSearchKeyDown","key","handleRetry","retryViaKeyPress","detail","keyPressed","icRetryLoad","triggerLoading","loadingOption","loadingLabel","timeout","window","setTimeout","loadingErrorLabel","timedOut","handleOptionSelect","label","icOptionSelect","handleMenuOptionHighlight","_a","optionValue","optionId","replace","ariaActiveDescendant","handleMenuChange","open","icMenuChange","handleHostFocus","handleTruncateValue","handleHostBlur","menu","focus","visible","handleFocusClearButton","truncate","renderAssistiveHintEl","input","shadowRoot","querySelector","Object","keys","hasOptionsOrFilterDisabled","document","createElement","innerText","assistiveHintText","id","style","display","after","updateSearchResultAriaLive","searchResultsStatusEl","charactersUntilSuggestion","hadNoOptions","searchMode","isSubmitDisabled","valueNotSet","valueLengthLess","disabled","highlightFirstOptionAfterNoResults","handleSetFirstOption","prevNoOptionsList","find","filteredOption","autocapitalize","autocomplete","autocorrect","autofocus","debounce","focusOnLoad","fullWidth","helperText","hideLabel","name","placeholder","readonly","required","size","spellcheck","theme","watchDisabledHandler","removeDisabledFalse","debounceChanged","icChange","debounceEvent","loadingHandler","newValue","filteredOptionsHandler","newOptions","some","opt","watchOptionsHandler","watchValueHandler","getLabelFromValue","connectedCallback","disconnectedCallback","remove","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","handleKeyDown","event","icKeydown","handleKeyboardOpen","handleKeyUp","debounceAriaLive","render","disabledMode","describedBy","getInputDescribedByText","trim","describedById","hasSuggestedSearch","menuOpen","menuRendered","labelValue","renderHiddenInput","h","Host","class","onFocus","onBlur","for","ref","anchorEl","role","autoFocus","inputmode","innerHTML","clearIcon","onClick","onMouseDown","onKeyDown","variant","searchIcon","fullwidth","activationType","autofocusOnSelected","inputLabel","onMenuOptionSelect","onMenuStateChange","onMenuOptionId","onRetryButtonClicked","parentEl","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-search-bar/ic-search-bar.css?tag=ic-search-bar&encapsulation=shadow","../web-components/dist/collection/components/ic-search-bar/ic-search-bar.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-menu: z-index of search bar menu\n */\n\n:host(.ic-search-bar-search) {\n display: block;\n\n --divider-height: 1.5rem;\n --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n --border-color: var(--ic-search-bar-outline);\n --input-bg-color: var(--ic-search-bar-background);\n --border-color-disabled: var(--ic-search-bar-outline-disabled);\n --menu-item-text-color: var(--ic-search-bar-dropdown-option-text);\n --menu-item-desc-text-color: var(--ic-search-bar-dropdown-option-description);\n --menu-bg-color: var(--ic-search-bar-dropdown-background);\n --menu-border-color: var(--ic-search-bar-dropdown-outline);\n}\n\n:host(.ic-search-bar-disabled) {\n --ic-input-label-text-color: var(--ic-search-bar-label-disabled);\n --ic-input-label-helper-text-color: var(--ic-search-bar-subtitle-disabled);\n}\n\n:host(.ic-search-bar-search:hover) {\n --border-color: var(--ic-search-bar-outline-hover);\n}\n\n:host(.ic-search-bar-search:active) {\n --border-color: var(--ic-search-bar-outline-pressed);\n}\n\n:host(.ic-search-bar-search.ic-search-bar-small) {\n --divider-height: 1rem;\n}\n\n:host(.ic-search-bar-full-width) {\n width: 100%;\n}\n\n:host(.ic-search-bar-search) .ic-button-disabled:hover {\n border-color: var(--ic-architectural-200);\n}\n\n:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg {\n color: var(--ic-architectural-200);\n}\n\n:host(.ic-search-bar-search) .ic-button-disabled svg {\n color: var(--ic-architectural-400);\n}\n\n/* Custom Input */\n\n::-moz-placeholder {\n color: var(--ic-search-bar-placeholder-text);\n opacity: 1;\n}\n\n::placeholder {\n color: var(--ic-search-bar-placeholder-text);\n opacity: 1;\n}\n\ninput {\n border: 0;\n border-radius: var(--ic-border-radius);\n color: var(--ic-search-bar-filled-text);\n background-color: var(--input-bg-color);\n line-height: 1.5rem;\n letter-spacing: 0.005rem;\n width: 100%;\n padding-right: var(--ic-space-xs);\n padding-left: var(--ic-space-xs);\n caret-color: var(--ic-search-bar-filled-text-cursor);\n}\n\ninput:focus {\n border: 0;\n outline: 0;\n}\n\ninput:disabled {\n color: var(--ic-search-bar-disabled-text);\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.no-left-pad {\n padding-left: 0;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n/* CLEAR */\n\n.clear-button-container {\n align-items: center;\n margin-right: var(--ic-space-1px);\n display: none;\n visibility: hidden;\n}\n\n.clear-button {\n border-radius: var(--ic-border-radius);\n transition: box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition);\n}\n\n.clear-button:focus,\n.clear-button:active {\n background-color: var(--ic-color-focus-inner);\n box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer);\n border-radius: 0.25rem;\n}\n\n.clear-button-unfocused * {\n fill: var(--ic-search-bar-clear-button);\n}\n\n.clear-button:focus,\n.clear-button:active * {\n fill: white;\n}\n\n.clear-button-visible {\n visibility: visible;\n display: flex;\n}\n\n.search-submit-button-container {\n display: flex;\n align-items: center;\n}\n\n.search-submit-button-unfocused * {\n fill: var(--ic-search-bar-filled-icon);\n}\n\n.search-submit-button-disabled * {\n fill: var(--ic-search-bar-icon-disabled);\n}\n\n.search-submit-button-disabled .ic-tooltip-container {\n display: none !important;\n}\n\n.search-submit-button:focus,\n.search-submit-button:active {\n background-color: var(--ic-color-focus-inner) !important;\n box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;\n border-radius: var(--ic-space-xxs);\n}\n\n.search-submit-button:focus,\n.search-submit-button:active * {\n fill: white;\n}\n\n.divider {\n width: var(--ic-border-width);\n background-color: var(--ic-search-bar-dropdown-divider);\n height: var(--divider-height);\n}\n\n.menu-container {\n width: var(--input-width, 20rem);\n position: relative;\n top: var(--ic-space-xxxs);\n}\n\n.menu-container.fullwidth {\n width: 100%;\n}\n\n.no-results {\n cursor: not-allowed;\n}\n\n.search-results-status {\n border: 0;\n clip: rect(0, 0, 0, 0, 0);\n height: var(--ic-space-1px);\n margin-bottom: calc(-1 * var(--ic-space-1px));\n margin-right: calc(-1 * var(--ic-space-1px));\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: var(--ic-space-1px);\n}\n\n@media (forced-colors: active) {\n .search-submit-button-unfocused * {\n fill: canvastext;\n }\n\n .search-submit-button-disabled * {\n fill: GrayText;\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getInputDescribedByText, renderHiddenInput, handleHiddenFormButtonClick, getLabelFromValue, onComponentRequiredPropUndefined, getFilteredMenuOptions, removeDisabledFalse, debounceEvent, } from \"../../utils/helpers\";\nimport clearIcon from \"../../assets/clear-icon.svg\";\nimport searchIcon from \"../../assets/search-icon.svg\";\nlet inputIds = 0;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class SearchBar {\n constructor() {\n this.assistiveHintEl = null;\n this.hasTimedOut = false;\n this.inputId = `ic-search-bar-input-${inputIds++}`;\n this.menuCloseFromMenuChangeEvent = false;\n this.menuId = `${this.inputId}-menu`;\n this.preLoad = true;\n this.preventSubmit = false;\n this.prevNoOption = false;\n this.retryButtonClick = false;\n this.truncateValue = false;\n this.handleClear = (ev) => {\n const keyboardEvent = ev;\n const mouseEvent = ev;\n if (mouseEvent.type === \"click\" ||\n keyboardEvent.code === \"Enter\" ||\n keyboardEvent.code === \"Space\") {\n this.value = \"\";\n this.inputEl.value = \"\";\n this.loading = false;\n clearTimeout(this.timeoutTimer);\n this.filteredOptions = this.options;\n this.el.setFocus();\n this.icClear.emit();\n ev.preventDefault();\n this.preventSubmit = true;\n }\n };\n this.onInput = (ev) => {\n this.value = ev.target.value;\n this.icInput.emit({ value: this.value });\n const noOptions = [\n { [this.labelField]: this.emptyOptionListText, [this.valueField]: \"\" },\n ];\n if (this.options.length > 0) {\n this.setMenuChange(true);\n this.preLoad = false;\n if (this.disableAutoFiltering === false) {\n const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, \"anywhere\", this.labelField);\n this.filteredOptions =\n rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;\n }\n }\n if (!this.showClearButton) {\n this.handleShowClearButton(true);\n }\n this.debounceAriaLiveUpdate();\n };\n this.onInputBlur = (ev) => {\n const value = ev.target.value;\n const nextFocus = ev.relatedTarget;\n this.icSearchBarBlur.emit({ value: value, relatedTarget: nextFocus });\n };\n this.onInputFocus = (ev) => {\n const value = ev.target.value;\n this.icSearchBarFocus.emit({ value: value });\n this.handleShowClearButton(true);\n };\n this.handleClearBlur = (ev) => {\n const nextFocus = ev.relatedTarget;\n this.icClearBlur.emit({ relatedTarget: nextFocus });\n this.clearButtonFocused = false;\n };\n this.handleSubmitSearchBlur = (ev) => {\n const nextFocus = ev.relatedTarget;\n this.icSubmitSearchBlur.emit({ relatedTarget: nextFocus });\n this.searchSubmitFocused = false;\n };\n this.handleMouseDown = (ev) => {\n ev.preventDefault();\n };\n this.handleSubmitSearchFocus = () => {\n this.searchSubmitFocused = true;\n };\n this.handleSubmitSearch = () => {\n this.highlightedValue && (this.value = this.highlightedValue);\n this.highlightedValue = undefined;\n this.icSubmitSearch.emit({ value: this.value });\n const form = this.el.closest(\"FORM\");\n if (this.searchSubmitButton && !!form && !this.preventSubmit) {\n handleHiddenFormButtonClick(form, this.searchSubmitButton);\n }\n };\n this.handleSubmitSearchKeyDown = (ev) => {\n if (ev.key === \" \") {\n ev.preventDefault();\n this.handleSubmitSearch();\n }\n };\n this.handleRetry = (ev) => {\n this.retryViaKeyPress = ev.detail.keyPressed === \"Enter\";\n this.icRetryLoad.emit({ value: ev.detail.value });\n this.triggerLoading();\n this.retryButtonClick = true;\n };\n this.triggerLoading = () => {\n const loadingOption = [\n {\n [this.labelField]: this.loadingLabel,\n [this.valueField]: \"\",\n loading: true,\n },\n ];\n if (this.filteredOptions !== loadingOption)\n this.filteredOptions = loadingOption;\n if (this.timeout) {\n this.timeoutTimer = window.setTimeout(() => {\n this.filteredOptions = [\n {\n [this.labelField]: this.loadingErrorLabel,\n [this.valueField]: \"\",\n timedOut: true,\n },\n ];\n }, this.timeout);\n }\n };\n this.handleOptionSelect = (ev) => {\n if (ev.detail.label === this.emptyOptionListText) {\n this.el.setFocus();\n return;\n }\n this.value = ev.detail.value;\n this.icOptionSelect.emit({ value: this.value });\n };\n this.handleMenuOptionHighlight = (ev) => {\n var _a;\n const optionValue = (_a = ev.detail.optionId) === null || _a === void 0 ? void 0 : _a.replace(`${this.menuId}-`, \"\");\n optionValue && (this.highlightedValue = optionValue);\n if (ev.detail.optionId) {\n this.ariaActiveDescendant = ev.detail.optionId;\n }\n else {\n this.ariaActiveDescendant = undefined;\n }\n };\n this.handleMenuChange = (ev) => {\n this.setMenuChange(ev.detail.open);\n if (!ev.detail.open) {\n this.menuCloseFromMenuChangeEvent = true;\n }\n };\n this.setMenuChange = (open) => {\n if (this.open !== open) {\n this.open = open;\n this.icMenuChange.emit({ open });\n }\n };\n this.handleHostFocus = () => {\n if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {\n this.setMenuChange(true);\n }\n this.handleTruncateValue(false);\n this.icSearchBarFocus.emit();\n };\n this.handleHostBlur = (ev) => {\n var _a;\n const nextFocus = ev.relatedTarget;\n if (this.open &&\n this.options &&\n nextFocus !== this.menu &&\n !this.retryViaKeyPress &&\n !this.retryButtonClick) {\n this.setMenuChange(false);\n }\n if (this.retryButtonClick || this.retryViaKeyPress) {\n (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n }\n this.handleShowClearButton(false);\n this.menuCloseFromMenuChangeEvent = false;\n this.handleTruncateValue(true);\n this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });\n this.retryViaKeyPress = false;\n this.retryButtonClick = false;\n };\n this.handleShowClearButton = (visible) => {\n this.showClearButton = visible;\n };\n this.handleFocusClearButton = () => {\n this.clearButtonFocused = true;\n };\n this.handleTruncateValue = (truncate) => {\n this.truncateValue = truncate;\n };\n this.renderAssistiveHintEl = () => {\n var _a;\n const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.inputId}`);\n if (input &&\n Object.keys(input).length > 0 &&\n this.hasOptionsOrFilterDisabled()) {\n this.assistiveHintEl = document.createElement(\"span\");\n this.assistiveHintEl.innerText = this.assistiveHintText;\n this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;\n this.assistiveHintEl.style.display = \"none\";\n if (input.after !== undefined) {\n input.after(this.assistiveHintEl);\n }\n }\n };\n this.updateSearchResultAriaLive = () => {\n const searchResultsStatusEl = this.el.shadowRoot.querySelector(\".search-results-status\");\n if (searchResultsStatusEl) {\n if (!this.open ||\n this.value === \"\" ||\n this.value.length < this.charactersUntilSuggestion) {\n searchResultsStatusEl.innerText = \"\";\n }\n else if (this.hasOptionsOrFilterDisabled() &&\n this.filteredOptions.length > 0 &&\n this.open &&\n !this.filteredOptions[0].loading) {\n if (this.hadNoOptions()) {\n searchResultsStatusEl.innerText = this.emptyOptionListText;\n }\n else {\n searchResultsStatusEl.innerText = `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? \"s\" : \"\"} available`;\n }\n }\n }\n };\n this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || this.disableAutoFiltering;\n this.hadNoOptions = () => this.filteredOptions.length === 1 &&\n this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&\n this.searchMode === \"navigation\";\n this.isSubmitDisabled = () => {\n const valueNotSet = this.value === undefined || this.value === null || this.value === \"\";\n const valueLengthLess = this.value.length < this.charactersUntilSuggestion;\n return (valueNotSet ||\n valueLengthLess ||\n this.disabled ||\n this.hadNoOptions() ||\n this.hasTimedOut ||\n this.loading);\n };\n this.highlightFirstOptionAfterNoResults = () => {\n if (this.prevNoOption && this.menu && !this.hasTimedOut) {\n this.menu.handleSetFirstOption();\n this.prevNoOption = false;\n }\n const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||\n filteredOption[this.labelField] === this.loadingErrorLabel ||\n filteredOption[this.labelField] === this.loadingLabel);\n if (prevNoOptionsList) {\n this.prevNoOption = true;\n }\n };\n this.ariaActiveDescendant = undefined;\n this.clearButtonFocused = false;\n this.highlightedValue = undefined;\n this.open = false;\n this.searchSubmitFocused = false;\n this.showClearButton = false;\n this.autocapitalize = \"off\";\n this.autocomplete = \"off\";\n this.autocorrect = \"off\";\n this.autofocus = false;\n this.charactersUntilSuggestion = 2;\n this.disabled = false;\n this.disableAutoFiltering = false;\n this.debounce = 0;\n this.emptyOptionListText = \"No results found\";\n this.focusOnLoad = false;\n this.fullWidth = false;\n this.helperText = \"\";\n this.hideLabel = false;\n this.assistiveHintText = \"When autocomplete results are available use the up and down arrows to choose and press enter to select\";\n this.label = undefined;\n this.labelField = \"label\";\n this.loading = false;\n this.loadingErrorLabel = \"Loading Error\";\n this.loadingLabel = \"Loading...\";\n this.name = this.inputId;\n this.placeholder = \"Search\";\n this.readonly = false;\n this.required = false;\n this.searchMode = \"navigation\";\n this.size = \"medium\";\n this.spellcheck = false;\n this.theme = \"inherit\";\n this.timeout = undefined;\n this.valueField = \"value\";\n this.filteredOptions = [];\n this.options = [];\n this.value = \"\";\n }\n watchDisabledHandler() {\n removeDisabledFalse(this.disabled, this.el);\n }\n debounceChanged() {\n this.icChange = debounceEvent(this.icChange, this.debounce);\n }\n loadingHandler(newValue) {\n if (newValue && !this.hasTimedOut) {\n this.preLoad = false;\n this.triggerLoading();\n }\n }\n filteredOptionsHandler(newOptions) {\n this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n }\n watchOptionsHandler(newOptions) {\n if (this.disableAutoFiltering && !this.hasTimedOut) {\n this.loading = false;\n clearTimeout(this.timeoutTimer);\n if (newOptions.length > 0) {\n this.filteredOptions = newOptions;\n }\n else {\n if (this.hadNoOptions()) {\n return;\n }\n this.setMenuChange(true);\n !this.preLoad &&\n (this.filteredOptions = [\n {\n [this.labelField]: this.emptyOptionListText,\n [this.valueField]: \"\",\n },\n ]);\n this.preLoad = true;\n }\n }\n this.debounceAriaLiveUpdate();\n }\n watchValueHandler(newValue) {\n if (this.inputEl &&\n this.options &&\n !!getLabelFromValue(newValue, this.options, this.valueField, this.labelField)) {\n this.inputEl.value = getLabelFromValue(newValue, this.options, this.valueField, this.labelField);\n }\n else if (this.inputEl && this.inputEl.value !== newValue) {\n this.inputEl.value = newValue;\n }\n this.icChange.emit({ value: newValue });\n }\n connectedCallback() {\n this.debounceChanged();\n }\n disconnectedCallback() {\n if (this.assistiveHintEl) {\n this.assistiveHintEl.remove();\n }\n }\n componentWillLoad() {\n this.watchValueHandler(this.value);\n removeDisabledFalse(this.disabled, this.el);\n }\n componentDidLoad() {\n if (this.focusOnLoad) {\n this.el.setFocus();\n }\n if (this.hasOptionsOrFilterDisabled()) {\n this.renderAssistiveHintEl();\n if (this.disableAutoFiltering) {\n this.filteredOptions = this.options;\n }\n }\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Search Bar\");\n }\n componentWillRender() {\n this.highlightFirstOptionAfterNoResults();\n }\n handleKeyDown(event) {\n this.icKeydown.emit({ event });\n if (this.menu && this.open) {\n this.menu.handleKeyboardOpen(event);\n }\n }\n handleKeyUp(ev) {\n if (ev.key === \"Enter\") {\n if (this.preventSubmit || this.isSubmitDisabled()) {\n return;\n }\n this.handleSubmitSearch();\n this.setMenuChange(false);\n }\n if (ev.key === \"Escape\") {\n this.setMenuChange(false);\n }\n if (this.preventSubmit) {\n this.preventSubmit = false;\n }\n }\n /**\n * Sets focus on the native `input`.\n */\n async setFocus() {\n var _a;\n this.retryViaKeyPress = false;\n this.retryButtonClick = false;\n (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n }\n debounceAriaLiveUpdate() {\n clearTimeout(this.debounceAriaLive);\n this.debounceAriaLive = window.setTimeout(() => {\n this.updateSearchResultAriaLive();\n }, 500);\n }\n render() {\n const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, } = this;\n const disabledMode = readonly || disabled;\n const describedBy = getInputDescribedByText(inputId, helperText !== \"\", false).trim();\n let describedById;\n if (describedBy !== \"\" && this.hasOptionsOrFilterDisabled()) {\n describedById = `${describedBy} ${this.inputId}-assistive-hint`;\n }\n else if (this.hasOptionsOrFilterDisabled()) {\n describedById = `${this.inputId}-assistive-hint`;\n }\n else if (describedBy !== \"\") {\n describedById = describedBy;\n }\n else {\n describedById = undefined;\n }\n const hasSuggestedSearch = !!value && this.hasOptionsOrFilterDisabled();\n const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;\n const menuRendered = menuOpen && value.length >= this.charactersUntilSuggestion;\n const labelValue = getLabelFromValue(value, options, this.valueField, this.labelField);\n renderHiddenInput(true, this.el, name, value, disabledMode);\n return (h(Host, { class: {\n [\"ic-search-bar-search\"]: true,\n [\"ic-search-bar-full-width\"]: fullWidth,\n [\"ic-search-bar-disabled\"]: disabled,\n [\"ic-search-bar-small\"]: size === \"small\",\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h(\"ic-input-container\", { readonly: readonly, disabled: disabledMode }, !hideLabel && (h(\"ic-input-label\", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), h(\"ic-input-component-container\", { ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h(\"input\", { id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {\n \"no-left-pad\": readonly,\n readonly,\n \"truncate-value\": truncateValue,\n }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, \"aria-label\": label, \"aria-activedescendant\": ariaActiveDescendant, \"aria-expanded\": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, \"aria-owns\": menuRendered ? menuId : undefined, \"aria-describedby\": describedById, \"aria-controls\": menuRendered ? menuId : undefined, \"aria-haspopup\": options.length > 0 ? \"listbox\" : undefined, \"aria-autocomplete\": hasSuggestedSearch ? \"list\" : undefined, role: options.length > 0 && menuRendered ? \"combobox\" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: \"search\" }), h(\"div\", { class: {\n \"clear-button-container\": true,\n \"clear-button-visible\": value && !disabledMode && this.showClearButton,\n } }, h(\"ic-button\", { id: \"clear-button\", class: {\n \"clear-button\": true,\n \"clear-button-unfocused\": !this.clearButtonFocused,\n }, \"aria-label\": \"Clear\", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: \"submit\", variant: \"icon\", theme: this.clearButtonFocused ? \"light\" : \"dark\" }), h(\"div\", { class: \"divider\" })), h(\"div\", { class: {\n \"search-submit-button-container\": true,\n \"search-submit-button-disabled\": this.isSubmitDisabled(),\n } }, h(\"ic-button\", { id: \"search-submit-button\", \"aria-label\": \"Search\", ref: (el) => (this.searchSubmitButton = el), class: {\n [\"search-submit-button\"]: true,\n [\"search-submit-button-small\"]: size === \"small\",\n [\"search-submit-button-unfocused\"]: !this.searchSubmitFocused,\n [\"search-submit-button-disabled\"]: this.isSubmitDisabled(),\n }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: \"submit\", variant: \"icon\", theme: this.searchSubmitFocused ? \"light\" : \"dark\" }))), h(\"div\", { class: {\n \"menu-container\": true,\n fullwidth: fullWidth,\n } }, menuRendered && (h(\"ic-menu\", { class: {\n \"no-results\": this.hadNoOptions() ||\n (filteredOptions.length === 1 &&\n (filteredOptions[0][this.labelField] ===\n this.loadingLabel ||\n filteredOptions[0][this.labelField] ===\n this.loadingErrorLabel)),\n }, activationType: \"manual\", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), h(\"div\", { \"aria-live\": \"polite\", role: \"status\", class: \"search-results-status\" })));\n }\n static get is() { return \"ic-search-bar\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-search-bar.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-search-bar.css\"]\n };\n }\n static get properties() {\n return {\n \"autocapitalize\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The automatic capitalisation of the text value as it is entered/edited by the user.\\nAvailable options: \\\"off\\\", \\\"none\\\", \\\"on\\\", \\\"sentences\\\", \\\"words\\\", \\\"characters\\\".\"\n },\n \"attribute\": \"autocapitalize\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"off\\\"\"\n },\n \"autocomplete\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAutocompleteTypes\",\n \"resolved\": \"\\\"name\\\" | \\\"on\\\" | \\\"off\\\" | \\\"honorific-prefix\\\" | \\\"given-name\\\" | \\\"additional-name\\\" | \\\"family-name\\\" | \\\"honorific-suffix\\\" | \\\"nickname\\\" | \\\"email\\\" | \\\"username\\\" | \\\"new-password\\\" | \\\"current-password\\\" | \\\"one-time-code\\\" | \\\"organization-title\\\" | \\\"organization\\\" | \\\"street-address\\\" | \\\"address-line1\\\" | \\\"address-line2\\\" | \\\"address-line3\\\" | \\\"address-level4\\\" | \\\"address-level3\\\" | \\\"address-level2\\\" | \\\"address-level1\\\" | \\\"country\\\" | \\\"country-name\\\" | \\\"postal-code\\\" | \\\"cc-name\\\" | \\\"cc-given-name\\\" | \\\"cc-additional-name\\\" | \\\"cc-family-name\\\" | \\\"cc-number\\\" | \\\"cc-exp\\\" | \\\"cc-exp-month\\\" | \\\"cc-exp-year\\\" | \\\"cc-csc\\\" | \\\"cc-type\\\" | \\\"transaction-currency\\\" | \\\"transaction-amount\\\" | \\\"language\\\" | \\\"bday\\\" | \\\"bday-day\\\" | \\\"bday-month\\\" | \\\"bday-year\\\" | \\\"sex\\\" | \\\"tel\\\" | \\\"tel-country-code\\\" | \\\"tel-national\\\" | \\\"tel-area-code\\\" | \\\"tel-local\\\" | \\\"tel-extension\\\" | \\\"impp\\\" | \\\"url\\\" | \\\"photo\\\"\",\n \"references\": {\n \"IcAutocompleteTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAutocompleteTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The state of autocompletion the browser can apply on the text value.\"\n },\n \"attribute\": \"autocomplete\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"off\\\"\"\n },\n \"autocorrect\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAutocorrectStates\",\n \"resolved\": \"\\\"off\\\" | \\\"on\\\"\",\n \"references\": {\n \"IcAutocorrectStates\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAutocorrectStates\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The state of autocorrection the browser can apply when the user is entering/editing the text value.\"\n },\n \"attribute\": \"autocorrect\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"off\\\"\"\n },\n \"autofocus\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the form control will have input focus when the page loads.\"\n },\n \"attribute\": \"autofocus\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"charactersUntilSuggestion\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.\"\n },\n \"attribute\": \"characters-until-suggestion\",\n \"reflect\": false,\n \"defaultValue\": \"2\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the disabled state will be set.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disableAutoFiltering\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\\nIf `true`, all options provided will be displayed.\"\n },\n \"attribute\": \"disable-auto-filtering\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"debounce\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\"\n },\n \"attribute\": \"debounce\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"emptyOptionListText\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The text displayed when there are no options in the option list.\"\n },\n \"attribute\": \"empty-option-list-text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"No results found\\\"\"\n },\n \"focusOnLoad\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the search bar will be focused when component loaded.\"\n },\n \"attribute\": \"focus-on-load\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specify whether the search bar fills the full width of the container.\\nIf `true`, this overrides the --input-width CSS variable.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"helperText\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The helper text that will be displayed for additional field guidance.\"\n },\n \"attribute\": \"helper-text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"hideLabel\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n },\n \"attribute\": \"hide-label\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"assistiveHintText\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The hint text for the hidden assistive description element.\"\n },\n \"attribute\": \"assistive-hint-text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"When autocomplete results are available use the up and down arrows to choose and press enter to select\\\"\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label for the search bar.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"labelField\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The custom name for the label field to correspond with the IcMenuOption type.\"\n },\n \"attribute\": \"label-field\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"label\\\"\"\n },\n \"loading\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Trigger loading state when fetching options asynchronously\"\n },\n \"attribute\": \"loading\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"loadingErrorLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Change the message displayed when external loading times out.\"\n },\n \"attribute\": \"loading-error-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Loading Error\\\"\"\n },\n \"loadingLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Change the message displayed whilst the options are being loaded externally.\"\n },\n \"attribute\": \"loading-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Loading...\\\"\"\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The name of the control, which is submitted with the form data.\"\n },\n \"attribute\": \"name\",\n \"reflect\": false,\n \"defaultValue\": \"this.inputId\"\n },\n \"placeholder\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The placeholder value to display.\"\n },\n \"attribute\": \"placeholder\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Search\\\"\"\n },\n \"readonly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the readonly state will be set.\"\n },\n \"attribute\": \"readonly\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"required\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the search bar will require a value.\"\n },\n \"attribute\": \"required\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"searchMode\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSearchBarSearchModes\",\n \"resolved\": \"\\\"navigation\\\" | \\\"query\\\"\",\n \"references\": {\n \"IcSearchBarSearchModes\": {\n \"location\": \"import\",\n \"path\": \"./ic-search-bar.types\",\n \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\"\n },\n \"attribute\": \"search-mode\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"navigation\\\"\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizesNoLarge\",\n \"resolved\": \"\\\"medium\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizesNoLarge\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the search bar component.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"spellcheck\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the value of the search will have its spelling and grammar checked.\"\n },\n \"attribute\": \"spellcheck\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"timeout\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If using external filtering, set a timeout for when loading takes too long.\"\n },\n \"attribute\": \"timeout\",\n \"reflect\": false\n },\n \"valueField\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The custom name for the value field to correspond with the IcMenuOption type.\"\n },\n \"attribute\": \"value-field\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"value\\\"\"\n },\n \"options\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcMenuOption[]\",\n \"resolved\": \"IcMenuOption[]\",\n \"references\": {\n \"IcMenuOption\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcMenuOption\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The suggested search options.\"\n },\n \"defaultValue\": \"[]\"\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The value of the search input.\"\n },\n \"attribute\": \"value\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"ariaActiveDescendant\": {},\n \"clearButtonFocused\": {},\n \"highlightedValue\": {},\n \"open\": {},\n \"searchSubmitFocused\": {},\n \"showClearButton\": {},\n \"filteredOptions\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icChange\",\n \"name\": \"icChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the value has changed.\"\n },\n \"complexType\": {\n \"original\": \"IcValueEventDetail\",\n \"resolved\": \"IcValueEventDetail\",\n \"references\": {\n \"IcValueEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icClear\",\n \"name\": \"icClear\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when value is cleared with clear button\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icInput\",\n \"name\": \"icInput\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when a keyboard input occurred.\"\n },\n \"complexType\": {\n \"original\": \"IcValueEventDetail\",\n \"resolved\": \"IcValueEventDetail\",\n \"references\": {\n \"IcValueEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icOptionSelect\",\n \"name\": \"icOptionSelect\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when option is highlighted within the menu\"\n },\n \"complexType\": {\n \"original\": \"IcOptionSelectEventDetail\",\n \"resolved\": \"IcOptionSelectEventDetail\",\n \"references\": {\n \"IcOptionSelectEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../ic-menu/ic-menu.types\",\n \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icMenuChange\",\n \"name\": \"icMenuChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the state of the menu changes (i.e. open or close)\"\n },\n \"complexType\": {\n \"original\": \"IcMenuChangeEventDetail\",\n \"resolved\": \"IcMenuChangeEventDetail\",\n \"references\": {\n \"IcMenuChangeEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../ic-menu/ic-menu.types\",\n \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icClearBlur\",\n \"name\": \"icClearBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"- Emitted when blur is invoked from clear button\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcBlurEventDetail\",\n \"resolved\": \"IcBlurEventDetail\",\n \"references\": {\n \"IcBlurEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcBlurEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icRetryLoad\",\n \"name\": \"icRetryLoad\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the 'retry loading' button is clicked\"\n },\n \"complexType\": {\n \"original\": \"IcValueEventDetail\",\n \"resolved\": \"IcValueEventDetail\",\n \"references\": {\n \"IcValueEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icSubmitSearch\",\n \"name\": \"icSubmitSearch\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the search value has been submitted\"\n },\n \"complexType\": {\n \"original\": \"IcValueEventDetail\",\n \"resolved\": \"IcValueEventDetail\",\n \"references\": {\n \"IcValueEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icSubmitSearchBlur\",\n \"name\": \"icSubmitSearchBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"- Emitted when blur is invoked from search submit button\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcBlurEventDetail\",\n \"resolved\": \"IcBlurEventDetail\",\n \"references\": {\n \"IcBlurEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcBlurEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icSearchBarBlur\",\n \"name\": \"icSearchBarBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when blur is invoked from ic-search-bar\"\n },\n \"complexType\": {\n \"original\": \"IcSearchBarBlurEventDetail\",\n \"resolved\": \"IcSearchBarBlurEventDetail\",\n \"references\": {\n \"IcSearchBarBlurEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-search-bar.types\",\n \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarBlurEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icSearchBarFocus\",\n \"name\": \"icSearchBarFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when focus is invoked from ic-search-bar\"\n },\n \"complexType\": {\n \"original\": \"IcValueEventDetail\",\n \"resolved\": \"IcValueEventDetail\",\n \"references\": {\n \"IcValueEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icKeydown\",\n \"name\": \"icKeydown\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when a keydown event occurred.\"\n },\n \"complexType\": {\n \"original\": \"{ event: KeyboardEvent }\",\n \"resolved\": \"{ event: KeyboardEvent; }\",\n \"references\": {\n \"KeyboardEvent\": {\n \"location\": \"global\",\n \"id\": \"global::KeyboardEvent\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the native `input`.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"disabled\",\n \"methodName\": \"watchDisabledHandler\"\n }, {\n \"propName\": \"debounce\",\n \"methodName\": \"debounceChanged\"\n }, {\n \"propName\": \"loading\",\n \"methodName\": \"loadingHandler\"\n }, {\n \"propName\": \"filteredOptions\",\n \"methodName\": \"filteredOptionsHandler\"\n }, {\n \"propName\": \"options\",\n \"methodName\": \"watchOptionsHandler\"\n }, {\n \"propName\": \"value\",\n \"methodName\": \"watchValueHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"keydown\",\n \"method\": \"handleKeyDown\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"keyup\",\n \"method\": \"handleKeyUp\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-search-bar.js.map\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{r as o,c as e,h as t,H as i,g as r}from"./p-8455d1bb.js";import{e as n,t as a,g as s,f as c,a as l,i as d,u as p,I as f}from"./p-fa002d21.js";const m='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--footer-compliance-padding:1rem 0}:host(.ic-footer-sparse){--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:calc(var(--ic-space-md) + var(--ic-space-xxs));--footer-link-inner-flex-direction:row}:host(.ic-footer-small){--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}:host(.ic-footer-foreground-dark){--ic-footer-background:var(--ic-brand-color-secondary-light);--ic-footer-bottom-background:var(--ic-brand-color-tertiary-light);--ic-footer-keyline:var(--ic-state-layer-darken-20);--ic-footer-text:var(--ic-color-text-primary-light);--ic-footer-link:var(--ic-color-text-primary-light);--ic-footer-icon:var(--ic-color-icon-neutral);--ic-footer-chevron-icon:var(--ic-color-icon-neutral);--ic-footer-logo:var(--ic-color-icon-neutral);--ic-footer-hover:var(--ic-architectural-700-state-layer-10);--ic-footer-pressed:var(--ic-architectural-700-state-layer-20)}:host(.ic-footer-small.ic-footer-ungrouped){--footer-links-padding:var(--ic-space-md) 0 0 0}footer{display:flex;flex-direction:column;width:100%}.footer-description{background-color:var(--ic-footer-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text);border-bottom:var(--ic-space-1px) solid var(--ic-footer-keyline)}.footer-description-inner{padding:1rem 0}.footer-links{padding:var(--footer-links-padding);background-color:var(--ic-footer-background);color:var(--ic-footer-link);--ic-typography-color:var(--ic-footer-link)}.footer-links-inner{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}.footer-compliance{background-color:var(--ic-footer-bottom-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text)}.footer-compliance-inner{padding:var(--footer-compliance-padding)}.footer-logo{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}.footer-logo>::slotted(){margin-right:var(--ic-space-md)}.footer-caption{margin-bottom:var(--ic-space-md)}.classification-spacing{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){footer{border-top:var(--ic-border-hc)}}';const u=class{constructor(t){o(this,t);this.footerResized=e(this,"footerResized",7);this.resizeObserver=null;this.hostMutationObserver=null;this.resizeObserverCallback=o=>{if(o!==this.deviceSize){this.deviceSize=o}this.footerResized.emit()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const o=n();this.resizeObserverCallback(o)}));this.resizeObserver.observe(this.footerEl)};this.deviceSize=a.XL;this.foregroundColor=s();this.aligned="left";this.breakpoint="medium";this.caption=undefined;this.copyright=true;this.description=undefined;this.groupLinks=false}disconnectedCallback(){var o;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}(o=this.hostMutationObserver)===null||o===void 0?void 0:o.disconnect()}componentWillLoad(){this.deviceSize=n()}componentDidLoad(){c(this.runResizeObserver);this.hostMutationObserver=new MutationObserver((o=>l(o,"link",this)));this.hostMutationObserver.observe(this.el,{childList:true})}brandChangeHandler(o){this.foregroundColor=o.detail.mode}isSmall(){const o=this.breakpoint;return o==="extra small"?this.deviceSize<a.XS:o==="small"?this.deviceSize<a.S:o==="medium"?this.deviceSize<a.M:o==="large"?this.deviceSize<a.L:o==="extra large"?this.deviceSize<a.XL:false}render(){const{aligned:o,caption:e,copyright:r,description:n,deviceSize:s,el:c,foregroundColor:l,groupLinks:m}=this;const u=this.isSmall();const g=d(c,"logo")||d(c,"caption")||e||r;return t(i,{class:{["ic-footer"]:true,[`ic-footer-${u?"small":"sparse"}`]:true,[`ic-footer-${m?"grouped":"ungrouped"}`]:true,[`ic-footer-foreground-${l}`]:true,[`ic-footer-${f.Dark}`]:l===f.Dark,[`ic-footer-${f.Light}`]:l===f.Light}},t("footer",{ref:o=>this.footerEl=o},(d(c,"description")||n)&&t("div",{class:"footer-description"},t("ic-section-container",{aligned:o,fullHeight:true},t("div",{class:"footer-description-inner"},t("ic-typography",{variant:"body"},t("slot",{name:"description"},n))))),d(c,"link")&&t("div",{class:"footer-links"},m&&u?t("div",{class:"footer-links-inner",role:"list"},t("slot",{name:"link"})):t("ic-section-container",{fullHeight:true,aligned:o},t("div",{class:"footer-links-inner",role:"list"},t("slot",{name:"link"})))),g&&t("div",{class:"footer-compliance"},t("ic-section-container",{aligned:o,fullHeight:true},t("div",{class:"footer-compliance-inner"},d(c,"logo")&&t("div",{class:"footer-logo"},t("slot",{name:"logo"})),(d(c,"caption")||e)&&t("div",{class:"footer-caption"},t("ic-typography",{variant:s<=a.M?"caption":"body"},t("slot",{name:"caption"},e))),r&&t("div",{class:{["footer-copyright"]:true,["classification-spacing"]:p()}},t("ic-typography",{variant:s<=a.M?"caption-uppercase":"label-uppercase"},"© Crown Copyright")))))))}get el(){return r(this)}};u.style=m;export{u as ic_footer};
2
+ //# sourceMappingURL=p-15e382a4.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icFooterCss","Footer","constructor","hostRef","this","resizeObserver","hostMutationObserver","resizeObserverCallback","currSize","deviceSize","footerResized","emit","runResizeObserver","ResizeObserver","getCurrentDeviceSize","observe","footerEl","IC_DEVICE_SIZES","XL","foregroundColor","getBrandForegroundAppearance","aligned","breakpoint","caption","undefined","copyright","description","groupLinks","disconnectedCallback","_a","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","MutationObserver","mutationList","renderDynamicChildSlots","el","childList","brandChangeHandler","ev","detail","mode","isSmall","bp","XS","S","M","L","render","small","showComplianceSection","isSlotUsed","h","Host","class","IcBrandForegroundEnum","Dark","Light","ref","fullHeight","variant","name","role","hasClassificationBanner"],"sources":["../web-components/dist/collection/components/ic-footer/ic-footer.css?tag=ic-footer&encapsulation=shadow","../web-components/dist/collection/components/ic-footer/ic-footer.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: block;\n\n --footer-compliance-padding: 1rem 0;\n}\n\n:host(.ic-footer-sparse) {\n --footer-links-padding: 1.5rem 0;\n --footer-logo-margin-bottom: calc(var(--ic-space-md) + var(--ic-space-xxs));\n --footer-link-inner-flex-direction: row;\n}\n\n:host(.ic-footer-small) {\n --footer-links-padding: 0 0;\n --footer-logo-margin-bottom: var(--ic-space-md);\n --footer-link-inner-flex-direction: column;\n}\n\n:host(.ic-footer-foreground-dark) {\n --ic-footer-background: var(--ic-brand-color-secondary-light);\n --ic-footer-bottom-background: var(--ic-brand-color-tertiary-light);\n --ic-footer-keyline: var(--ic-state-layer-darken-20);\n --ic-footer-text: var(--ic-color-text-primary-light);\n --ic-footer-link: var(--ic-color-text-primary-light);\n --ic-footer-icon: var(--ic-color-icon-neutral);\n --ic-footer-chevron-icon: var(--ic-color-icon-neutral);\n --ic-footer-logo: var(--ic-color-icon-neutral);\n --ic-footer-hover: var(--ic-architectural-700-state-layer-10);\n --ic-footer-pressed: var(--ic-architectural-700-state-layer-20);\n}\n\n:host(.ic-footer-small.ic-footer-ungrouped) {\n --footer-links-padding: var(--ic-space-md) 0 0 0;\n}\n\n/* Main inner footer element */\nfooter {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n/* Description */\n\n.footer-description {\n background-color: var(--ic-footer-background);\n color: var(--ic-footer-text);\n\n --ic-typography-color: var(--ic-footer-text);\n\n border-bottom: var(--ic-space-1px) solid var(--ic-footer-keyline);\n}\n\n.footer-description-inner {\n padding: 1rem 0;\n}\n\n/* Links */\n\n.footer-links {\n padding: var(--footer-links-padding);\n background-color: var(--ic-footer-background);\n color: var(--ic-footer-link);\n\n --ic-typography-color: var(--ic-footer-link);\n}\n\n.footer-links-inner {\n display: flex;\n flex-direction: var(--footer-link-inner-flex-direction);\n}\n\n/* Compliance */\n\n.footer-compliance {\n background-color: var(--ic-footer-bottom-background);\n color: var(--ic-footer-text);\n\n --ic-typography-color: var(--ic-footer-text);\n}\n\n.footer-compliance-inner {\n padding: var(--footer-compliance-padding);\n}\n\n.footer-logo {\n margin-bottom: var(--footer-logo-margin-bottom);\n display: flex;\n gap: var(--ic-space-xxl);\n}\n\n.footer-logo > ::slotted() {\n margin-right: var(--ic-space-md);\n}\n\n.footer-caption {\n margin-bottom: var(--ic-space-md);\n}\n\n.classification-spacing {\n margin-bottom: var(--ic-space-lg);\n}\n\n@media (forced-colors: active) {\n footer {\n border-top: var(--ic-border-hc);\n }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\nimport { getCurrentDeviceSize, getBrandForegroundAppearance, checkResizeObserver, hasClassificationBanner, isSlotUsed, renderDynamicChildSlots, } from \"../../utils/helpers\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\n/**\n * @slot description - Content will be rendered at the top of the footer.\n * @slot link - Content will be rendered between description and logos.\n * @slot logo - Content will be rendered underneath footer links.\n * @slot caption - Content will be rendered above Crown Copyright.\n */\nexport class Footer {\n constructor() {\n this.resizeObserver = null;\n this.hostMutationObserver = null;\n this.resizeObserverCallback = (currSize) => {\n if (currSize !== this.deviceSize) {\n this.deviceSize = currSize;\n }\n this.footerResized.emit();\n };\n this.runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n const currSize = getCurrentDeviceSize();\n this.resizeObserverCallback(currSize);\n });\n this.resizeObserver.observe(this.footerEl);\n };\n this.deviceSize = IC_DEVICE_SIZES.XL;\n this.foregroundColor = getBrandForegroundAppearance();\n this.aligned = \"left\";\n this.breakpoint = \"medium\";\n this.caption = undefined;\n this.copyright = true;\n this.description = undefined;\n this.groupLinks = false;\n }\n disconnectedCallback() {\n var _a;\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n componentWillLoad() {\n this.deviceSize = getCurrentDeviceSize();\n }\n componentDidLoad() {\n checkResizeObserver(this.runResizeObserver);\n this.hostMutationObserver = new MutationObserver((mutationList) => {\n return renderDynamicChildSlots(mutationList, \"link\", this);\n });\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n brandChangeHandler(ev) {\n this.foregroundColor = ev.detail.mode;\n }\n isSmall() {\n const bp = this.breakpoint;\n return bp === \"extra small\"\n ? this.deviceSize < IC_DEVICE_SIZES.XS\n : bp === \"small\"\n ? this.deviceSize < IC_DEVICE_SIZES.S\n : bp === \"medium\"\n ? this.deviceSize < IC_DEVICE_SIZES.M\n : bp === \"large\"\n ? this.deviceSize < IC_DEVICE_SIZES.L\n : bp === \"extra large\"\n ? this.deviceSize < IC_DEVICE_SIZES.XL\n : false;\n }\n render() {\n const { aligned, caption, copyright, description, deviceSize, el, foregroundColor, groupLinks, } = this;\n const small = this.isSmall();\n const showComplianceSection = isSlotUsed(el, \"logo\") ||\n isSlotUsed(el, \"caption\") ||\n caption ||\n copyright;\n return (h(Host, { class: {\n [\"ic-footer\"]: true,\n [`ic-footer-${small ? \"small\" : \"sparse\"}`]: true,\n [`ic-footer-${groupLinks ? \"grouped\" : \"ungrouped\"}`]: true,\n [`ic-footer-foreground-${foregroundColor}`]: true,\n // Slots will be able to infer their own color\n [`ic-footer-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,\n [`ic-footer-${IcBrandForegroundEnum.Light}`]: foregroundColor === IcBrandForegroundEnum.Light,\n } }, h(\"footer\", { ref: (footerEl) => (this.footerEl = footerEl) }, (isSlotUsed(el, \"description\") || description) && (h(\"div\", { class: \"footer-description\" }, h(\"ic-section-container\", { aligned: aligned, fullHeight: true }, h(\"div\", { class: \"footer-description-inner\" }, h(\"ic-typography\", { variant: \"body\" }, h(\"slot\", { name: \"description\" }, description)))))), isSlotUsed(el, \"link\") && (h(\"div\", { class: \"footer-links\" }, groupLinks && small ? (h(\"div\", { class: \"footer-links-inner\", role: \"list\" }, h(\"slot\", { name: \"link\" }))) : (h(\"ic-section-container\", { fullHeight: true, aligned: aligned }, h(\"div\", { class: \"footer-links-inner\", role: \"list\" }, h(\"slot\", { name: \"link\" })))))), showComplianceSection && (h(\"div\", { class: \"footer-compliance\" }, h(\"ic-section-container\", { aligned: aligned, fullHeight: true }, h(\"div\", { class: \"footer-compliance-inner\" }, isSlotUsed(el, \"logo\") && (h(\"div\", { class: \"footer-logo\" }, h(\"slot\", { name: \"logo\" }))), (isSlotUsed(el, \"caption\") || caption) && (h(\"div\", { class: \"footer-caption\" }, h(\"ic-typography\", { variant: deviceSize <= IC_DEVICE_SIZES.M ? \"caption\" : \"body\" }, h(\"slot\", { name: \"caption\" }, caption)))), copyright && (h(\"div\", { class: {\n [\"footer-copyright\"]: true,\n [\"classification-spacing\"]: hasClassificationBanner(),\n } }, h(\"ic-typography\", { variant: deviceSize <= IC_DEVICE_SIZES.M\n ? \"caption-uppercase\"\n : \"label-uppercase\" }, \"\\u00A9 Crown Copyright\"))))))))));\n }\n static get is() { return \"ic-footer\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-footer.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-footer.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAlignment\",\n \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\"\",\n \"references\": {\n \"IcAlignment\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the section containers used within the footer.\"\n },\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"left\\\"\"\n },\n \"breakpoint\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcFooterBreakpoints\",\n \"resolved\": \"\\\"extra large\\\" | \\\"extra small\\\" | \\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcFooterBreakpoints\": {\n \"location\": \"import\",\n \"path\": \"./ic-footer.types\",\n \"id\": \"src/components/ic-footer/ic-footer.types.tsx::IcFooterBreakpoints\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The screen size breakpoint at which to switch to the small layout.\"\n },\n \"attribute\": \"breakpoint\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"caption\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The caption displayed at the bottom of the footer.\"\n },\n \"attribute\": \"caption\",\n \"reflect\": false\n },\n \"copyright\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the footer will display the crown copyright at the bottom.\"\n },\n \"attribute\": \"copyright\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"description\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The description displayed at the top of the footer.\"\n },\n \"attribute\": \"description\",\n \"reflect\": false\n },\n \"groupLinks\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the footer will be set up to handle link groups instead of standalone links.\"\n },\n \"attribute\": \"group-links\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"deviceSize\": {},\n \"foregroundColor\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"footerResized\",\n \"name\": \"footerResized\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Triggers on page resize and triggers style changes in footer links and link groups\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"brandChange\",\n \"method\": \"brandChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-footer.js.map\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{r as i,c as e,h as t,H as c,g as s}from"./p-8455d1bb.js";import{r as a,k as o,j as r,b as n,l,n as h}from"./p-fa002d21.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;--ic-input-label-text-color:var(--ic-switch-label);--ic-input-label-helper-text-color:var(--ic-switch-help-text)}input{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ic-switch-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}.ic-switch-label{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}.ic-switch-label-small{margin-bottom:0.625rem}.ic-switch-toggle{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}.ic-switch-line-break{flex:1 0 100%}.ic-switch-checked-status{padding-left:var(--ic-space-xxs);width:var(--ic-space-lg);color:var(--ic-switch-help-text)}.ic-switch-toggle::before{content:"";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-switch-unchecked);transition:var(--ic-transition-duration-slow)}.ic-switch-icon{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}.ic-switch-icon-circle,.ic-switch-icon-line{stroke-width:1}.ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off)}.ic-switch-icon-line{stroke:var(--ic-switch-indicator-on)}@media (prefers-reduced-motion: reduce){.ic-switch-toggle::before{transition-duration:0ms}}.ic-switch-input:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg);border:none}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-switch-checked)}.ic-switch-input:not([disabled])+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover)}.ic-switch-input:not([disabled])+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-hover)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-pressed)}.ic-switch-input:focus:not([disabled])+.ic-switch-toggle,.ic-switch-input:focus-visible:not([disabled])+.ic-switch-toggle{box-shadow:var(--ic-border-focus)}.ic-switch-disabled{cursor:default}.ic-switch-disabled .ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off-disabled)}.ic-switch-disabled .ic-switch-icon-line{stroke:var(--ic-switch-indicator-on-disabled)}.ic-switch-input:disabled+.ic-switch-toggle{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled)}.ic-switch-input:disabled~.ic-switch-checked-status{color:var(--ic-architectural-300)}.ic-switch-input:disabled+.ic-switch-toggle::before{background-color:var(--ic-switch-unchecked-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n var(--ic-switch-checked-outline-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle::before{background-color:var(--ic-switch-checked)}.ic-switch-small{gap:var(--ic-space-xxxs)}.ic-switch-small .ic-switch-checked-status{padding-left:0.375rem}.ic-switch-small .ic-switch-toggle{width:var(--ic-space-xxl);height:var(--ic-space-lg)}.ic-switch-small .ic-switch-toggle::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}.ic-switch-small .ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-lg), -50%)}::slotted(*){margin-left:var(--ic-space-sm)}::slotted(svg){fill:var(--ic-switch-icon)}@media (forced-colors: active){.ic-switch-toggle::before,.ic-switch-input:checked+.ic-switch-toggle{border:var(--ic-border-hc)}.ic-switch-input:focus+.ic-switch-toggle{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}.ic-switch-input:disabled+.ic-switch-toggle,.ic-switch-input:disabled:checked+.ic-switch-toggle,.ic-switch-input:disabled+.ic-switch-toggle::before{border-color:GrayText}.ic-switch-input:disabled~.ic-switch-checked-status{color:GrayText}.ic-switch-disabled .ic-switch-icon-circle,.ic-switch-disabled .ic-switch-icon-line{stroke:GrayText}}';let b=0;const p=class{constructor(t){i(this,t);this.icBlur=e(this,"icBlur",7);this.icChange=e(this,"icChange",7);this.icFocus=e(this,"icFocus",7);this.inputId=`ic-switch-input-${b++}`;this.handleChange=()=>{this.checkedState=!this.checkedState;this.icChange.emit({checked:this.checkedState,value:this.value})};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.handleFormReset=()=>{this.checkedState=this.initiallyChecked};this.checkedState=false;this.initiallyChecked=this.checked;this.checked=false;this.disabled=false;this.helperText="";this.hideLabel=false;this.label=undefined;this.name=this.inputId;this.showState=false;this.size="medium";this.theme="inherit";this.value="on"}checkedChangeHandler(){this.checkedState=this.checked}watchDisabledHandler(){a(this.disabled,this.el)}disconnectedCallback(){o(this.el,this.handleFormReset)}componentWillLoad(){this.checkedState=this.checked;r(this.el,this.handleFormReset);a(this.disabled,this.el)}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Switch")}async setFocus(){if(this.el.shadowRoot.querySelector("input")){this.el.shadowRoot.querySelector("input").focus()}}render(){const{label:i,checkedState:e,size:s,disabled:a,name:o,showState:r,value:n,hideLabel:d,helperText:b,inputId:p,theme:w}=this;l(true,this.el,o,e?n:"",a);const u=h(p,b!=="",false);return t(c,{class:{[`ic-theme-${w}`]:w!=="inherit"}},t("label",{class:{["ic-switch-container"]:true,["ic-switch-disabled"]:a,["ic-switch-small"]:s==="small"},htmlFor:p},!d&&t("ic-input-label",{for:p,label:i,helperText:b,readonly:true,disabled:a,class:{["ic-switch-label"]:true,["ic-switch-label-small"]:s==="small"}}),!d&&t("span",{class:"ic-switch-line-break"}),t("input",{checked:e,disabled:a,"aria-label":i,"aria-checked":e?"true":"false","aria-describedby":u,role:"switch",class:"ic-switch-input",type:"checkbox",name:"toggle",id:p,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.handleChange}),t("span",{class:"ic-switch-toggle"},t("svg",{class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("line",{class:"ic-switch-icon-line",x1:"9",y1:s==="small"?"2":"1",x2:"9",y2:s==="small"?"8":"9"})),t("svg",{class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("circle",{class:"ic-switch-icon-circle",fill:"none",cx:"5",cy:"5",r:s==="small"?"3.335":"4.445"}))),t("slot",{name:"right-adornment"}),r&&t("ic-typography",{"aria-hidden":"true",variant:"label",class:"ic-switch-checked-status"},e?"On":"Off")))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChangeHandler"],disabled:["watchDisabledHandler"]}}};p.style=d;export{p as ic_switch};
2
+ //# sourceMappingURL=p-16b64836.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icSwitchCss","inputIds","Switch","constructor","hostRef","this","inputId","handleChange","checkedState","icChange","emit","checked","value","onFocus","icFocus","onBlur","icBlur","handleFormReset","initiallyChecked","disabled","helperText","hideLabel","label","undefined","name","showState","size","theme","checkedChangeHandler","watchDisabledHandler","removeDisabledFalse","el","disconnectedCallback","removeFormResetListener","componentWillLoad","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","setFocus","shadowRoot","querySelector","focus","render","renderHiddenInput","describedBy","getInputDescribedByText","h","Host","class","htmlFor","for","readonly","role","type","id","onChange","focusable","viewBox","xmlns","x1","y1","x2","y2","fill","cx","cy","r","variant","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-switch/ic-switch.css?tag=ic-switch&encapsulation=shadow","../web-components/dist/collection/components/ic-switch/ic-switch.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: inline-block;\n\n --ic-input-label-text-color: var(--ic-switch-label);\n --ic-input-label-helper-text-color: var(--ic-switch-help-text);\n}\n\ninput {\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.ic-switch-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--ic-space-xxs);\n cursor: pointer;\n}\n\n.ic-switch-label {\n margin-left: var(--ic-space-xxs);\n margin-bottom: var(--ic-space-sm);\n}\n\n.ic-switch-label-small {\n margin-bottom: 0.625rem;\n}\n\n.ic-switch-toggle {\n display: flex;\n align-items: center;\n justify-content: space-around;\n width: 4rem;\n height: var(--ic-space-xl);\n position: relative;\n border-radius: 100vw;\n background-color: var(--ic-switch-unchecked-bg);\n border: var(--ic-border-width) solid var(--ic-switch-unchecked);\n box-sizing: border-box;\n transition: var(--ic-transition-duration-fast);\n}\n\n.ic-switch-line-break {\n flex: 1 0 100%;\n}\n\n.ic-switch-checked-status {\n padding-left: var(--ic-space-xxs);\n width: var(--ic-space-lg);\n color: var(--ic-switch-help-text);\n}\n\n.ic-switch-toggle::before {\n content: \"\";\n width: 1.333rem;\n height: 1.333rem;\n border-radius: 50%;\n position: absolute;\n z-index: 2;\n top: 50%;\n left: 0.333rem;\n transform: translate(0, -50%);\n background-color: var(--ic-switch-unchecked);\n transition: var(--ic-transition-duration-slow);\n}\n\n.ic-switch-icon {\n display: inline-block;\n vertical-align: middle;\n width: 0.625rem;\n height: 0.625rem;\n}\n\n.ic-switch-icon-circle,\n.ic-switch-icon-line {\n stroke-width: 1;\n}\n\n.ic-switch-icon-circle {\n stroke: var(--ic-switch-indicator-off);\n}\n\n.ic-switch-icon-line {\n stroke: var(--ic-switch-indicator-on);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ic-switch-toggle::before {\n transition-duration: 0ms;\n }\n}\n\n.ic-switch-input:checked + .ic-switch-toggle {\n background-color: var(--ic-switch-checked-bg);\n border: none;\n}\n\n.ic-switch-input:checked + .ic-switch-toggle::before {\n transform: translate(var(--ic-space-xl), -50%);\n background-color: var(--ic-switch-checked);\n}\n\n.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before {\n box-shadow: 0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover);\n}\n\n.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before {\n box-shadow: 0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed);\n}\n\n.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:hover::before {\n box-shadow: 0 0 0 0.75rem var(--ic-switch-checked-bg-hover);\n}\n\n.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before {\n box-shadow: 0 0 0 0.75rem var(--ic-switch-checked-bg-pressed);\n}\n\n.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle {\n box-shadow: var(--ic-border-focus);\n}\n\n.ic-switch-disabled {\n cursor: default;\n}\n\n.ic-switch-disabled .ic-switch-icon-circle {\n stroke: var(--ic-switch-indicator-off-disabled);\n}\n\n.ic-switch-disabled .ic-switch-icon-line {\n stroke: var(--ic-switch-indicator-on-disabled);\n}\n\n.ic-switch-input:disabled + .ic-switch-toggle {\n background-color: var(--ic-switch-unchecked-bg-disabled);\n border: var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled);\n}\n\n.ic-switch-input:disabled ~ .ic-switch-checked-status {\n color: var(--ic-architectural-300);\n}\n\n.ic-switch-input:disabled + .ic-switch-toggle::before {\n background-color: var(--ic-switch-unchecked-disabled);\n}\n\n.ic-switch-input:disabled:checked + .ic-switch-toggle {\n background-color: var(--ic-switch-checked-bg-disabled);\n border: var(--ic-border-width) dashed\n var(--ic-switch-checked-outline-disabled);\n}\n\n.ic-switch-input:disabled:checked + .ic-switch-toggle::before {\n background-color: var(--ic-switch-checked);\n}\n\n.ic-switch-small {\n gap: var(--ic-space-xxxs);\n}\n\n.ic-switch-small .ic-switch-checked-status {\n padding-left: 0.375rem;\n}\n\n.ic-switch-small .ic-switch-toggle {\n width: var(--ic-space-xxl);\n height: var(--ic-space-lg);\n}\n\n.ic-switch-small .ic-switch-toggle::before {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n left: var(--ic-space-xxs);\n}\n\n.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before {\n transform: translate(var(--ic-space-lg), -50%);\n}\n\n::slotted(*) {\n margin-left: var(--ic-space-sm);\n}\n\n::slotted(svg) {\n fill: var(--ic-switch-icon);\n}\n\n@media (forced-colors: active) {\n .ic-switch-toggle::before,\n .ic-switch-input:checked + .ic-switch-toggle {\n border: var(--ic-border-hc);\n }\n\n .ic-switch-input:focus + .ic-switch-toggle {\n border-color: highlight;\n outline: var(--ic-space-xxxs) solid highlight;\n }\n\n .ic-switch-input:checked + .ic-switch-toggle::before {\n transform: translate(calc(var(--ic-space-xl) - 0.125rem), -50%);\n }\n\n .ic-switch-input:disabled + .ic-switch-toggle,\n .ic-switch-input:disabled:checked + .ic-switch-toggle,\n .ic-switch-input:disabled + .ic-switch-toggle::before {\n border-color: GrayText;\n }\n\n .ic-switch-input:disabled ~ .ic-switch-checked-status {\n color: GrayText;\n }\n\n .ic-switch-disabled .ic-switch-icon-circle,\n .ic-switch-disabled .ic-switch-icon-line {\n stroke: GrayText;\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getInputDescribedByText, onComponentRequiredPropUndefined, renderHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, } from \"../../utils/helpers\";\nlet inputIds = 0;\n/**\n * @slot right-adornment - Content is placed to the right of switch before state label.\n */\nexport class Switch {\n constructor() {\n this.inputId = `ic-switch-input-${inputIds++}`;\n this.handleChange = () => {\n this.checkedState = !this.checkedState;\n this.icChange.emit({\n checked: this.checkedState,\n value: this.value,\n });\n };\n this.onFocus = () => {\n this.icFocus.emit();\n };\n this.onBlur = () => {\n this.icBlur.emit();\n };\n this.handleFormReset = () => {\n this.checkedState = this.initiallyChecked;\n };\n this.checkedState = false;\n this.initiallyChecked = this.checked;\n this.checked = false;\n this.disabled = false;\n this.helperText = \"\";\n this.hideLabel = false;\n this.label = undefined;\n this.name = this.inputId;\n this.showState = false;\n this.size = \"medium\";\n this.theme = \"inherit\";\n this.value = \"on\";\n }\n checkedChangeHandler() {\n this.checkedState = this.checked;\n }\n watchDisabledHandler() {\n removeDisabledFalse(this.disabled, this.el);\n }\n disconnectedCallback() {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n componentWillLoad() {\n this.checkedState = this.checked;\n addFormResetListener(this.el, this.handleFormReset);\n removeDisabledFalse(this.disabled, this.el);\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Switch\");\n }\n /**\n * Sets focus on the switch.\n */\n async setFocus() {\n if (this.el.shadowRoot.querySelector(\"input\")) {\n this.el.shadowRoot.querySelector(\"input\").focus();\n }\n }\n render() {\n const { label, checkedState, size, disabled, name, showState, value, hideLabel, helperText, inputId, theme, } = this;\n renderHiddenInput(true, this.el, name, checkedState ? value : \"\", disabled);\n const describedBy = getInputDescribedByText(inputId, helperText !== \"\", false);\n return (h(Host, { class: {\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n } }, h(\"label\", { class: {\n [\"ic-switch-container\"]: true,\n [\"ic-switch-disabled\"]: disabled,\n [\"ic-switch-small\"]: size === \"small\",\n }, htmlFor: inputId }, !hideLabel && (h(\"ic-input-label\", { for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {\n [\"ic-switch-label\"]: true,\n [\"ic-switch-label-small\"]: size === \"small\",\n } })), !hideLabel && h(\"span\", { class: \"ic-switch-line-break\" }), h(\"input\", { checked: checkedState, disabled: disabled, \"aria-label\": label, \"aria-checked\": checkedState ? \"true\" : \"false\", \"aria-describedby\": describedBy, role: \"switch\", class: \"ic-switch-input\", type: \"checkbox\", name: \"toggle\", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), h(\"span\", { class: \"ic-switch-toggle\" }, h(\"svg\", { class: \"ic-switch-icon\", \"aria-hidden\": \"true\", focusable: \"false\", viewBox: \"0 0 10 10\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"line\", { class: \"ic-switch-icon-line\", x1: \"9\", y1: size === \"small\" ? \"2\" : \"1\", x2: \"9\", y2: size === \"small\" ? \"8\" : \"9\" })), h(\"svg\", { class: \"ic-switch-icon\", \"aria-hidden\": \"true\", focusable: \"false\", viewBox: \"0 0 10 10\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"circle\", { class: \"ic-switch-icon-circle\", fill: \"none\", cx: \"5\", cy: \"5\", r: size === \"small\" ? \"3.335\" : \"4.445\" }))), h(\"slot\", { name: \"right-adornment\" }), showState && (h(\"ic-typography\", { \"aria-hidden\": \"true\", variant: \"label\", class: \"ic-switch-checked-status\" }, checkedState ? \"On\" : \"Off\")))));\n }\n static get is() { return \"ic-switch\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-switch.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-switch.css\"]\n };\n }\n static get properties() {\n return {\n \"checked\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the switch will display as checked.\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the disabled state will be set.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"helperText\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The helper text that will be displayed for additional field guidance.\"\n },\n \"attribute\": \"helper-text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"hideLabel\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n },\n \"attribute\": \"hide-label\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The aria-label applied to the switch when no visual 'name' is provided.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The name of the control, which is submitted with the form data.\"\n },\n \"attribute\": \"name\",\n \"reflect\": false,\n \"defaultValue\": \"this.inputId\"\n },\n \"showState\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the switch will render the On/Off state text.\"\n },\n \"attribute\": \"show-state\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizesNoLarge\",\n \"resolved\": \"\\\"medium\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizesNoLarge\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the switch component.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | null\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The value of the toggle does not mean if it's checked or not, use the `checked`\\nproperty for that.\\n\\nThe value of a toggle is analogous to the value of a `<input type=\\\"checkbox\\\">`,\\nit's only used when the toggle participates in a native `<form>`.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"on\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"checkedState\": {},\n \"initiallyChecked\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icBlur\",\n \"name\": \"icBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the toggle loses focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icChange\",\n \"name\": \"icChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the value property has changed.\"\n },\n \"complexType\": {\n \"original\": \"IcSwitchChangeEventDetail\",\n \"resolved\": \"IcSwitchChangeEventDetail\",\n \"references\": {\n \"IcSwitchChangeEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-switch.types\",\n \"id\": \"src/components/ic-switch/ic-switch.types.ts::IcSwitchChangeEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icFocus\",\n \"name\": \"icFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the toggle has focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the switch.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"checked\",\n \"methodName\": \"checkedChangeHandler\"\n }, {\n \"propName\": \"disabled\",\n \"methodName\": \"watchDisabledHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-switch.js.map\n"],"mappings":"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"}