@esri/calcite-components 1.0.0-next.460 → 1.0.0-next.463

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (855) hide show
  1. package/dist/calcite/calcite.esm.js +2 -2
  2. package/dist/calcite/calcite.js +1 -1
  3. package/dist/calcite/index.esm.js +1 -1
  4. package/dist/calcite/{p-18873966.system.entry.js → p-012bac2f.system.entry.js} +2 -2
  5. package/dist/calcite/p-03763324.entry.js +6 -0
  6. package/dist/calcite/p-04937667.system.entry.js +6 -0
  7. package/dist/calcite/p-0522f64b.system.entry.js +6 -0
  8. package/dist/calcite/{p-8e6d12b8.system.js → p-05b658c3.system.js} +1 -1
  9. package/dist/calcite/{p-30ff5207.system.js → p-05ff73fa.system.js} +1 -1
  10. package/dist/calcite/p-067ec802.entry.js +6 -0
  11. package/dist/calcite/p-072c5078.entry.js +6 -0
  12. package/dist/calcite/{p-99066459.system.js → p-073fd396.system.js} +1 -1
  13. package/dist/calcite/p-08a0e5e7.system.entry.js +6 -0
  14. package/dist/calcite/{p-3e21be06.entry.js → p-0b234a4e.entry.js} +2 -2
  15. package/dist/calcite/{p-de803e0e.system.js → p-137de7a9.system.js} +2 -2
  16. package/dist/calcite/{p-d2d4f39e.system.entry.js → p-13e51a75.system.entry.js} +2 -2
  17. package/dist/calcite/{p-837910ca.system.entry.js → p-17cfb9c1.system.entry.js} +2 -2
  18. package/dist/calcite/{p-6dc32060.js → p-18214d4e.js} +1 -1
  19. package/dist/calcite/{p-88fa0aa1.system.js → p-185f9c9b.system.js} +1 -1
  20. package/dist/calcite/p-1db9909c.system.entry.js +6 -0
  21. package/dist/calcite/{p-4738ca8f.js → p-1e972f14.js} +1 -1
  22. package/dist/calcite/{p-dcd120aa.entry.js → p-21e2f111.entry.js} +2 -2
  23. package/dist/calcite/{p-1531ca90.system.js → p-225e070b.system.js} +1 -1
  24. package/dist/calcite/p-24639718.system.entry.js +6 -0
  25. package/dist/calcite/{p-7febaf2b.entry.js → p-26bfa2c8.entry.js} +2 -2
  26. package/dist/calcite/p-27420098.entry.js +6 -0
  27. package/dist/calcite/p-278c6aa7.system.entry.js +6 -0
  28. package/dist/calcite/p-27a45f19.entry.js +6 -0
  29. package/dist/calcite/{p-cf07e076.system.entry.js → p-29ed09b3.system.entry.js} +3 -3
  30. package/dist/calcite/p-2a615182.system.entry.js +6 -0
  31. package/dist/calcite/{p-bb0c44b0.system.entry.js → p-2afda726.system.entry.js} +2 -2
  32. package/dist/calcite/{p-5d4ff560.system.entry.js → p-2e89b88a.system.entry.js} +2 -2
  33. package/dist/calcite/{p-3f025198.js → p-2eb0e6b1.js} +2 -2
  34. package/dist/calcite/p-30b68104.system.entry.js +6 -0
  35. package/dist/calcite/p-30dffd65.system.entry.js +6 -0
  36. package/dist/calcite/p-317352ba.entry.js +6 -0
  37. package/dist/calcite/{p-d59c594f.js → p-35bd5b33.js} +1 -1
  38. package/dist/calcite/{p-503903b8.entry.js → p-360efa27.entry.js} +2 -2
  39. package/dist/calcite/{p-d46a5053.system.js → p-36a10379.system.js} +1 -1
  40. package/dist/calcite/p-39ab2b28.entry.js +6 -0
  41. package/dist/calcite/{p-a33322b5.entry.js → p-3a4c9534.entry.js} +2 -2
  42. package/dist/calcite/p-3b0435eb.entry.js +6 -0
  43. package/dist/calcite/{p-b7dfb289.entry.js → p-3b663fe3.entry.js} +2 -2
  44. package/dist/calcite/{p-898bbc37.js → p-3c53fae2.js} +2 -2
  45. package/dist/calcite/p-3cd9efd8.entry.js +6 -0
  46. package/dist/calcite/{p-2ec4474b.entry.js → p-3ecd932e.entry.js} +2 -2
  47. package/dist/calcite/p-3fc798b0.js +6 -0
  48. package/dist/calcite/p-4190c2db.js +6 -0
  49. package/dist/calcite/{p-a1da11d4.system.entry.js → p-41de1929.system.entry.js} +2 -2
  50. package/dist/calcite/{p-75f77bad.js → p-41edf365.js} +2 -2
  51. package/dist/calcite/{p-65c7a71b.system.js → p-42ca4516.system.js} +2 -2
  52. package/dist/calcite/{p-fb6d978e.system.js → p-430e291b.system.js} +1 -1
  53. package/dist/calcite/{p-f8b04802.system.js → p-44002bba.system.js} +2 -2
  54. package/dist/calcite/{p-17135b9a.system.entry.js → p-44d3686d.system.entry.js} +2 -2
  55. package/dist/calcite/p-45721bc0.system.entry.js +6 -0
  56. package/dist/calcite/p-489d6ea3.entry.js +6 -0
  57. package/dist/calcite/{p-d43c578e.entry.js → p-493cf5fc.entry.js} +2 -2
  58. package/dist/calcite/{p-4ff298fe.js → p-499ed95d.js} +2 -2
  59. package/dist/calcite/{p-e64ad06b.system.entry.js → p-4b8c54ff.system.entry.js} +2 -2
  60. package/dist/calcite/p-4baae866.entry.js +6 -0
  61. package/dist/calcite/{p-1ba33b3b.system.js → p-54921a0f.system.js} +1 -1
  62. package/dist/calcite/{p-fae07bff.system.entry.js → p-55e8aae7.system.entry.js} +2 -2
  63. package/dist/calcite/{p-9d562aa6.js → p-586668c1.js} +1 -1
  64. package/dist/calcite/p-5d3ce50b.system.entry.js +6 -0
  65. package/dist/calcite/{p-426220ba.entry.js → p-5d71b7da.entry.js} +2 -2
  66. package/dist/calcite/p-5f2ab479.system.js +6 -0
  67. package/dist/calcite/p-5f44791e.system.entry.js +6 -0
  68. package/dist/calcite/p-6071b8bf.entry.js +6 -0
  69. package/dist/calcite/{p-9b790cd6.system.js → p-63e00123.system.js} +2 -2
  70. package/dist/calcite/{p-132c4fbc.entry.js → p-640889b4.entry.js} +2 -2
  71. package/dist/calcite/{p-1b3cd523.entry.js → p-67114561.entry.js} +2 -2
  72. package/dist/calcite/{p-7cb5488d.entry.js → p-6720f642.entry.js} +2 -2
  73. package/dist/calcite/{p-7c252d22.system.js → p-676a9d2a.system.js} +2 -2
  74. package/dist/calcite/{p-bbc23e1d.system.js → p-676ea8f3.system.js} +1 -1
  75. package/dist/calcite/{p-d6e4ed4b.system.entry.js → p-689daf2f.system.entry.js} +2 -2
  76. package/dist/calcite/{p-8256e10b.system.entry.js → p-68d9e58f.system.entry.js} +2 -2
  77. package/dist/calcite/p-698a69e3.entry.js +6 -0
  78. package/dist/calcite/p-69ed1a6a.system.entry.js +6 -0
  79. package/dist/calcite/{p-f2d72a02.system.js → p-6ad06ac7.system.js} +1 -1
  80. package/dist/calcite/{p-7093828d.entry.js → p-6b82d37a.entry.js} +2 -2
  81. package/dist/calcite/p-6f876aa0.system.js +6 -0
  82. package/dist/calcite/{p-c06f1557.js → p-70b93d65.js} +1 -1
  83. package/dist/calcite/{p-1c002fcb.entry.js → p-71236fc9.entry.js} +2 -2
  84. package/dist/calcite/{p-002a5b22.system.entry.js → p-723e6a58.system.entry.js} +2 -2
  85. package/dist/calcite/p-7247130b.system.entry.js +6 -0
  86. package/dist/calcite/p-7475a9e7.system.entry.js +6 -0
  87. package/dist/calcite/{p-ec562709.js → p-74bf1ba2.js} +1 -1
  88. package/dist/calcite/p-76e38da9.system.entry.js +6 -0
  89. package/dist/calcite/{p-8440e79f.js → p-77d89707.js} +1 -1
  90. package/dist/calcite/p-77e0f1ba.system.js +6 -0
  91. package/dist/calcite/{p-2278a71e.system.entry.js → p-79a24ed8.system.entry.js} +2 -2
  92. package/dist/calcite/{p-afdfd261.system.js → p-7b4eb54d.system.js} +3 -3
  93. package/dist/calcite/p-7be626d2.entry.js +6 -0
  94. package/dist/calcite/p-7bf6b07a.system.entry.js +6 -0
  95. package/dist/calcite/{p-3473ca95.entry.js → p-807c0746.entry.js} +2 -2
  96. package/dist/calcite/{p-7acb41e5.js → p-80c66ef6.js} +1 -1
  97. package/dist/calcite/{p-6e96b12f.system.entry.js → p-85b200b1.system.entry.js} +2 -2
  98. package/dist/calcite/p-88812e35.entry.js +6 -0
  99. package/dist/calcite/p-895fa8d6.js +6 -0
  100. package/dist/calcite/{p-03bf13ce.js → p-8a331a16.js} +1 -1
  101. package/dist/calcite/{p-2ecde02d.entry.js → p-8a835fa9.entry.js} +2 -2
  102. package/dist/calcite/{p-d79d3502.system.entry.js → p-8b7d78b5.system.entry.js} +2 -2
  103. package/dist/calcite/p-8f0f191f.entry.js +6 -0
  104. package/dist/calcite/p-920eeb64.entry.js +6 -0
  105. package/dist/calcite/{p-cc9c446b.entry.js → p-9325521b.entry.js} +2 -2
  106. package/dist/calcite/{p-4cd5391e.entry.js → p-935d3d34.entry.js} +2 -2
  107. package/dist/calcite/p-946dfbbe.entry.js +6 -0
  108. package/dist/calcite/{p-6386a010.js → p-966eacae.js} +2 -2
  109. package/dist/calcite/{p-79ee3046.system.entry.js → p-977e2f2b.system.entry.js} +2 -2
  110. package/dist/calcite/p-995a2abe.system.js +6 -0
  111. package/dist/calcite/{p-e7088de0.system.entry.js → p-9a39f2ad.system.entry.js} +2 -2
  112. package/dist/calcite/p-9f34e6ed.system.entry.js +6 -0
  113. package/dist/calcite/{p-031256e6.system.entry.js → p-a10a7033.system.entry.js} +2 -2
  114. package/dist/calcite/{p-635134ee.system.entry.js → p-a116f984.system.entry.js} +2 -2
  115. package/dist/calcite/{p-0d3ee826.system.entry.js → p-a32c02b2.system.entry.js} +2 -2
  116. package/dist/calcite/{p-cc00c1e0.system.js → p-a36c3433.system.js} +2 -2
  117. package/dist/calcite/p-a46f9a15.entry.js +6 -0
  118. package/dist/calcite/p-a576cc5c.entry.js +6 -0
  119. package/dist/calcite/{p-7d751138.system.entry.js → p-a6715157.system.entry.js} +2 -2
  120. package/dist/calcite/{p-46067095.js → p-a8c3f4e4.js} +1 -1
  121. package/dist/calcite/{p-a6bf61eb.js → p-a9b775b2.js} +1 -1
  122. package/dist/calcite/{p-4abfedbe.entry.js → p-aa7868b7.entry.js} +2 -2
  123. package/dist/calcite/{p-985b0ca1.js → p-b04542ff.js} +1 -1
  124. package/dist/calcite/p-b21561ed.system.entry.js +6 -0
  125. package/dist/calcite/{p-de6cf59a.js → p-b5f633a5.js} +1 -1
  126. package/dist/calcite/{p-8cd6f314.system.entry.js → p-b9447f9d.system.entry.js} +2 -2
  127. package/dist/calcite/{p-da30d63c.system.entry.js → p-bb2d0079.system.entry.js} +2 -2
  128. package/dist/calcite/p-bcf85a09.system.entry.js +6 -0
  129. package/dist/calcite/{p-b866654a.system.js → p-bfd25463.system.js} +1 -1
  130. package/dist/calcite/p-c4d7b59e.entry.js +6 -0
  131. package/dist/calcite/{p-4870e446.system.entry.js → p-c58e1477.system.entry.js} +2 -2
  132. package/dist/calcite/p-c5d15f7c.system.entry.js +6 -0
  133. package/dist/calcite/p-c5fbab16.entry.js +6 -0
  134. package/dist/calcite/p-c6bd1de7.system.entry.js +6 -0
  135. package/dist/calcite/{p-e709a866.system.entry.js → p-c706af28.system.entry.js} +2 -2
  136. package/dist/calcite/{p-f48de06f.system.entry.js → p-cbdaab9c.system.entry.js} +2 -2
  137. package/dist/calcite/p-cd25fd53.entry.js +6 -0
  138. package/dist/calcite/{p-4c06be13.js → p-cdb71230.js} +2 -2
  139. package/dist/calcite/{p-06e5a9ca.system.entry.js → p-d159bdc7.system.entry.js} +2 -2
  140. package/dist/calcite/{p-df4a0b4a.entry.js → p-d1a695ef.entry.js} +2 -2
  141. package/dist/calcite/p-d2bd3e50.system.js +6 -0
  142. package/dist/calcite/{p-09b5cdce.system.entry.js → p-d36cbfc9.system.entry.js} +2 -2
  143. package/dist/calcite/{p-277153f9.entry.js → p-d3ed373e.entry.js} +2 -2
  144. package/dist/calcite/p-d3fff0e6.system.entry.js +6 -0
  145. package/dist/calcite/{p-b950de85.entry.js → p-d604f84d.entry.js} +2 -2
  146. package/dist/calcite/p-d64a7840.js +6 -0
  147. package/dist/calcite/{p-b47ca820.system.entry.js → p-dad38a9d.system.entry.js} +2 -2
  148. package/dist/calcite/{p-3d03d240.entry.js → p-db491eaa.entry.js} +2 -2
  149. package/dist/calcite/p-db524aef.entry.js +6 -0
  150. package/dist/calcite/p-dee24ce2.system.entry.js +6 -0
  151. package/dist/calcite/p-e18b1b95.system.entry.js +6 -0
  152. package/dist/calcite/{p-171df6d5.system.js → p-e7ad40f8.system.js} +1 -1
  153. package/dist/calcite/{p-ce3e0ceb.entry.js → p-eba1098d.entry.js} +2 -2
  154. package/dist/calcite/p-ecf5a2bd.js +6 -0
  155. package/dist/calcite/{p-cec41051.system.js → p-ee130cac.system.js} +1 -1
  156. package/dist/calcite/{p-e05ca959.entry.js → p-f452a7ef.entry.js} +2 -2
  157. package/dist/calcite/p-f468edcd.entry.js +6 -0
  158. package/dist/calcite/p-f54d8728.entry.js +6 -0
  159. package/dist/calcite/{p-0f147bc7.entry.js → p-f72f050b.entry.js} +2 -2
  160. package/dist/calcite/{p-005bb727.system.js → p-f7435fc9.system.js} +1 -1
  161. package/dist/calcite/p-f7850dc8.entry.js +6 -0
  162. package/dist/calcite/{p-164f2d13.entry.js → p-f903ded8.entry.js} +2 -2
  163. package/dist/calcite/{p-e5d15c01.entry.js → p-f937bc8c.entry.js} +2 -2
  164. package/dist/calcite/{p-43dcff1c.entry.js → p-f94ef41e.entry.js} +2 -2
  165. package/dist/calcite/{p-2ce8bc86.system.entry.js → p-f991d05a.system.entry.js} +2 -2
  166. package/dist/calcite/p-fbc26740.entry.js +6 -0
  167. package/dist/calcite/{p-a0356871.system.entry.js → p-feb710e4.system.entry.js} +2 -2
  168. package/dist/cjs/{ExpandToggle-29ae1a57.js → ExpandToggle-eec03d68.js} +5 -5
  169. package/dist/cjs/{Heading-5ac9dde8.js → Heading-3dca469a.js} +2 -2
  170. package/dist/cjs/{array-7c34ba51.js → array-c55dfade.js} +1 -1
  171. package/dist/cjs/calcite-accordion_2.cjs.entry.js +5 -5
  172. package/dist/cjs/calcite-action-bar.cjs.entry.js +10 -10
  173. package/dist/cjs/calcite-action-group.cjs.entry.js +8 -8
  174. package/dist/cjs/calcite-action-menu.cjs.entry.js +9 -9
  175. package/dist/cjs/calcite-action-pad.cjs.entry.js +9 -9
  176. package/dist/cjs/calcite-action.cjs.entry.js +7 -5
  177. package/dist/cjs/calcite-alert.cjs.entry.js +6 -6
  178. package/dist/cjs/calcite-avatar.cjs.entry.js +5 -5
  179. package/dist/cjs/calcite-block_2.cjs.entry.js +12 -12
  180. package/dist/cjs/calcite-button.cjs.entry.js +11 -10
  181. package/dist/cjs/calcite-card.cjs.entry.js +7 -7
  182. package/dist/cjs/calcite-checkbox.cjs.entry.js +8 -8
  183. package/dist/cjs/calcite-chip.cjs.entry.js +6 -6
  184. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +21 -11
  185. package/dist/cjs/calcite-combobox_3.cjs.entry.js +18 -15
  186. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +9 -9
  187. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +9 -9
  188. package/dist/cjs/calcite-fab.cjs.entry.js +5 -5
  189. package/dist/cjs/calcite-filter.cjs.entry.js +12 -9
  190. package/dist/cjs/calcite-flow.cjs.entry.js +3 -3
  191. package/dist/cjs/calcite-graph_2.cjs.entry.js +9 -9
  192. package/dist/cjs/calcite-handle.cjs.entry.js +5 -3
  193. package/dist/cjs/calcite-icon.cjs.entry.js +6 -6
  194. package/dist/cjs/calcite-inline-editable.cjs.entry.js +7 -7
  195. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +17 -12
  196. package/dist/cjs/calcite-input-message.cjs.entry.js +4 -4
  197. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +19 -14
  198. package/dist/cjs/calcite-input.cjs.entry.js +53 -32
  199. package/dist/cjs/calcite-label.cjs.entry.js +5 -5
  200. package/dist/cjs/calcite-link.cjs.entry.js +5 -5
  201. package/dist/cjs/calcite-list_3.cjs.entry.js +8 -8
  202. package/dist/cjs/calcite-loader.cjs.entry.js +3 -3
  203. package/dist/cjs/calcite-modal.cjs.entry.js +6 -6
  204. package/dist/cjs/calcite-notice.cjs.entry.js +7 -7
  205. package/dist/cjs/calcite-option_3.cjs.entry.js +8 -8
  206. package/dist/cjs/calcite-pagination.cjs.entry.js +2 -2
  207. package/dist/cjs/calcite-panel.cjs.entry.js +10 -10
  208. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +12 -12
  209. package/dist/cjs/calcite-popover_2.cjs.entry.js +9 -9
  210. package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
  211. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +3 -3
  212. package/dist/cjs/calcite-radio-button.cjs.entry.js +9 -9
  213. package/dist/cjs/calcite-radio-group_2.cjs.entry.js +8 -8
  214. package/dist/cjs/calcite-rating.cjs.entry.js +7 -7
  215. package/dist/cjs/calcite-scrim.cjs.entry.js +2 -2
  216. package/dist/cjs/calcite-shell_3.cjs.entry.js +7 -7
  217. package/dist/cjs/calcite-sortable-list.cjs.entry.js +5 -5
  218. package/dist/cjs/calcite-split-button.cjs.entry.js +3 -3
  219. package/dist/cjs/calcite-stepper_2.cjs.entry.js +6 -6
  220. package/dist/cjs/calcite-switch.cjs.entry.js +8 -8
  221. package/dist/cjs/calcite-tab_4.cjs.entry.js +8 -8
  222. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +4 -4
  223. package/dist/cjs/calcite-tile.cjs.entry.js +7 -7
  224. package/dist/cjs/calcite-tip_3.cjs.entry.js +8 -8
  225. package/dist/cjs/calcite-tooltip_2.cjs.entry.js +6 -6
  226. package/dist/cjs/calcite-tree_2.cjs.entry.js +7 -7
  227. package/dist/cjs/calcite-value-list_2.cjs.entry.js +12 -12
  228. package/dist/cjs/calcite.cjs.js +2 -2
  229. package/dist/cjs/{conditionalSlot-06d76ae7.js → conditionalSlot-a75bd651.js} +3 -3
  230. package/dist/cjs/{debounce-4cf96666.js → debounce-81dd86f2.js} +1 -1
  231. package/dist/cjs/{dom-abb07de0.js → dom-638a3591.js} +13 -2
  232. package/dist/cjs/{forIn-3c860503.js → forIn-f55313be.js} +2 -2
  233. package/dist/cjs/{form-ba671b5b.js → form-3294e196.js} +19 -3
  234. package/dist/cjs/{guid-932a13e8.js → guid-d5bb6094.js} +1 -1
  235. package/dist/cjs/{index-15183423.js → index-92a35a7d.js} +1 -1
  236. package/dist/cjs/index.cjs.js +1 -1
  237. package/dist/cjs/{interactive-b8f67cd2.js → interactive-5cbde708.js} +1 -1
  238. package/dist/cjs/{interfaces-424466b0.js → interfaces-7b17a4dd.js} +1 -1
  239. package/dist/cjs/{label-a92f86c2.js → label-c132e6a6.js} +2 -2
  240. package/dist/cjs/loader.cjs.js +2 -2
  241. package/dist/cjs/{locale-da69ea9a.js → locale-6602a5f7.js} +2 -2
  242. package/dist/cjs/{math-4b5ed92f.js → math-99f530cf.js} +1 -1
  243. package/dist/cjs/{number-a09f456c.js → number-501f63b2.js} +1 -1
  244. package/dist/cjs/{observers-775a55de.js → observers-bfab8337.js} +1 -1
  245. package/dist/cjs/{popper-dd03f435.js → popper-7f7e9026.js} +2 -2
  246. package/dist/cjs/{resources-37c81e6d.js → resources-2b6a1a83.js} +3 -3
  247. package/dist/cjs/{resources-1bc3b371.js → resources-73235792.js} +6 -6
  248. package/dist/cjs/{resources-b3893e4c.js → resources-9c8d43de.js} +1 -1
  249. package/dist/cjs/{resources-abb78051.js → resources-ac912490.js} +1 -1
  250. package/dist/cjs/{sortable.esm-e51b7bf6.js → sortable.esm-91bcdc48.js} +1 -1
  251. package/dist/cjs/{utils-40514965.js → utils-e6fb1a55.js} +1 -1
  252. package/dist/collection/components/accordion/accordion.js +1 -1
  253. package/dist/collection/components/accordion/interfaces.js +1 -1
  254. package/dist/collection/components/accordion-item/accordion-item.js +3 -3
  255. package/dist/collection/components/action/action.js +3 -2
  256. package/dist/collection/components/action/resources.js +1 -1
  257. package/dist/collection/components/action-bar/action-bar.js +1 -1
  258. package/dist/collection/components/action-bar/resources.js +1 -1
  259. package/dist/collection/components/action-bar/utils.js +1 -1
  260. package/dist/collection/components/action-group/action-group.js +1 -1
  261. package/dist/collection/components/action-group/resources.js +1 -1
  262. package/dist/collection/components/action-menu/action-menu.js +3 -3
  263. package/dist/collection/components/action-menu/resources.js +1 -1
  264. package/dist/collection/components/action-pad/action-pad.js +1 -1
  265. package/dist/collection/components/action-pad/resources.js +1 -1
  266. package/dist/collection/components/alert/alert.js +3 -3
  267. package/dist/collection/components/alert/interfaces.js +1 -1
  268. package/dist/collection/components/alert/resources.js +1 -1
  269. package/dist/collection/components/avatar/avatar.js +1 -1
  270. package/dist/collection/components/avatar/utils.js +1 -1
  271. package/dist/collection/components/block/block.js +5 -5
  272. package/dist/collection/components/block/resources.js +1 -1
  273. package/dist/collection/components/block-section/block-section.js +3 -3
  274. package/dist/collection/components/block-section/interfaces.js +1 -1
  275. package/dist/collection/components/block-section/resources.js +1 -1
  276. package/dist/collection/components/button/button.js +5 -4
  277. package/dist/collection/components/button/interfaces.js +1 -1
  278. package/dist/collection/components/button/resources.js +1 -1
  279. package/dist/collection/components/card/card.js +3 -3
  280. package/dist/collection/components/card/resources.js +1 -1
  281. package/dist/collection/components/checkbox/checkbox.js +3 -2
  282. package/dist/collection/components/chip/chip.js +1 -1
  283. package/dist/collection/components/chip/interfaces.js +1 -1
  284. package/dist/collection/components/chip/resources.js +1 -1
  285. package/dist/collection/components/color-picker/color-picker.css +2 -9
  286. package/dist/collection/components/color-picker/color-picker.js +7 -2
  287. package/dist/collection/components/color-picker/interfaces.js +1 -1
  288. package/dist/collection/components/color-picker/resources.js +1 -1
  289. package/dist/collection/components/color-picker/utils.js +1 -1
  290. package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js +7 -2
  291. package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
  292. package/dist/collection/components/color-picker-swatch/color-picker-swatch.js +1 -1
  293. package/dist/collection/components/color-picker-swatch/resources.js +1 -1
  294. package/dist/collection/components/combobox/combobox.js +9 -5
  295. package/dist/collection/components/combobox/interfaces.js +1 -1
  296. package/dist/collection/components/combobox/resources.js +1 -1
  297. package/dist/collection/components/combobox/utils.js +1 -1
  298. package/dist/collection/components/combobox-item/combobox-item.js +1 -1
  299. package/dist/collection/components/combobox-item/resources.js +1 -1
  300. package/dist/collection/components/combobox-item-group/combobox-item-group.js +1 -1
  301. package/dist/collection/components/combobox-item-group/resources.js +1 -1
  302. package/dist/collection/components/date-picker/date-picker.js +1 -1
  303. package/dist/collection/components/date-picker/interfaces.js +1 -1
  304. package/dist/collection/components/date-picker/resources.js +1 -1
  305. package/dist/collection/components/date-picker/utils.js +1 -1
  306. package/dist/collection/components/date-picker-day/date-picker-day.js +1 -1
  307. package/dist/collection/components/date-picker-month/date-picker-month.js +1 -1
  308. package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +1 -1
  309. package/dist/collection/components/dropdown/dropdown.js +4 -4
  310. package/dist/collection/components/dropdown/interfaces.js +1 -1
  311. package/dist/collection/components/dropdown/resources.js +1 -1
  312. package/dist/collection/components/dropdown-group/dropdown-group.js +1 -1
  313. package/dist/collection/components/dropdown-group/interfaces.js +1 -1
  314. package/dist/collection/components/dropdown-group/resources.js +1 -1
  315. package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
  316. package/dist/collection/components/dropdown-item/resources.js +1 -1
  317. package/dist/collection/components/fab/fab.js +1 -1
  318. package/dist/collection/components/fab/resources.js +1 -1
  319. package/dist/collection/components/filter/filter.js +6 -3
  320. package/dist/collection/components/filter/resources.js +1 -1
  321. package/dist/collection/components/flow/flow.js +1 -1
  322. package/dist/collection/components/flow/interfaces.js +1 -1
  323. package/dist/collection/components/flow/resources.js +1 -1
  324. package/dist/collection/components/functional/ExpandToggle.js +1 -1
  325. package/dist/collection/components/functional/Heading.js +1 -1
  326. package/dist/collection/components/graph/graph.js +1 -1
  327. package/dist/collection/components/graph/interfaces.js +1 -1
  328. package/dist/collection/components/graph/util.js +1 -1
  329. package/dist/collection/components/handle/handle.js +3 -2
  330. package/dist/collection/components/handle/resources.js +1 -1
  331. package/dist/collection/components/icon/icon.js +3 -3
  332. package/dist/collection/components/icon/resources.js +1 -1
  333. package/dist/collection/components/icon/utils.js +1 -1
  334. package/dist/collection/components/inline-editable/inline-editable.js +1 -1
  335. package/dist/collection/components/inline-editable/resources.js +1 -1
  336. package/dist/collection/components/input/input.js +44 -23
  337. package/dist/collection/components/input/interfaces.js +1 -1
  338. package/dist/collection/components/input/resources.js +1 -1
  339. package/dist/collection/components/input-date-picker/input-date-picker.js +11 -5
  340. package/dist/collection/components/input-message/input-message.js +1 -1
  341. package/dist/collection/components/input-message/interfaces.js +1 -1
  342. package/dist/collection/components/input-time-picker/input-time-picker.js +13 -8
  343. package/dist/collection/components/interfaces.js +1 -1
  344. package/dist/collection/components/label/label.js +1 -1
  345. package/dist/collection/components/label/resources.js +1 -1
  346. package/dist/collection/components/link/link.js +1 -1
  347. package/dist/collection/components/list/list.js +1 -1
  348. package/dist/collection/components/list/resources.js +1 -1
  349. package/dist/collection/components/list-item/list-item.js +1 -1
  350. package/dist/collection/components/list-item/resources.js +1 -1
  351. package/dist/collection/components/list-item-group/list-item-group.js +1 -1
  352. package/dist/collection/components/list-item-group/resources.js +1 -1
  353. package/dist/collection/components/loader/loader.js +1 -1
  354. package/dist/collection/components/modal/interfaces.js +1 -1
  355. package/dist/collection/components/modal/modal.js +1 -1
  356. package/dist/collection/components/modal/resources.js +1 -1
  357. package/dist/collection/components/notice/notice.js +1 -1
  358. package/dist/collection/components/notice/resources.js +1 -1
  359. package/dist/collection/components/option/option.js +1 -1
  360. package/dist/collection/components/option-group/option-group.js +1 -1
  361. package/dist/collection/components/pagination/pagination.js +1 -1
  362. package/dist/collection/components/pagination/resources.js +1 -1
  363. package/dist/collection/components/panel/panel.js +3 -3
  364. package/dist/collection/components/panel/resources.js +1 -1
  365. package/dist/collection/components/pick-list/pick-list.js +1 -1
  366. package/dist/collection/components/pick-list/resources.js +1 -1
  367. package/dist/collection/components/pick-list/shared-list-logic.js +1 -1
  368. package/dist/collection/components/pick-list/shared-list-render.js +3 -2
  369. package/dist/collection/components/pick-list-group/pick-list-group.js +1 -1
  370. package/dist/collection/components/pick-list-group/resources.js +1 -1
  371. package/dist/collection/components/pick-list-item/pick-list-item.js +3 -3
  372. package/dist/collection/components/pick-list-item/resources.js +1 -1
  373. package/dist/collection/components/popover/PopoverManager.js +1 -1
  374. package/dist/collection/components/popover/popover.js +4 -4
  375. package/dist/collection/components/popover/resources.js +1 -1
  376. package/dist/collection/components/popover-manager/popover-manager.js +1 -1
  377. package/dist/collection/components/progress/progress.js +1 -1
  378. package/dist/collection/components/radio-button/radio-button.js +3 -3
  379. package/dist/collection/components/radio-button/resources.js +1 -1
  380. package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
  381. package/dist/collection/components/radio-group/interfaces.js +1 -1
  382. package/dist/collection/components/radio-group/radio-group.js +1 -1
  383. package/dist/collection/components/radio-group-item/radio-group-item.js +3 -3
  384. package/dist/collection/components/radio-group-item/resources.js +1 -1
  385. package/dist/collection/components/rating/rating.js +1 -1
  386. package/dist/collection/components/rating/resources.js +1 -1
  387. package/dist/collection/components/scrim/resources.js +1 -1
  388. package/dist/collection/components/scrim/scrim.js +1 -1
  389. package/dist/collection/components/select/resources.js +1 -1
  390. package/dist/collection/components/select/select.js +1 -1
  391. package/dist/collection/components/shell/resources.js +1 -1
  392. package/dist/collection/components/shell/shell.js +1 -1
  393. package/dist/collection/components/shell-center-row/resources.js +1 -1
  394. package/dist/collection/components/shell-center-row/shell-center-row.js +1 -1
  395. package/dist/collection/components/shell-panel/resources.js +1 -1
  396. package/dist/collection/components/shell-panel/shell-panel.js +1 -1
  397. package/dist/collection/components/slider/slider.js +1 -1
  398. package/dist/collection/components/sortable-list/resources.js +1 -1
  399. package/dist/collection/components/sortable-list/sortable-list.js +1 -1
  400. package/dist/collection/components/split-button/resources.js +1 -1
  401. package/dist/collection/components/split-button/split-button.js +1 -1
  402. package/dist/collection/components/stepper/stepper.js +1 -1
  403. package/dist/collection/components/stepper-item/stepper-item.js +3 -3
  404. package/dist/collection/components/switch/switch.js +3 -3
  405. package/dist/collection/components/tab/interfaces.js +1 -1
  406. package/dist/collection/components/tab/tab.js +3 -3
  407. package/dist/collection/components/tab-nav/tab-nav.js +1 -1
  408. package/dist/collection/components/tab-title/tab-title.js +3 -3
  409. package/dist/collection/components/tabs/interfaces.js +1 -1
  410. package/dist/collection/components/tabs/resources.js +1 -1
  411. package/dist/collection/components/tabs/tabs.js +1 -1
  412. package/dist/collection/components/tile/resources.js +1 -1
  413. package/dist/collection/components/tile/tile.js +1 -1
  414. package/dist/collection/components/tile-select/interfaces.js +1 -1
  415. package/dist/collection/components/tile-select/resources.js +1 -1
  416. package/dist/collection/components/tile-select/tile-select.js +1 -1
  417. package/dist/collection/components/tile-select-group/interfaces.js +1 -1
  418. package/dist/collection/components/tile-select-group/tile-select-group.js +1 -1
  419. package/dist/collection/components/time-picker/resources.js +1 -1
  420. package/dist/collection/components/time-picker/time-picker.js +1 -1
  421. package/dist/collection/components/tip/resources.js +1 -1
  422. package/dist/collection/components/tip/tip.js +1 -1
  423. package/dist/collection/components/tip-group/tip-group.js +1 -1
  424. package/dist/collection/components/tip-manager/resources.js +1 -1
  425. package/dist/collection/components/tip-manager/tip-manager.js +3 -3
  426. package/dist/collection/components/tooltip/TooltipManager.js +1 -1
  427. package/dist/collection/components/tooltip/resources.js +1 -1
  428. package/dist/collection/components/tooltip/tooltip.js +3 -3
  429. package/dist/collection/components/tooltip-manager/tooltip-manager.js +1 -1
  430. package/dist/collection/components/tree/interfaces.js +1 -1
  431. package/dist/collection/components/tree/tree.js +1 -1
  432. package/dist/collection/components/tree-item/interfaces.js +1 -1
  433. package/dist/collection/components/tree-item/resources.js +1 -1
  434. package/dist/collection/components/tree-item/tree-item.js +3 -3
  435. package/dist/collection/components/value-list/resources.js +1 -1
  436. package/dist/collection/components/value-list/value-list.js +1 -1
  437. package/dist/collection/components/value-list-item/resources.js +1 -1
  438. package/dist/collection/components/value-list-item/value-list-item.js +3 -3
  439. package/dist/collection/utils/array.js +1 -1
  440. package/dist/collection/utils/conditionalSlot.js +1 -1
  441. package/dist/collection/utils/date.js +1 -1
  442. package/dist/collection/utils/dom.js +11 -1
  443. package/dist/collection/utils/filter.js +1 -1
  444. package/dist/collection/utils/form.js +15 -1
  445. package/dist/collection/utils/globalAttributes.js +1 -1
  446. package/dist/collection/utils/guid.js +1 -1
  447. package/dist/collection/utils/interactive.js +1 -1
  448. package/dist/collection/utils/key.js +1 -1
  449. package/dist/collection/utils/label.js +1 -1
  450. package/dist/collection/utils/locale.js +1 -1
  451. package/dist/collection/utils/math.js +1 -1
  452. package/dist/collection/utils/number.js +1 -1
  453. package/dist/collection/utils/observers.js +1 -1
  454. package/dist/collection/utils/popper.js +1 -1
  455. package/dist/collection/utils/resources.js +1 -1
  456. package/dist/collection/utils/time.js +1 -1
  457. package/dist/components/ExpandToggle.js +1 -1
  458. package/dist/components/Heading.js +1 -1
  459. package/dist/components/action-group.js +1 -1
  460. package/dist/components/action-menu.js +3 -3
  461. package/dist/components/action.js +3 -2
  462. package/dist/components/array.js +1 -1
  463. package/dist/components/button.js +5 -4
  464. package/dist/components/calcite-accordion-item.js +3 -3
  465. package/dist/components/calcite-accordion.js +1 -1
  466. package/dist/components/calcite-action-bar.js +1 -1
  467. package/dist/components/calcite-action-group.js +1 -1
  468. package/dist/components/calcite-action-menu.js +1 -1
  469. package/dist/components/calcite-action-pad.js +1 -1
  470. package/dist/components/calcite-action.js +1 -1
  471. package/dist/components/calcite-alert.js +3 -3
  472. package/dist/components/calcite-avatar.js +1 -1
  473. package/dist/components/calcite-block-section.js +3 -3
  474. package/dist/components/calcite-block.js +5 -5
  475. package/dist/components/calcite-button.js +1 -1
  476. package/dist/components/calcite-card.js +3 -3
  477. package/dist/components/calcite-checkbox.js +1 -1
  478. package/dist/components/calcite-chip.js +1 -1
  479. package/dist/components/calcite-color-picker-hex-input.js +1 -1
  480. package/dist/components/calcite-color-picker-swatch.js +1 -1
  481. package/dist/components/calcite-color-picker.js +8 -3
  482. package/dist/components/calcite-combobox-item-group.js +1 -1
  483. package/dist/components/calcite-combobox-item.js +1 -1
  484. package/dist/components/calcite-combobox.js +9 -5
  485. package/dist/components/calcite-date-picker-day.js +1 -1
  486. package/dist/components/calcite-date-picker-month-header.js +1 -1
  487. package/dist/components/calcite-date-picker-month.js +1 -1
  488. package/dist/components/calcite-date-picker.js +1 -1
  489. package/dist/components/calcite-dropdown-group.js +1 -1
  490. package/dist/components/calcite-dropdown-item.js +3 -3
  491. package/dist/components/calcite-dropdown.js +1 -1
  492. package/dist/components/calcite-fab.js +1 -1
  493. package/dist/components/calcite-filter.js +1 -1
  494. package/dist/components/calcite-flow.js +1 -1
  495. package/dist/components/calcite-graph.js +1 -1
  496. package/dist/components/calcite-handle.js +1 -1
  497. package/dist/components/calcite-icon.js +1 -1
  498. package/dist/components/calcite-inline-editable.js +1 -1
  499. package/dist/components/calcite-input-date-picker.js +9 -3
  500. package/dist/components/calcite-input-message.js +1 -1
  501. package/dist/components/calcite-input-time-picker.js +13 -8
  502. package/dist/components/calcite-input.js +1 -1
  503. package/dist/components/calcite-label.js +1 -1
  504. package/dist/components/calcite-link.js +1 -1
  505. package/dist/components/calcite-list-item-group.js +1 -1
  506. package/dist/components/calcite-list-item.js +1 -1
  507. package/dist/components/calcite-list.js +1 -1
  508. package/dist/components/calcite-loader.js +1 -1
  509. package/dist/components/calcite-modal.js +1 -1
  510. package/dist/components/calcite-notice.js +1 -1
  511. package/dist/components/calcite-option-group.js +1 -1
  512. package/dist/components/calcite-option.js +1 -1
  513. package/dist/components/calcite-pagination.js +1 -1
  514. package/dist/components/calcite-panel.js +3 -3
  515. package/dist/components/calcite-pick-list-group.js +1 -1
  516. package/dist/components/calcite-pick-list-item.js +1 -1
  517. package/dist/components/calcite-pick-list.js +1 -1
  518. package/dist/components/calcite-popover-manager.js +1 -1
  519. package/dist/components/calcite-popover.js +1 -1
  520. package/dist/components/calcite-progress.js +1 -1
  521. package/dist/components/calcite-radio-button-group.js +1 -1
  522. package/dist/components/calcite-radio-button.js +3 -3
  523. package/dist/components/calcite-radio-group-item.js +3 -3
  524. package/dist/components/calcite-radio-group.js +1 -1
  525. package/dist/components/calcite-rating.js +1 -1
  526. package/dist/components/calcite-scrim.js +1 -1
  527. package/dist/components/calcite-select.js +1 -1
  528. package/dist/components/calcite-shell-center-row.js +1 -1
  529. package/dist/components/calcite-shell-panel.js +1 -1
  530. package/dist/components/calcite-shell.js +1 -1
  531. package/dist/components/calcite-slider.js +1 -1
  532. package/dist/components/calcite-sortable-list.js +1 -1
  533. package/dist/components/calcite-split-button.js +1 -1
  534. package/dist/components/calcite-stepper-item.js +3 -3
  535. package/dist/components/calcite-stepper.js +1 -1
  536. package/dist/components/calcite-switch.js +1 -1
  537. package/dist/components/calcite-tab-nav.js +1 -1
  538. package/dist/components/calcite-tab-title.js +1 -1
  539. package/dist/components/calcite-tab.js +1 -1
  540. package/dist/components/calcite-tabs.js +1 -1
  541. package/dist/components/calcite-tile-select-group.js +1 -1
  542. package/dist/components/calcite-tile-select.js +1 -1
  543. package/dist/components/calcite-tile.js +1 -1
  544. package/dist/components/calcite-time-picker.js +1 -1
  545. package/dist/components/calcite-tip-group.js +1 -1
  546. package/dist/components/calcite-tip-manager.js +3 -3
  547. package/dist/components/calcite-tip.js +1 -1
  548. package/dist/components/calcite-tooltip-manager.js +1 -1
  549. package/dist/components/calcite-tooltip.js +3 -3
  550. package/dist/components/calcite-tree-item.js +3 -3
  551. package/dist/components/calcite-tree.js +1 -1
  552. package/dist/components/calcite-value-list-item.js +3 -3
  553. package/dist/components/calcite-value-list.js +1 -1
  554. package/dist/components/checkbox.js +3 -2
  555. package/dist/components/chip.js +1 -1
  556. package/dist/components/color-picker-hex-input.js +7 -2
  557. package/dist/components/color-picker-swatch.js +1 -1
  558. package/dist/components/conditionalSlot.js +1 -1
  559. package/dist/components/date-picker-day.js +1 -1
  560. package/dist/components/date-picker-month-header.js +1 -1
  561. package/dist/components/date-picker-month.js +1 -1
  562. package/dist/components/date-picker.js +1 -1
  563. package/dist/components/date.js +1 -1
  564. package/dist/components/debounce.js +1 -1
  565. package/dist/components/dom.js +12 -2
  566. package/dist/components/dropdown.js +3 -3
  567. package/dist/components/filter.js +6 -3
  568. package/dist/components/forIn.js +1 -1
  569. package/dist/components/form.js +16 -2
  570. package/dist/components/graph.js +1 -1
  571. package/dist/components/guid.js +1 -1
  572. package/dist/components/handle.js +3 -2
  573. package/dist/components/icon.js +3 -3
  574. package/dist/components/index.js +1 -1
  575. package/dist/components/input.js +44 -23
  576. package/dist/components/interactive.js +1 -1
  577. package/dist/components/interfaces.js +1 -1
  578. package/dist/components/interfaces2.js +1 -1
  579. package/dist/components/label.js +1 -1
  580. package/dist/components/label2.js +1 -1
  581. package/dist/components/link.js +1 -1
  582. package/dist/components/loader.js +1 -1
  583. package/dist/components/locale.js +1 -1
  584. package/dist/components/math.js +1 -1
  585. package/dist/components/number.js +1 -1
  586. package/dist/components/observers.js +1 -1
  587. package/dist/components/pick-list-item.js +3 -3
  588. package/dist/components/popover.js +4 -4
  589. package/dist/components/popper.js +1 -1
  590. package/dist/components/progress.js +1 -1
  591. package/dist/components/resources.js +1 -1
  592. package/dist/components/resources2.js +1 -1
  593. package/dist/components/resources3.js +1 -1
  594. package/dist/components/scrim.js +1 -1
  595. package/dist/components/shared-list-render.js +3 -3
  596. package/dist/components/sortable.esm.js +1 -1
  597. package/dist/components/switch.js +3 -3
  598. package/dist/components/tab-nav.js +1 -1
  599. package/dist/components/tab-title.js +3 -3
  600. package/dist/components/tab.js +3 -3
  601. package/dist/components/tabs.js +1 -1
  602. package/dist/components/tile.js +1 -1
  603. package/dist/components/time-picker.js +1 -1
  604. package/dist/components/utils.js +1 -1
  605. package/dist/components/utils2.js +1 -1
  606. package/dist/custom-elements/index.js +307 -236
  607. package/dist/esm/{ExpandToggle-094da9ae.js → ExpandToggle-fdd1d5e0.js} +5 -5
  608. package/dist/esm/{Heading-03c506f1.js → Heading-d9ebdbbf.js} +2 -2
  609. package/dist/esm/{array-6754b500.js → array-2b4c1f87.js} +1 -1
  610. package/dist/esm/calcite-accordion_2.entry.js +5 -5
  611. package/dist/esm/calcite-action-bar.entry.js +10 -10
  612. package/dist/esm/calcite-action-group.entry.js +8 -8
  613. package/dist/esm/calcite-action-menu.entry.js +9 -9
  614. package/dist/esm/calcite-action-pad.entry.js +9 -9
  615. package/dist/esm/calcite-action.entry.js +7 -5
  616. package/dist/esm/calcite-alert.entry.js +6 -6
  617. package/dist/esm/calcite-avatar.entry.js +5 -5
  618. package/dist/esm/calcite-block_2.entry.js +12 -12
  619. package/dist/esm/calcite-button.entry.js +11 -10
  620. package/dist/esm/calcite-card.entry.js +7 -7
  621. package/dist/esm/calcite-checkbox.entry.js +8 -8
  622. package/dist/esm/calcite-chip.entry.js +6 -6
  623. package/dist/esm/calcite-color-picker_3.entry.js +21 -11
  624. package/dist/esm/calcite-combobox_3.entry.js +18 -15
  625. package/dist/esm/calcite-date-picker_4.entry.js +9 -9
  626. package/dist/esm/calcite-dropdown_3.entry.js +9 -9
  627. package/dist/esm/calcite-fab.entry.js +5 -5
  628. package/dist/esm/calcite-filter.entry.js +12 -9
  629. package/dist/esm/calcite-flow.entry.js +3 -3
  630. package/dist/esm/calcite-graph_2.entry.js +9 -9
  631. package/dist/esm/calcite-handle.entry.js +5 -3
  632. package/dist/esm/calcite-icon.entry.js +6 -6
  633. package/dist/esm/calcite-inline-editable.entry.js +7 -7
  634. package/dist/esm/calcite-input-date-picker.entry.js +17 -12
  635. package/dist/esm/calcite-input-message.entry.js +4 -4
  636. package/dist/esm/calcite-input-time-picker_2.entry.js +19 -14
  637. package/dist/esm/calcite-input.entry.js +53 -32
  638. package/dist/esm/calcite-label.entry.js +5 -5
  639. package/dist/esm/calcite-link.entry.js +5 -5
  640. package/dist/esm/calcite-list_3.entry.js +8 -8
  641. package/dist/esm/calcite-loader.entry.js +3 -3
  642. package/dist/esm/calcite-modal.entry.js +6 -6
  643. package/dist/esm/calcite-notice.entry.js +7 -7
  644. package/dist/esm/calcite-option_3.entry.js +8 -8
  645. package/dist/esm/calcite-pagination.entry.js +2 -2
  646. package/dist/esm/calcite-panel.entry.js +10 -10
  647. package/dist/esm/calcite-pick-list_3.entry.js +12 -12
  648. package/dist/esm/calcite-popover_2.entry.js +9 -9
  649. package/dist/esm/calcite-progress.entry.js +2 -2
  650. package/dist/esm/calcite-radio-button-group.entry.js +3 -3
  651. package/dist/esm/calcite-radio-button.entry.js +9 -9
  652. package/dist/esm/calcite-radio-group_2.entry.js +8 -8
  653. package/dist/esm/calcite-rating.entry.js +7 -7
  654. package/dist/esm/calcite-scrim.entry.js +2 -2
  655. package/dist/esm/calcite-shell_3.entry.js +7 -7
  656. package/dist/esm/calcite-sortable-list.entry.js +5 -5
  657. package/dist/esm/calcite-split-button.entry.js +3 -3
  658. package/dist/esm/calcite-stepper_2.entry.js +6 -6
  659. package/dist/esm/calcite-switch.entry.js +8 -8
  660. package/dist/esm/calcite-tab_4.entry.js +8 -8
  661. package/dist/esm/calcite-tile-select_2.entry.js +4 -4
  662. package/dist/esm/calcite-tile.entry.js +7 -7
  663. package/dist/esm/calcite-tip_3.entry.js +8 -8
  664. package/dist/esm/calcite-tooltip_2.entry.js +6 -6
  665. package/dist/esm/calcite-tree_2.entry.js +7 -7
  666. package/dist/esm/calcite-value-list_2.entry.js +12 -12
  667. package/dist/esm/calcite.js +2 -2
  668. package/dist/esm/{conditionalSlot-43e1cf73.js → conditionalSlot-89778d70.js} +3 -3
  669. package/dist/esm/{debounce-110f54b4.js → debounce-ba30afcb.js} +1 -1
  670. package/dist/esm/{dom-88db3eb6.js → dom-214e75a1.js} +13 -3
  671. package/dist/esm/{forIn-9da70b7d.js → forIn-31833178.js} +2 -2
  672. package/dist/esm/{form-dcab88cf.js → form-d34ea9da.js} +18 -4
  673. package/dist/esm/{guid-33cefddf.js → guid-8f74d44f.js} +1 -1
  674. package/dist/esm/{index-beb6bcc7.js → index-1caffe24.js} +1 -1
  675. package/dist/esm/index.js +1 -1
  676. package/dist/esm/{interactive-5bd99416.js → interactive-fd6bb7b4.js} +1 -1
  677. package/dist/esm/{interfaces-3902fbb4.js → interfaces-de98f02e.js} +1 -1
  678. package/dist/esm/{label-0dbdffd7.js → label-837acdbb.js} +2 -2
  679. package/dist/esm/loader.js +2 -2
  680. package/dist/esm/{locale-39a250fd.js → locale-8b4a419a.js} +2 -2
  681. package/dist/esm/{math-06091d4c.js → math-f0a6db03.js} +1 -1
  682. package/dist/esm/{number-7002c994.js → number-9105c8e0.js} +1 -1
  683. package/dist/esm/{observers-1cacecaa.js → observers-29febf6c.js} +1 -1
  684. package/dist/esm/{popper-48bbd4f4.js → popper-2e46e645.js} +2 -2
  685. package/dist/esm/{resources-ba5f3249.js → resources-2ac98c80.js} +1 -1
  686. package/dist/esm/{resources-76531691.js → resources-75a96a0b.js} +6 -6
  687. package/dist/esm/{resources-d77dd261.js → resources-e24b29c2.js} +1 -1
  688. package/dist/esm/{resources-bfefa000.js → resources-e42a37cb.js} +3 -3
  689. package/dist/esm/{sortable.esm-984301c7.js → sortable.esm-a459ad18.js} +1 -1
  690. package/dist/esm/{utils-dd48d28f.js → utils-70278bc4.js} +1 -1
  691. package/dist/esm-es5/{ExpandToggle-094da9ae.js → ExpandToggle-fdd1d5e0.js} +2 -2
  692. package/dist/esm-es5/{Heading-03c506f1.js → Heading-d9ebdbbf.js} +2 -2
  693. package/dist/esm-es5/{array-6754b500.js → array-2b4c1f87.js} +1 -1
  694. package/dist/esm-es5/calcite-accordion_2.entry.js +2 -2
  695. package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
  696. package/dist/esm-es5/calcite-action-group.entry.js +2 -2
  697. package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
  698. package/dist/esm-es5/calcite-action-pad.entry.js +3 -3
  699. package/dist/esm-es5/calcite-action.entry.js +2 -2
  700. package/dist/esm-es5/calcite-alert.entry.js +2 -2
  701. package/dist/esm-es5/calcite-avatar.entry.js +2 -2
  702. package/dist/esm-es5/calcite-block_2.entry.js +2 -2
  703. package/dist/esm-es5/calcite-button.entry.js +2 -2
  704. package/dist/esm-es5/calcite-card.entry.js +2 -2
  705. package/dist/esm-es5/calcite-checkbox.entry.js +2 -2
  706. package/dist/esm-es5/calcite-chip.entry.js +2 -2
  707. package/dist/esm-es5/calcite-color-picker_3.entry.js +2 -2
  708. package/dist/esm-es5/calcite-combobox_3.entry.js +2 -2
  709. package/dist/esm-es5/calcite-date-picker_4.entry.js +2 -2
  710. package/dist/esm-es5/calcite-dropdown_3.entry.js +2 -2
  711. package/dist/esm-es5/calcite-fab.entry.js +2 -2
  712. package/dist/esm-es5/calcite-filter.entry.js +2 -2
  713. package/dist/esm-es5/calcite-flow.entry.js +2 -2
  714. package/dist/esm-es5/calcite-graph_2.entry.js +2 -2
  715. package/dist/esm-es5/calcite-handle.entry.js +2 -2
  716. package/dist/esm-es5/calcite-icon.entry.js +2 -2
  717. package/dist/esm-es5/calcite-inline-editable.entry.js +2 -2
  718. package/dist/esm-es5/calcite-input-date-picker.entry.js +2 -2
  719. package/dist/esm-es5/calcite-input-message.entry.js +2 -2
  720. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
  721. package/dist/esm-es5/calcite-input.entry.js +2 -2
  722. package/dist/esm-es5/calcite-label.entry.js +2 -2
  723. package/dist/esm-es5/calcite-link.entry.js +3 -3
  724. package/dist/esm-es5/calcite-list_3.entry.js +2 -2
  725. package/dist/esm-es5/calcite-loader.entry.js +2 -2
  726. package/dist/esm-es5/calcite-modal.entry.js +2 -2
  727. package/dist/esm-es5/calcite-notice.entry.js +3 -3
  728. package/dist/esm-es5/calcite-option_3.entry.js +2 -2
  729. package/dist/esm-es5/calcite-pagination.entry.js +2 -2
  730. package/dist/esm-es5/calcite-panel.entry.js +2 -2
  731. package/dist/esm-es5/calcite-pick-list_3.entry.js +2 -2
  732. package/dist/esm-es5/calcite-popover_2.entry.js +2 -2
  733. package/dist/esm-es5/calcite-progress.entry.js +2 -2
  734. package/dist/esm-es5/calcite-radio-button-group.entry.js +2 -2
  735. package/dist/esm-es5/calcite-radio-button.entry.js +2 -2
  736. package/dist/esm-es5/calcite-radio-group_2.entry.js +2 -2
  737. package/dist/esm-es5/calcite-rating.entry.js +2 -2
  738. package/dist/esm-es5/calcite-scrim.entry.js +2 -2
  739. package/dist/esm-es5/calcite-shell_3.entry.js +2 -2
  740. package/dist/esm-es5/calcite-sortable-list.entry.js +2 -2
  741. package/dist/esm-es5/calcite-split-button.entry.js +2 -2
  742. package/dist/esm-es5/calcite-stepper_2.entry.js +2 -2
  743. package/dist/esm-es5/calcite-switch.entry.js +2 -2
  744. package/dist/esm-es5/calcite-tab_4.entry.js +2 -2
  745. package/dist/esm-es5/calcite-tile-select_2.entry.js +2 -2
  746. package/dist/esm-es5/calcite-tile.entry.js +2 -2
  747. package/dist/esm-es5/calcite-tip_3.entry.js +2 -2
  748. package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
  749. package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
  750. package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
  751. package/dist/esm-es5/calcite.js +2 -2
  752. package/dist/esm-es5/{conditionalSlot-43e1cf73.js → conditionalSlot-89778d70.js} +2 -2
  753. package/dist/esm-es5/{debounce-110f54b4.js → debounce-ba30afcb.js} +1 -1
  754. package/dist/esm-es5/{dom-88db3eb6.js → dom-214e75a1.js} +2 -2
  755. package/dist/esm-es5/{forIn-9da70b7d.js → forIn-31833178.js} +2 -2
  756. package/dist/esm-es5/form-d34ea9da.js +6 -0
  757. package/dist/esm-es5/{guid-33cefddf.js → guid-8f74d44f.js} +1 -1
  758. package/dist/esm-es5/{index-beb6bcc7.js → index-1caffe24.js} +1 -1
  759. package/dist/esm-es5/index.js +1 -1
  760. package/dist/esm-es5/{interactive-5bd99416.js → interactive-fd6bb7b4.js} +1 -1
  761. package/dist/esm-es5/{interfaces-3902fbb4.js → interfaces-de98f02e.js} +1 -1
  762. package/dist/esm-es5/{label-0dbdffd7.js → label-837acdbb.js} +2 -2
  763. package/dist/esm-es5/loader.js +2 -2
  764. package/dist/esm-es5/{locale-39a250fd.js → locale-8b4a419a.js} +2 -2
  765. package/dist/esm-es5/{math-06091d4c.js → math-f0a6db03.js} +1 -1
  766. package/dist/esm-es5/{number-7002c994.js → number-9105c8e0.js} +1 -1
  767. package/dist/esm-es5/{observers-1cacecaa.js → observers-29febf6c.js} +1 -1
  768. package/dist/esm-es5/{popper-48bbd4f4.js → popper-2e46e645.js} +2 -2
  769. package/dist/esm-es5/{resources-ba5f3249.js → resources-2ac98c80.js} +1 -1
  770. package/dist/esm-es5/resources-75a96a0b.js +6 -0
  771. package/dist/esm-es5/{resources-d77dd261.js → resources-e24b29c2.js} +1 -1
  772. package/dist/esm-es5/{resources-bfefa000.js → resources-e42a37cb.js} +2 -2
  773. package/dist/esm-es5/{sortable.esm-984301c7.js → sortable.esm-a459ad18.js} +1 -1
  774. package/dist/esm-es5/{utils-dd48d28f.js → utils-70278bc4.js} +1 -1
  775. package/dist/extras/docs-json.json +1 -1
  776. package/dist/loader/cdn.js +1 -1
  777. package/dist/loader/index.cjs.js +1 -1
  778. package/dist/loader/index.es2017.js +1 -1
  779. package/dist/loader/index.js +1 -1
  780. package/dist/types/components/button/button.d.ts +2 -1
  781. package/dist/types/components/color-picker/color-picker.d.ts +1 -0
  782. package/dist/types/components/color-picker-hex-input/color-picker-hex-input.d.ts +1 -0
  783. package/dist/types/components/filter/filter.d.ts +1 -1
  784. package/dist/types/components/input/input.d.ts +6 -4
  785. package/dist/types/components/input-date-picker/input-date-picker.d.ts +1 -0
  786. package/dist/types/components/input-time-picker/input-time-picker.d.ts +1 -0
  787. package/dist/types/utils/dom.d.ts +8 -0
  788. package/dist/types/utils/form.d.ts +20 -5
  789. package/hydrate/index.js +307 -236
  790. package/package.json +1 -1
  791. package/dist/calcite/p-01b0c871.system.js +0 -6
  792. package/dist/calcite/p-04299a51.system.entry.js +0 -6
  793. package/dist/calcite/p-055a310a.entry.js +0 -6
  794. package/dist/calcite/p-085c76ff.system.entry.js +0 -6
  795. package/dist/calcite/p-0cdaa4f8.system.entry.js +0 -6
  796. package/dist/calcite/p-0e4972d4.entry.js +0 -6
  797. package/dist/calcite/p-0fe88df3.system.entry.js +0 -6
  798. package/dist/calcite/p-102b4832.entry.js +0 -6
  799. package/dist/calcite/p-12cbdc16.entry.js +0 -6
  800. package/dist/calcite/p-161eb9c3.entry.js +0 -6
  801. package/dist/calcite/p-17d9f806.entry.js +0 -6
  802. package/dist/calcite/p-298f168e.entry.js +0 -6
  803. package/dist/calcite/p-2a88ba04.system.js +0 -6
  804. package/dist/calcite/p-2bfb28ad.system.entry.js +0 -6
  805. package/dist/calcite/p-320aba58.system.entry.js +0 -6
  806. package/dist/calcite/p-366bc2f0.system.entry.js +0 -6
  807. package/dist/calcite/p-3849a4a0.entry.js +0 -6
  808. package/dist/calcite/p-392ff169.system.entry.js +0 -6
  809. package/dist/calcite/p-3ed4170a.entry.js +0 -6
  810. package/dist/calcite/p-3eebe544.entry.js +0 -6
  811. package/dist/calcite/p-4009d73a.js +0 -6
  812. package/dist/calcite/p-44d14c83.system.entry.js +0 -6
  813. package/dist/calcite/p-5120c543.system.js +0 -6
  814. package/dist/calcite/p-529118bb.entry.js +0 -6
  815. package/dist/calcite/p-5a91233b.entry.js +0 -6
  816. package/dist/calcite/p-5f11f4bf.system.entry.js +0 -6
  817. package/dist/calcite/p-73b26bc5.system.entry.js +0 -6
  818. package/dist/calcite/p-76106c73.entry.js +0 -6
  819. package/dist/calcite/p-7fc9d0b9.system.entry.js +0 -6
  820. package/dist/calcite/p-83136cd0.system.entry.js +0 -6
  821. package/dist/calcite/p-86b46c97.system.entry.js +0 -6
  822. package/dist/calcite/p-8980b208.entry.js +0 -6
  823. package/dist/calcite/p-8f2c41a4.system.entry.js +0 -6
  824. package/dist/calcite/p-9315bda8.entry.js +0 -6
  825. package/dist/calcite/p-958639c7.system.entry.js +0 -6
  826. package/dist/calcite/p-9c2cd29f.entry.js +0 -6
  827. package/dist/calcite/p-9fdc5349.system.entry.js +0 -6
  828. package/dist/calcite/p-a01e5fe9.system.entry.js +0 -6
  829. package/dist/calcite/p-a24a238b.entry.js +0 -6
  830. package/dist/calcite/p-a49895f7.system.entry.js +0 -6
  831. package/dist/calcite/p-ae5eddbb.entry.js +0 -6
  832. package/dist/calcite/p-b1402cde.entry.js +0 -6
  833. package/dist/calcite/p-b1fde550.system.entry.js +0 -6
  834. package/dist/calcite/p-b3eff92b.entry.js +0 -6
  835. package/dist/calcite/p-bbb68909.js +0 -6
  836. package/dist/calcite/p-c3546b8a.entry.js +0 -6
  837. package/dist/calcite/p-c5cb2ebd.js +0 -6
  838. package/dist/calcite/p-c6a1f570.entry.js +0 -6
  839. package/dist/calcite/p-ca8f22df.entry.js +0 -6
  840. package/dist/calcite/p-cacc3837.entry.js +0 -6
  841. package/dist/calcite/p-cc3eb33f.entry.js +0 -6
  842. package/dist/calcite/p-d724d06b.system.js +0 -6
  843. package/dist/calcite/p-de664d3f.system.entry.js +0 -6
  844. package/dist/calcite/p-df206edd.entry.js +0 -6
  845. package/dist/calcite/p-df91106d.entry.js +0 -6
  846. package/dist/calcite/p-e2dfa7b3.system.entry.js +0 -6
  847. package/dist/calcite/p-e367747f.js +0 -6
  848. package/dist/calcite/p-e5fae2b3.js +0 -6
  849. package/dist/calcite/p-e78835b0.system.entry.js +0 -6
  850. package/dist/calcite/p-eec4db78.system.entry.js +0 -6
  851. package/dist/calcite/p-f6370e81.entry.js +0 -6
  852. package/dist/calcite/p-fa29b3f0.system.entry.js +0 -6
  853. package/dist/calcite/p-fa62ceff.system.js +0 -6
  854. package/dist/esm-es5/form-dcab88cf.js +0 -6
  855. package/dist/esm-es5/resources-76531691.js +0 -6
package/hydrate/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
3
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.0.0-next.460
4
+ * v1.0.0-next.463
5
5
  */
6
6
  'use strict';
7
7
 
@@ -5908,6 +5908,16 @@ function intersects(rect1, rect2) {
5908
5908
  rect2.top > rect1.bottom ||
5909
5909
  rect2.bottom < rect1.top);
5910
5910
  }
5911
+ /**
5912
+ * This helper makes sure that boolean aria attributes are properly converted to a string.
5913
+ *
5914
+ * It should only be used for aria attributes that require a string value of "true" or "false".
5915
+ *
5916
+ * @returns {string} The string conversion of a boolean value ("true" | "false").
5917
+ */
5918
+ function toAriaBoolean(value) {
5919
+ return (!!value).toString();
5920
+ }
5911
5921
 
5912
5922
  const accordionItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-accordion-item:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-accordion-item{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-accordion-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-accordion-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-accordion-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-accordion-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-accordion-item:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-accordion-item-h{display:none}/*!@.icon-position--end, .icon-position--start*/.icon-position--end.sc-calcite-accordion-item,.icon-position--start.sc-calcite-accordion-item{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}/*!@.icon-position--start*/.icon-position--start.sc-calcite-accordion-item{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}/*!@.icon-position--end*/.icon-position--end.sc-calcite-accordion-item{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}/*!@.icon-position--end:not(.icon-type--plus-minus)*/.icon-position--end.sc-calcite-accordion-item:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}/*!@:host*/.sc-calcite-accordion-item-h{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}/*!@:host .accordion-item-header*/.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}/*!@:host(:focus) .accordion-item-header*/.sc-calcite-accordion-item-h:focus .accordion-item-header.sc-calcite-accordion-item{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host([active])*/[active].sc-calcite-accordion-item-h{color:var(--calcite-ui-text-1)}/*!@:host([active]) .accordion-item-content*/[active].sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item{display:block;color:var(--calcite-ui-text-1)}/*!@:host([active]) .accordion-item-header*/[active].sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{border-bottom-color:transparent}/*!@:host .accordion-item-header*/.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}/*!@:host .accordion-item-icon*/.sc-calcite-accordion-item-h .accordion-item-icon.sc-calcite-accordion-item{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}/*!@:host .accordion-item-content,\n:host .accordion-item-header*/.sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item,.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}/*!@:host .accordion-item-header **/.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item *.sc-calcite-accordion-item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host .accordion-item-content*/.sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item{display:none;padding-top:0px;color:var(--calcite-ui-text-3);text-align:initial}/*!@:host .accordion-item-expand-icon*/.sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}/*!@.calcite--rtl .accordion-item-expand-icon*/.calcite--rtl.sc-calcite-accordion-item .accordion-item-expand-icon.sc-calcite-accordion-item{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}/*!@:host([active]) .accordion-item-expand-icon*/[active].sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}/*!@:host([active]) .calcite--rtl .accordion-item-expand-icon*/[active].sc-calcite-accordion-item-h .calcite--rtl.sc-calcite-accordion-item .accordion-item-expand-icon.sc-calcite-accordion-item{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}/*!@:host .accordion-item-header-text*/.sc-calcite-accordion-item-h .accordion-item-header-text.sc-calcite-accordion-item{margin-top:0px;margin-bottom:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-top:0px;padding-bottom:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}/*!@:host .accordion-item-title, :host .accordion-item-subtitle*/.sc-calcite-accordion-item-h .accordion-item-title.sc-calcite-accordion-item,.sc-calcite-accordion-item-h .accordion-item-subtitle.sc-calcite-accordion-item{display:-ms-flexbox;display:flex;width:100%}/*!@:host .accordion-item-title*/.sc-calcite-accordion-item-h .accordion-item-title.sc-calcite-accordion-item{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}/*!@:host .accordion-item-subtitle*/.sc-calcite-accordion-item-h .accordion-item-subtitle.sc-calcite-accordion-item{margin-top:0.25rem;color:var(--calcite-ui-text-3)}/*!@:host(:focus) .accordion-item-title, :host(:hover) .accordion-item-title*/.sc-calcite-accordion-item-h:focus .accordion-item-title.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-title.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-icon, :host(:hover) .accordion-item-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-expand-icon, :host(:hover) .accordion-item-expand-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-expand-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-subtitle, :host(:hover) .accordion-item-subtitle*/.sc-calcite-accordion-item-h:focus .accordion-item-subtitle.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-subtitle.sc-calcite-accordion-item{color:var(--calcite-ui-text-2)}/*!@:host(:focus) .accordion-item-title, :host(:active) .accordion-item-title, :host([active]) .accordion-item-title*/.sc-calcite-accordion-item-h:focus .accordion-item-title.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-title.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-title.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-icon, :host(:active) .accordion-item-icon, :host([active]) .accordion-item-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-icon.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-expand-icon, :host(:active) .accordion-item-expand-icon, :host([active]) .accordion-item-expand-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-expand-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-expand-icon.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-subtitle, :host(:active) .accordion-item-subtitle, :host([active]) .accordion-item-subtitle*/.sc-calcite-accordion-item-h:focus .accordion-item-subtitle.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-subtitle.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-subtitle.sc-calcite-accordion-item{color:var(--calcite-ui-text-2)}";
5913
5923
 
@@ -5972,7 +5982,7 @@ class AccordionItem {
5972
5982
  ? "caretDown"
5973
5983
  : this.active
5974
5984
  ? "minus"
5975
- : "plus", scale: "s" })), hAsync("div", { "aria-expanded": this.active.toString(), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" }, hAsync("slot", null)))));
5985
+ : "plus", scale: "s" })), hAsync("div", { "aria-expanded": toAriaBoolean(this.active), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" }, hAsync("slot", null)))));
5976
5986
  }
5977
5987
  //--------------------------------------------------------------------------
5978
5988
  //
@@ -6236,7 +6246,7 @@ class Action {
6236
6246
  [CSS$P.buttonTextVisible]: textEnabled,
6237
6247
  [CSS$P.buttonCompact]: compact
6238
6248
  };
6239
- return (hAsync(Host, { onClick: this.calciteActionClickHandler }, hAsync("button", { "aria-busy": loading.toString(), "aria-disabled": disabled.toString(), "aria-label": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer())));
6249
+ return (hAsync(Host, { onClick: this.calciteActionClickHandler }, hAsync("button", { "aria-busy": toAriaBoolean(loading), "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer())));
6240
6250
  }
6241
6251
  get el() { return getElement(this); }
6242
6252
  static get style() { return actionCss; }
@@ -8012,7 +8022,7 @@ class ActionMenu {
8012
8022
  }
8013
8023
  menuButtonEl.active = open;
8014
8024
  menuButtonEl.setAttribute("aria-controls", menuId);
8015
- menuButtonEl.setAttribute("aria-expanded", open.toString());
8025
+ menuButtonEl.setAttribute("aria-expanded", toAriaBoolean(open));
8016
8026
  menuButtonEl.setAttribute("aria-haspopup", "true");
8017
8027
  if (!menuButtonEl.id) {
8018
8028
  menuButtonEl.id = menuButtonId;
@@ -8526,7 +8536,7 @@ class Alert {
8526
8536
  const { active, autoDismiss, label, placement, queued, requestedIcon } = this;
8527
8537
  const role = autoDismiss ? "alert" : "alertdialog";
8528
8538
  const hidden = !active;
8529
- return (hAsync(Host, { "aria-hidden": hidden.toString(), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, hAsync("div", { class: {
8539
+ return (hAsync(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, hAsync("div", { class: {
8530
8540
  container: true,
8531
8541
  queued,
8532
8542
  [placement]: true
@@ -9045,10 +9055,10 @@ class Block {
9045
9055
  const { guid } = this;
9046
9056
  const regionId = `${guid}-region`;
9047
9057
  const buttonId = `${guid}-button`;
9048
- const headerNode = (hAsync("div", { class: CSS$L.headerContainer }, this.dragHandle ? hAsync("calcite-handle", null) : null, collapsible ? (hAsync("button", { "aria-controls": regionId, "aria-expanded": collapsible ? open.toString() : null, "aria-label": toggleLabel, class: CSS$L.toggle, id: buttonId, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (hAsync("calcite-icon", { "aria-hidden": "true", class: CSS$L.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), loading ? (hAsync("calcite-loader", { inline: true, "is-active": true, label: intlLoading })) : hasControl ? (hAsync("div", { class: CSS$L.controlContainer }, hAsync("slot", { name: SLOTS$k.control }))) : null, hasMenuActions ? (hAsync("calcite-action-menu", { label: this.intlOptions || TEXT$m.options }, hAsync("slot", { name: SLOTS$k.headerMenuActions }))) : null));
9049
- return (hAsync(Host, null, hAsync("article", { "aria-busy": loading.toString(), class: {
9058
+ const headerNode = (hAsync("div", { class: CSS$L.headerContainer }, this.dragHandle ? hAsync("calcite-handle", null) : null, collapsible ? (hAsync("button", { "aria-controls": regionId, "aria-expanded": collapsible ? toAriaBoolean(open) : null, "aria-label": toggleLabel, class: CSS$L.toggle, id: buttonId, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (hAsync("calcite-icon", { "aria-hidden": "true", class: CSS$L.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), loading ? (hAsync("calcite-loader", { inline: true, "is-active": true, label: intlLoading })) : hasControl ? (hAsync("div", { class: CSS$L.controlContainer }, hAsync("slot", { name: SLOTS$k.control }))) : null, hasMenuActions ? (hAsync("calcite-action-menu", { label: this.intlOptions || TEXT$m.options }, hAsync("slot", { name: SLOTS$k.headerMenuActions }))) : null));
9059
+ return (hAsync(Host, null, hAsync("article", { "aria-busy": toAriaBoolean(loading), class: {
9050
9060
  [CSS$L.article]: true
9051
- } }, headerNode, hAsync("section", { "aria-expanded": this.open.toString(), "aria-labelledby": buttonId, class: CSS$L.content, hidden: !open, id: regionId }, this.renderScrim()))));
9061
+ } }, headerNode, hAsync("section", { "aria-expanded": toAriaBoolean(open), "aria-labelledby": buttonId, class: CSS$L.content, hidden: !open, id: regionId }, this.renderScrim()))));
9052
9062
  }
9053
9063
  get el() { return getElement(this); }
9054
9064
  static get style() { return blockCss; }
@@ -9172,7 +9182,7 @@ class BlockSection {
9172
9182
  [CSS$K.sectionHeader]: true,
9173
9183
  [CSS$K.toggle]: true
9174
9184
  }, id: buttonId, name: toggleLabel, onClick: this.toggleSection }, hAsync("calcite-icon", { icon: arrowIcon, scale: "s" }), hAsync("span", { class: CSS$K.sectionHeaderText }, text), this.renderStatusIcon()));
9175
- return (hAsync(Host, null, headerNode, hAsync("section", { "aria-expanded": open.toString(), "aria-labelledby": buttonId, class: CSS$K.content, hidden: !open, id: regionId }, hAsync("slot", null))));
9185
+ return (hAsync(Host, null, headerNode, hAsync("section", { "aria-expanded": toAriaBoolean(open), "aria-labelledby": buttonId, class: CSS$K.content, hidden: !open, id: regionId }, hAsync("slot", null))));
9176
9186
  }
9177
9187
  get el() { return getElement(this); }
9178
9188
  static get style() { return blockSectionCss; }
@@ -9348,6 +9358,187 @@ function onLabelDisconnected() {
9348
9358
  document.addEventListener(labelConnectedEvent, boundOnLabelConnected);
9349
9359
  }
9350
9360
 
9361
+ /**
9362
+ * Exported for testing purposes.
9363
+ */
9364
+ const hiddenFormInputSlotName = "hidden-form-input";
9365
+ function isCheckable(component) {
9366
+ return "checked" in component;
9367
+ }
9368
+ const onFormResetMap = new WeakMap();
9369
+ const formComponentSet = new WeakSet();
9370
+ function hasRegisteredFormComponentParent(form, formComponentEl) {
9371
+ // we use events as a way to test for nested form-associated components across shadow bounds
9372
+ const formComponentRegisterEventName = "calciteInternalFormComponentRegister";
9373
+ let hasRegisteredFormComponentParent = false;
9374
+ form.addEventListener(formComponentRegisterEventName, (event) => {
9375
+ hasRegisteredFormComponentParent = event
9376
+ .composedPath()
9377
+ .some((element) => formComponentSet.has(element));
9378
+ event.stopPropagation();
9379
+ }, { once: true });
9380
+ formComponentEl.dispatchEvent(new CustomEvent(formComponentRegisterEventName, {
9381
+ bubbles: true,
9382
+ composed: true
9383
+ }));
9384
+ return hasRegisteredFormComponentParent;
9385
+ }
9386
+ /**
9387
+ * Helper to submit a form.
9388
+ */
9389
+ function submitForm(component) {
9390
+ var _a;
9391
+ (_a = component.formEl) === null || _a === void 0 ? void 0 : _a.requestSubmit();
9392
+ }
9393
+ /**
9394
+ * Helper to reset a form.
9395
+ */
9396
+ function resetForm(component) {
9397
+ var _a;
9398
+ (_a = component.formEl) === null || _a === void 0 ? void 0 : _a.reset();
9399
+ }
9400
+ /**
9401
+ * Helper to set up form interactions on connectedCallback.
9402
+ */
9403
+ function connectForm(component) {
9404
+ const { el, value } = component;
9405
+ const form = closestElementCrossShadowBoundary(el, "form");
9406
+ if (!form || hasRegisteredFormComponentParent(form, el)) {
9407
+ return;
9408
+ }
9409
+ component.formEl = form;
9410
+ component.defaultValue = value;
9411
+ if (isCheckable(component)) {
9412
+ component.defaultChecked = component.checked;
9413
+ }
9414
+ const boundOnFormReset = (component.onFormReset || onFormReset).bind(component);
9415
+ form.addEventListener("reset", boundOnFormReset);
9416
+ onFormResetMap.set(component.el, boundOnFormReset);
9417
+ formComponentSet.add(el);
9418
+ }
9419
+ function onFormReset() {
9420
+ if (isCheckable(this)) {
9421
+ this.checked = this.defaultChecked;
9422
+ return;
9423
+ }
9424
+ this.value = this.defaultValue;
9425
+ }
9426
+ /**
9427
+ * Helper to tear down form interactions on disconnectedCallback.
9428
+ */
9429
+ function disconnectForm(component) {
9430
+ const { el, formEl } = component;
9431
+ if (!formEl) {
9432
+ return;
9433
+ }
9434
+ const boundOnFormReset = onFormResetMap.get(el);
9435
+ formEl.removeEventListener("reset", boundOnFormReset);
9436
+ onFormResetMap.delete(el);
9437
+ component.formEl = null;
9438
+ formComponentSet.delete(el);
9439
+ }
9440
+ /**
9441
+ * Helper for setting the default value on initialization after connectedCallback.
9442
+ *
9443
+ * Note that this is only needed if the default value cannot be determined on connectedCallback.
9444
+ */
9445
+ function afterConnectDefaultValueSet(component, value) {
9446
+ component.defaultValue = value;
9447
+ }
9448
+ /**
9449
+ * Helper for maintaining a form-associated's hidden input in sync with the component.
9450
+ *
9451
+ * Based on Ionic's approach: https://github.com/ionic-team/ionic-framework/blob/e4bf052794af9aac07f887013b9250d2a045eba3/core/src/utils/helpers.ts#L198
9452
+ */
9453
+ function syncHiddenFormInput(component) {
9454
+ const { el, formEl, name, value } = component;
9455
+ const { ownerDocument } = el;
9456
+ const inputs = el.querySelectorAll(`input[slot="${hiddenFormInputSlotName}"]`);
9457
+ if (!formEl || !name) {
9458
+ inputs.forEach((input) => input.remove());
9459
+ return;
9460
+ }
9461
+ const values = Array.isArray(value) ? value : [value];
9462
+ const extra = [];
9463
+ const seen = new Set();
9464
+ inputs.forEach((input) => {
9465
+ const valueMatch = values.find((val) =>
9466
+ /* intentional non-strict equality check */
9467
+ val == input.value);
9468
+ if (valueMatch != null) {
9469
+ seen.add(valueMatch);
9470
+ defaultSyncHiddenFormInput(component, input, valueMatch);
9471
+ }
9472
+ else {
9473
+ extra.push(input);
9474
+ }
9475
+ });
9476
+ let docFrag;
9477
+ values.forEach((value) => {
9478
+ if (seen.has(value)) {
9479
+ return;
9480
+ }
9481
+ let input = extra.pop();
9482
+ if (!input) {
9483
+ input = ownerDocument.createElement("input");
9484
+ input.slot = hiddenFormInputSlotName;
9485
+ }
9486
+ if (!docFrag) {
9487
+ docFrag = ownerDocument.createDocumentFragment();
9488
+ }
9489
+ docFrag.append(input);
9490
+ defaultSyncHiddenFormInput(component, input, value);
9491
+ });
9492
+ if (docFrag) {
9493
+ el.append(docFrag);
9494
+ }
9495
+ extra.forEach((input) => input.remove());
9496
+ }
9497
+ function defaultSyncHiddenFormInput(component, input, value) {
9498
+ var _a;
9499
+ const { defaultValue, disabled, name, required } = component;
9500
+ // keep in sync to prevent losing reset value
9501
+ input.defaultValue = defaultValue;
9502
+ input.disabled = disabled;
9503
+ input.name = name;
9504
+ input.required = required;
9505
+ input.tabIndex = -1;
9506
+ if (isCheckable(component)) {
9507
+ // keep in sync to prevent losing reset value
9508
+ input.defaultChecked = component.defaultChecked;
9509
+ // heuristic to support default/on mode from https://html.spec.whatwg.org/multipage/input.html#dom-input-value-default-on
9510
+ input.value = component.checked ? value || "on" : "";
9511
+ // we disable the component when not checked to avoid having its value submitted
9512
+ if (!disabled && !component.checked) {
9513
+ input.disabled = true;
9514
+ }
9515
+ }
9516
+ else {
9517
+ input.value = value || "";
9518
+ }
9519
+ (_a = component.syncHiddenFormInput) === null || _a === void 0 ? void 0 : _a.call(component, input);
9520
+ }
9521
+ /**
9522
+ * Helper to render the slot for form-associated component's hidden input.
9523
+ *
9524
+ * If the component has a default slot, this must be placed at the bottom of the component's root container to ensure it is the last child.
9525
+ *
9526
+ * render(): VNode {
9527
+ * <Host>
9528
+ * <div class={CSS.container}>
9529
+ * // ...
9530
+ * <HiddenFormInputSlot component={this} />
9531
+ * </div>
9532
+ * </Host>
9533
+ * }
9534
+ *
9535
+ * Note that the hidden-form-input Sass mixin must be added to the component's style to apply specific styles.
9536
+ */
9537
+ const HiddenFormInputSlot = ({ component }) => {
9538
+ syncHiddenFormInput(component);
9539
+ return hAsync("slot", { name: hiddenFormInputSlotName });
9540
+ };
9541
+
9351
9542
  const buttonCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-button:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-button{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-button{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-button{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-button{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-button{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-button:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-button-h{display:none}/*!@:host*/.sc-calcite-button-h{display:inline-block;width:auto;vertical-align:middle}/*!@:host([round])*/[round].sc-calcite-button-h{border-radius:50px}/*!@:host([round]) a, :host([round]) button*/[round].sc-calcite-button-h a.sc-calcite-button,[round].sc-calcite-button-h button.sc-calcite-button{border-radius:50px}/*!@:host button, :host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}/*!@:host button:focus, :host a:focus*/.sc-calcite-button-h button.sc-calcite-button:focus,.sc-calcite-button-h a.sc-calcite-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@:host button,\n:host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin:0.5rem;--calcite-button-padding-x:7px;--calcite-button-padding-y:3px;padding:var(--calcite-button-padding-y) var(--calcite-button-padding-x) var(--calcite-button-padding-y) var(--calcite-button-padding-x);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:100%;width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, outline-offset var(--calcite-internal-animation-timing-fast) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out, -webkit-box-shadow var(--calcite-animation-timing) ease-in-out;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, outline-offset var(--calcite-internal-animation-timing-fast) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out, -webkit-box-shadow var(--calcite-animation-timing) ease-in-out;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-offset var(--calcite-internal-animation-timing-fast) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-offset var(--calcite-internal-animation-timing-fast) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out, -webkit-box-shadow var(--calcite-animation-timing) ease-in-out}/*!@:host button:hover, :host a:hover*/.sc-calcite-button-h button.sc-calcite-button:hover,.sc-calcite-button-h a.sc-calcite-button:hover{-webkit-text-decoration-line:none;text-decoration-line:none}/*!@.content*/.content.sc-calcite-button{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-margin-start:var(--calcite-button-content-margin);margin-inline-start:var(--calcite-button-content-margin);-webkit-margin-end:var(--calcite-button-content-margin);margin-inline-end:var(--calcite-button-content-margin)}/*!@.icon-start-empty .content*/.icon-start-empty.sc-calcite-button .content.sc-calcite-button{-webkit-margin-start:unset;margin-inline-start:unset}/*!@.icon-end-empty .content*/.icon-end-empty.sc-calcite-button .content.sc-calcite-button{-webkit-margin-end:unset;margin-inline-end:unset}/*!@:host([scale=m]) button,\n:host([scale=m]) a*/[scale=m].sc-calcite-button-h button.sc-calcite-button,[scale=m].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin:0.75rem}/*!@:host([scale=l]) button,\n:host([scale=l]) a*/[scale=l].sc-calcite-button-h button.sc-calcite-button,[scale=l].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin:1rem}/*!@:host([width=auto])*/[width=auto].sc-calcite-button-h{width:auto}/*!@:host([width=half])*/[width=half].sc-calcite-button-h{width:50%}/*!@:host([width=full])*/[width=full].sc-calcite-button-h{width:100%}/*!@:host([alignment=center]:not([width=auto])) a, :host([alignment=center]:not([width=auto])) button*/[alignment=center].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=center].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{-ms-flex-pack:center;justify-content:center}/*!@:host([alignment=start]:not([width=auto])) a, :host([alignment=start]:not([width=auto])) button*/[alignment=start].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=start].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{-ms-flex-pack:start;justify-content:flex-start}/*!@:host([alignment=end]:not([width=auto])) a, :host([alignment=end]:not([width=auto])) button*/[alignment=end].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=end].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{-ms-flex-pack:end;justify-content:flex-end}/*!@:host([alignment*=space-between]:not([width=auto])) a, :host([alignment*=space-between]:not([width=auto])) button*/[alignment*=space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment*=space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{-ms-flex-pack:justify;justify-content:space-between}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) .icon--start.sc-calcite-button{-webkit-margin-end:auto;margin-inline-end:auto}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) a,\n:host([alignment=icon-start-space-between]:not([width=auto])) button*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) .icon--end.sc-calcite-button{-webkit-margin-start:auto;margin-inline-start:auto}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) a,\n:host([alignment=icon-end-space-between]:not([width=auto])) button*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=center]) a:not(.content--slotted) .icon--start + .icon--end,\n:host([alignment=center]) button:not(.content--slotted) .icon--start + .icon--end*/[alignment=center].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[alignment=center].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{-webkit-margin-start:var(--calcite-button-content-margin);margin-inline-start:var(--calcite-button-content-margin)}/*!@.icon*/.icon.sc-calcite-button{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}/*!@:host([disabled])*/[disabled].sc-calcite-button-h{pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-button-h[disabled] .sc-calcite-button-s>[calcite-hydrated][disabled],[disabled].sc-calcite-button-h [calcite-hydrated][disabled].sc-calcite-button{opacity:1}/*!@:host([loading])*/[loading].sc-calcite-button-h{pointer-events:none}/*!@:host([loading]) button, :host([loading]) a*/[loading].sc-calcite-button-h button.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@-webkit-keyframes loader-in{0%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader-in{0%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes loader-out{0%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes loader-out{0%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}/*!@.calcite-button--loader*/.calcite-button--loader.sc-calcite-button{display:-ms-flexbox;display:flex}/*!@.calcite-button--loader calcite-loader*/.calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{margin:0px;-webkit-transition:width var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, -webkit-transform var(--calcite-internal-animation-timing-slow) ease-in-out;transition:width var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, -webkit-transform var(--calcite-internal-animation-timing-slow) ease-in-out;transition:width var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out;transition:width var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out, -webkit-transform var(--calcite-internal-animation-timing-slow) ease-in-out}/*!@.calcite-button--loader calcite-loader.loading-in*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-in.sc-calcite-button{-webkit-animation-name:loader-in;animation-name:loader-in;-webkit-animation-duration:310ms;animation-duration:310ms}/*!@.calcite-button--loader calcite-loader.loading-out*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-out.sc-calcite-button{-webkit-animation-name:loader-out;animation-name:loader-out;-webkit-animation-duration:310ms;animation-duration:310ms}/*!@:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,\n:host([loading]) a.content--slotted .calcite-button--loader calcite-loader*/[loading].sc-calcite-button-h button.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button,[loading].sc-calcite-button-h a.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{-webkit-margin-end:var(--calcite-button-content-margin);margin-inline-end:var(--calcite-button-content-margin)}/*!@:host([loading]) button:not(.content--slotted) .icon--start, :host([loading]) button:not(.content--slotted) .icon--end, :host([loading]) a:not(.content--slotted) .icon--start, :host([loading]) a:not(.content--slotted) .icon--end*/[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button{display:none}/*!@:host([appearance=solid]) button, :host([appearance=solid]) a*/[appearance=solid].sc-calcite-button-h button.sc-calcite-button,[appearance=solid].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;border-color:transparent}/*!@:host([appearance=solid][color=blue]) button, :host([appearance=solid][color=blue]) a*/[appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button,[appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-inverse)}/*!@:host([appearance=solid][color=blue]) button:hover, :host([appearance=solid][color=blue]) button:focus, :host([appearance=solid][color=blue]) a:hover, :host([appearance=solid][color=blue]) a:focus*/[appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button:hover,[appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-brand-hover)}/*!@:host([appearance=solid][color=blue]) button:active, :host([appearance=solid][color=blue]) a:active*/[appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button:active,[appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-brand-press)}/*!@:host([appearance=solid][color=blue]) button calcite-loader, :host([appearance=solid][color=blue]) a calcite-loader*/[appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([appearance=solid][color=red]) button, :host([appearance=solid][color=red]) a*/[appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button,[appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}/*!@:host([appearance=solid][color=red]) button:hover, :host([appearance=solid][color=red]) button:focus, :host([appearance=solid][color=red]) a:hover, :host([appearance=solid][color=red]) a:focus*/[appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button:hover,[appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-danger-hover)}/*!@:host([appearance=solid][color=red]) button:active, :host([appearance=solid][color=red]) a:active*/[appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button:active,[appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-danger-press)}/*!@:host([appearance=solid][color=red]) button calcite-loader, :host([appearance=solid][color=red]) a calcite-loader*/[appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([appearance=solid][color=neutral]) button, :host([appearance=solid][color=neutral]) a*/[appearance=solid][color=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=solid][color=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}/*!@:host([appearance=solid][color=neutral]) button:hover, :host([appearance=solid][color=neutral]) button:focus, :host([appearance=solid][color=neutral]) a:hover, :host([appearance=solid][color=neutral]) a:focus*/[appearance=solid][color=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=solid][color=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=solid][color=neutral].sc-calcite-button-h a.sc-calcite-button:hover,[appearance=solid][color=neutral].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-foreground-2)}/*!@:host([appearance=solid][color=neutral]) button:active, :host([appearance=solid][color=neutral]) a:active*/[appearance=solid][color=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=solid][color=neutral].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-foreground-1)}/*!@:host([appearance=solid][color=neutral]) button calcite-loader, :host([appearance=solid][color=neutral]) a calcite-loader*/[appearance=solid][color=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=solid][color=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=solid][color=inverse]) button, :host([appearance=solid][color=inverse]) a*/[appearance=solid][color=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=solid][color=inverse].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-inverse)}/*!@:host([appearance=solid][color=inverse]) button:hover, :host([appearance=solid][color=inverse]) button:focus,\n:host([appearance=solid][color=inverse]) a:hover,\n:host([appearance=solid][color=inverse]) a:focus*/[appearance=solid][color=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=solid][color=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=solid][color=inverse].sc-calcite-button-h a.sc-calcite-button:hover,[appearance=solid][color=inverse].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-inverse-hover)}/*!@:host([appearance=solid][color=inverse]) button:active,\n:host([appearance=solid][color=inverse]) a:active*/[appearance=solid][color=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=solid][color=inverse].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-inverse-press)}/*!@:host([appearance=solid][color=inverse]) button calcite-loader, :host([appearance=solid][color=inverse]) a calcite-loader*/[appearance=solid][color=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=solid][color=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([appearance=outline]) button, :host([appearance=outline]) a*/[appearance=outline].sc-calcite-button-h button.sc-calcite-button,[appearance=outline].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=outline][color=blue]) button, :host([appearance=outline][color=blue]) a*/[appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand)}/*!@:host([appearance=outline][color=blue]) button:hover, :host([appearance=outline][color=blue]) a:hover*/[appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}/*!@:host([appearance=outline][color=blue]) button:focus, :host([appearance=outline][color=blue]) a:focus*/[appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}/*!@:host([appearance=outline][color=blue]) button:active, :host([appearance=outline][color=blue]) a:active*/[appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}/*!@:host([appearance=outline][color=blue]) button calcite-loader,\n:host([appearance=outline][color=blue]) a calcite-loader*/[appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=outline][color=red]) button, :host([appearance=outline][color=red]) a*/[appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger)}/*!@:host([appearance=outline][color=red]) button:hover, :host([appearance=outline][color=red]) a:hover*/[appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}/*!@:host([appearance=outline][color=red]) button:focus, :host([appearance=outline][color=red]) a:focus*/[appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}/*!@:host([appearance=outline][color=red]) button:active, :host([appearance=outline][color=red]) a:active*/[appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}/*!@:host([appearance=outline][color=red]) button calcite-loader,\n:host([appearance=outline][color=red]) a calcite-loader*/[appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=outline][color=neutral]) button, :host([appearance=outline][color=neutral]) a*/[appearance=outline][color=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][color=neutral].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][color=neutral]) button:hover,\n:host([appearance=outline][color=neutral]) a:hover*/[appearance=outline][color=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][color=neutral].sc-calcite-button-h a.sc-calcite-button:hover{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][color=neutral]) button:focus,\n:host([appearance=outline][color=neutral]) a:focus*/[appearance=outline][color=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][color=neutral].sc-calcite-button-h a.sc-calcite-button:focus{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][color=neutral]) button:active,\n:host([appearance=outline][color=neutral]) a:active*/[appearance=outline][color=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][color=neutral].sc-calcite-button-h a.sc-calcite-button:active{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][color=neutral]) button calcite-loader, :host([appearance=outline][color=neutral]) a calcite-loader*/[appearance=outline][color=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][color=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline][color=inverse]) button, :host([appearance=outline][color=inverse]) a*/[appearance=outline][color=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][color=inverse].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}/*!@:host([appearance=outline][color=inverse]) button:hover,\n:host([appearance=outline][color=inverse]) a:hover*/[appearance=outline][color=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][color=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-inverse-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}/*!@:host([appearance=outline][color=inverse]) button:focus,\n:host([appearance=outline][color=inverse]) a:focus*/[appearance=outline][color=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][color=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-inverse);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}/*!@:host([appearance=outline][color=inverse]) button:active,\n:host([appearance=outline][color=inverse]) a:active*/[appearance=outline][color=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][color=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-inverse-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}/*!@:host([appearance=outline][color=inverse]) button calcite-loader, :host([appearance=outline][color=inverse]) a calcite-loader*/[appearance=outline][color=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][color=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=clear]) button, :host([appearance=clear]) a*/[appearance=clear].sc-calcite-button-h button.sc-calcite-button,[appearance=clear].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:transparent;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=clear][color=blue]) button, :host([appearance=clear][color=blue]) a*/[appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button,[appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand)}/*!@:host([appearance=clear][color=blue]) button:hover, :host([appearance=clear][color=blue]) a:hover*/[appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}/*!@:host([appearance=clear][color=blue]) button:focus, :host([appearance=clear][color=blue]) a:focus*/[appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}/*!@:host([appearance=clear][color=blue]) button:active, :host([appearance=clear][color=blue]) a:active*/[appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button:active,[appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}/*!@:host([appearance=clear][color=blue]) button calcite-loader,\n:host([appearance=clear][color=blue]) a calcite-loader*/[appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=clear][color=red]) button, :host([appearance=clear][color=red]) a*/[appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button,[appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger)}/*!@:host([appearance=clear][color=red]) button:hover, :host([appearance=clear][color=red]) a:hover*/[appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}/*!@:host([appearance=clear][color=red]) button:focus, :host([appearance=clear][color=red]) a:focus*/[appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}/*!@:host([appearance=clear][color=red]) button:active, :host([appearance=clear][color=red]) a:active*/[appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button:active,[appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}/*!@:host([appearance=clear][color=red]) button calcite-loader,\n:host([appearance=clear][color=red]) a calcite-loader*/[appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=clear][color=neutral]) button, :host([appearance=clear][color=neutral]) a*/[appearance=clear][color=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=clear][color=neutral].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}/*!@:host([appearance=clear][color=neutral]) button:hover,\n:host([appearance=clear][color=neutral]) a:hover*/[appearance=clear][color=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=clear][color=neutral].sc-calcite-button-h a.sc-calcite-button:hover{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}/*!@:host([appearance=clear][color=neutral]) button:focus,\n:host([appearance=clear][color=neutral]) a:focus*/[appearance=clear][color=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=clear][color=neutral].sc-calcite-button-h a.sc-calcite-button:focus{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=clear][color=neutral]) button:active,\n:host([appearance=clear][color=neutral]) a:active*/[appearance=clear][color=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=clear][color=neutral].sc-calcite-button-h a.sc-calcite-button:active{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=clear][color=neutral]) button calcite-loader, :host([appearance=clear][color=neutral]) a calcite-loader*/[appearance=clear][color=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=clear][color=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=clear][color=inverse]) button, :host([appearance=clear][color=inverse]) a*/[appearance=clear][color=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=clear][color=inverse].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}/*!@:host([appearance=clear][color=inverse]) button:hover,\n:host([appearance=clear][color=inverse]) a:hover*/[appearance=clear][color=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=clear][color=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-inverse-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}/*!@:host([appearance=clear][color=inverse]) button:focus,\n:host([appearance=clear][color=inverse]) a:focus*/[appearance=clear][color=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=clear][color=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-inverse);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}/*!@:host([appearance=clear][color=inverse]) button:active,\n:host([appearance=clear][color=inverse]) a:active*/[appearance=clear][color=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=clear][color=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-inverse-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}/*!@:host([appearance=clear][color=inverse]) button calcite-loader, :host([appearance=clear][color=inverse]) a calcite-loader*/[appearance=clear][color=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=clear][color=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline][split-child=primary]) button,\n:host([appearance=clear][split-child=primary]) button*/[appearance=outline][split-child=primary].sc-calcite-button-h button.sc-calcite-button,[appearance=clear][split-child=primary].sc-calcite-button-h button.sc-calcite-button{border-inline-end-width:0;border-inline-start-width:1px}/*!@:host([appearance=outline][split-child=secondary]) button,\n:host([appearance=clear][split-child=secondary]) button*/[appearance=outline][split-child=secondary].sc-calcite-button-h button.sc-calcite-button,[appearance=clear][split-child=secondary].sc-calcite-button-h button.sc-calcite-button{border-inline-start-width:0;border-inline-end-width:1px}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button, :host([appearance=transparent]:not(.enable-editing-button)) a*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button{background-color:transparent}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:hover, :host([appearance=transparent]:not(.enable-editing-button)) button:focus,\n:host([appearance=transparent]:not(.enable-editing-button)) a:hover,\n:host([appearance=transparent]:not(.enable-editing-button)) a:focus*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:focus,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:focus{background-color:var(--calcite-button-transparent-hover)}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:active,\n:host([appearance=transparent]:not(.enable-editing-button)) a:active*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:active,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:active{background-color:var(--calcite-button-transparent-press)}/*!@:host([appearance=transparent][color=blue]) button,\n:host([appearance=transparent][color=blue]) a*/[appearance=transparent][color=blue].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][color=blue].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=transparent][color=blue]) button:hover,\n:host([appearance=transparent][color=blue]) a:hover*/[appearance=transparent][color=blue].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][color=blue].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-ui-brand-hover)}/*!@:host([appearance=transparent][color=blue]) button:focus,\n:host([appearance=transparent][color=blue]) a:focus*/[appearance=transparent][color=blue].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][color=blue].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-ui-brand)}/*!@:host([appearance=transparent][color=blue]) button:active,\n:host([appearance=transparent][color=blue]) a:active*/[appearance=transparent][color=blue].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][color=blue].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-ui-brand-press)}/*!@:host([appearance=transparent][color=blue]) button calcite-loader,\n:host([appearance=transparent][color=blue]) a calcite-loader*/[appearance=transparent][color=blue].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][color=blue].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=transparent][color=red]) button,\n:host([appearance=transparent][color=red]) a*/[appearance=transparent][color=red].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][color=red].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=transparent][color=red]) button:hover,\n:host([appearance=transparent][color=red]) a:hover*/[appearance=transparent][color=red].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][color=red].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-ui-danger-hover)}/*!@:host([appearance=transparent][color=red]) button:focus,\n:host([appearance=transparent][color=red]) a:focus*/[appearance=transparent][color=red].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][color=red].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-ui-danger)}/*!@:host([appearance=transparent][color=red]) button:active,\n:host([appearance=transparent][color=red]) a:active*/[appearance=transparent][color=red].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][color=red].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-ui-danger-press)}/*!@:host([appearance=transparent][color=red]) button calcite-loader,\n:host([appearance=transparent][color=red]) a calcite-loader*/[appearance=transparent][color=red].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][color=red].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) button, :host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) a, :host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) calcite-loader*/[appearance=transparent][color=neutral].sc-calcite-button-h:not(.cancel-editing-button) button.sc-calcite-button,[appearance=transparent][color=neutral].sc-calcite-button-h:not(.cancel-editing-button) a.sc-calcite-button,[appearance=transparent][color=neutral].sc-calcite-button-h:not(.cancel-editing-button) calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=transparent][color=neutral].cancel-editing-button) button*/[appearance=transparent][color=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button{border-top-width:1px;border-bottom-width:1px;color:var(--calcite-ui-text-3);border-top-color:var(--calcite-ui-border-input);border-bottom-color:var(--calcite-ui-border-input);border-bottom-style:solid;border-top-style:solid}/*!@:host([appearance=transparent][color=neutral].cancel-editing-button) button:not(.content--slotted)*/[appearance=transparent][color=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y:0}/*!@:host([appearance=transparent][color=neutral].cancel-editing-button) button:hover*/[appearance=transparent][color=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:hover{color:var(--calcite-ui-text-1)}/*!@:host([appearance=transparent][color=neutral].enable-editing-button) button*/[appearance=transparent][color=neutral].enable-editing-button.sc-calcite-button-h button.sc-calcite-button{background-color:transparent}/*!@:host(.confirm-changes-button) button:focus,\n:host(.cancel-editing-button) button:focus,\n:host(.enable-editing-button) button:focus*/.confirm-changes-button.sc-calcite-button-h button.sc-calcite-button:focus,.cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:focus,.enable-editing-button.sc-calcite-button-h button.sc-calcite-button:focus{outline-offset:-2px}/*!@:host([appearance=transparent][color=inverse]) button, :host([appearance=transparent][color=inverse]) a, :host([appearance=transparent][color=inverse]) calcite-loader*/[appearance=transparent][color=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][color=inverse].sc-calcite-button-h a.sc-calcite-button,[appearance=transparent][color=inverse].sc-calcite-button-h calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([scale=s]) button.content--slotted, :host([scale=s]) a.content--slotted*/[scale=s].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s].sc-calcite-button-h a.content--slotted.sc-calcite-button{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=s][appearance=transparent]) button.content--slotted,\n:host([scale=s][appearance=transparent]) a.content--slotted*/[scale=s][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x:0.5rem;--calcite-button-padding-y:0.25rem}/*!@:host([scale=m]) button.content--slotted,\n:host([scale=m]) a.content--slotted*/[scale=m].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x:11px;font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=m]:not([appearance=transparent])) button.content--slotted,\n:host([scale=m]:not([appearance=transparent])) a.content--slotted*/[scale=m].sc-calcite-button-h:not([appearance=transparent]) button.content--slotted.sc-calcite-button,[scale=m].sc-calcite-button-h:not([appearance=transparent]) a.content--slotted.sc-calcite-button{--calcite-button-padding-y:7px}/*!@:host([scale=m][appearance=transparent]) button.content--slotted,\n:host([scale=m][appearance=transparent]) a.content--slotted*/[scale=m][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x:0.75rem;--calcite-button-padding-y:0.5rem}/*!@:host([scale=l]) button.content--slotted,\n:host([scale=l]) a.content--slotted*/[scale=l].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=l].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l]:not([appearance=transparent])) button.content--slotted,\n:host([scale=l]:not([appearance=transparent])) a.content--slotted*/[scale=l].sc-calcite-button-h:not([appearance=transparent]) button.content--slotted.sc-calcite-button,[scale=l].sc-calcite-button-h:not([appearance=transparent]) a.content--slotted.sc-calcite-button{--calcite-button-padding-y:11px}/*!@:host([scale=l][appearance=transparent]) button.content--slotted,\n:host([scale=l][appearance=transparent]) a.content--slotted*/[scale=l][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=l][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x:1rem;--calcite-button-padding-y:0.75rem}/*!@:host([scale=s]) button:not(.content--slotted),\n:host([scale=s]) a:not(.content--slotted)*/[scale=s].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:3px;width:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-height:1.5rem}/*!@:host([scale=s][appearance=transparent]) button:not(.content--slotted),\n:host([scale=s][appearance=transparent]) a:not(.content--slotted)*/[scale=s][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y:0.25rem}/*!@:host([scale=m]) button:not(.content--slotted),\n:host([scale=m]) a:not(.content--slotted)*/[scale=m].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:7px;width:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-height:2rem}/*!@:host([scale=m][appearance=transparent]) button:not(.content--slotted),\n:host([scale=m][appearance=transparent]) a:not(.content--slotted)*/[scale=m][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y:0.5rem}/*!@:host([scale=l]) button:not(.content--slotted),\n:host([scale=l]) a:not(.content--slotted)*/[scale=l].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:9px;width:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-height:2.75rem}/*!@:host([scale=l][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][appearance=transparent]) a:not(.content--slotted)*/[scale=l][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y:0.625rem}/*!@:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x:23px;height:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x:1.5rem}/*!@:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x:2rem;height:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x:33px}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x:43px;height:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start + .icon--end,\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start + .icon--end*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{-webkit-margin-start:1rem;margin-inline-start:1rem}/*!@:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x:2.75rem}";
9352
9543
 
9353
9544
  /** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
@@ -9393,16 +9584,16 @@ class Button {
9393
9584
  this.hasLoader = false;
9394
9585
  // act on a requested or nearby form based on type
9395
9586
  this.handleClick = () => {
9396
- const { formEl, type } = this;
9587
+ const { type } = this;
9397
9588
  if (this.href) {
9398
9589
  return;
9399
9590
  }
9400
9591
  // this.type refers to type attribute, not child element type
9401
9592
  if (type === "submit") {
9402
- formEl === null || formEl === void 0 ? void 0 : formEl.requestSubmit();
9593
+ submitForm(this);
9403
9594
  }
9404
9595
  else if (type === "reset") {
9405
- formEl === null || formEl === void 0 ? void 0 : formEl.reset();
9596
+ resetForm(this);
9406
9597
  }
9407
9598
  };
9408
9599
  }
@@ -9617,7 +9808,7 @@ class Card {
9617
9808
  disconnectConditionalSlotComponent(this);
9618
9809
  }
9619
9810
  render() {
9620
- return (hAsync("div", { class: "calcite-card-container" }, this.loading ? (hAsync("div", { class: "calcite-card-loader-container" }, hAsync("calcite-loader", { active: true, label: this.intlLoading }))) : null, hAsync("section", { "aria-busy": this.loading.toString(), class: { [CSS$I.container]: true } }, this.selectable ? this.renderCheckbox() : null, this.renderThumbnail(), this.renderHeader(), hAsync("div", { class: "card-content" }, hAsync("slot", null)), this.renderFooter())));
9811
+ return (hAsync("div", { class: "calcite-card-container" }, this.loading ? (hAsync("div", { class: "calcite-card-loader-container" }, hAsync("calcite-loader", { active: true, label: this.intlLoading }))) : null, hAsync("section", { "aria-busy": toAriaBoolean(this.loading), class: { [CSS$I.container]: true } }, this.selectable ? this.renderCheckbox() : null, this.renderThumbnail(), this.renderHeader(), hAsync("div", { class: "card-content" }, hAsync("slot", null)), this.renderFooter())));
9621
9812
  }
9622
9813
  selectCard() {
9623
9814
  this.selected = !this.selected;
@@ -9663,173 +9854,6 @@ class Card {
9663
9854
  }; }
9664
9855
  }
9665
9856
 
9666
- /**
9667
- * Exported for testing purposes.
9668
- */
9669
- const hiddenFormInputSlotName = "hidden-form-input";
9670
- function isCheckable(component) {
9671
- return "checked" in component;
9672
- }
9673
- const onFormResetMap = new WeakMap();
9674
- const formComponentSet = new WeakSet();
9675
- function hasRegisteredFormComponentParent(form, formComponentEl) {
9676
- // we use events as a way to test for nested form-associated components across shadow bounds
9677
- const formComponentRegisterEventName = "calciteInternalFormComponentRegister";
9678
- let hasRegisteredFormComponentParent = false;
9679
- form.addEventListener(formComponentRegisterEventName, (event) => {
9680
- hasRegisteredFormComponentParent = event
9681
- .composedPath()
9682
- .some((element) => formComponentSet.has(element));
9683
- event.stopPropagation();
9684
- }, { once: true });
9685
- formComponentEl.dispatchEvent(new CustomEvent(formComponentRegisterEventName, {
9686
- bubbles: true,
9687
- composed: true
9688
- }));
9689
- return hasRegisteredFormComponentParent;
9690
- }
9691
- /**
9692
- * Helper to set up form interactions on connectedCallback.
9693
- */
9694
- function connectForm(component) {
9695
- const { el, value } = component;
9696
- const form = closestElementCrossShadowBoundary(el, "form");
9697
- if (!form || hasRegisteredFormComponentParent(form, el)) {
9698
- return;
9699
- }
9700
- component.formEl = form;
9701
- component.defaultValue = value;
9702
- if (isCheckable(component)) {
9703
- component.defaultChecked = component.checked;
9704
- }
9705
- const boundOnFormReset = (component.onFormReset || onFormReset).bind(component);
9706
- form.addEventListener("reset", boundOnFormReset);
9707
- onFormResetMap.set(component.el, boundOnFormReset);
9708
- formComponentSet.add(el);
9709
- }
9710
- function onFormReset() {
9711
- if (isCheckable(this)) {
9712
- this.checked = this.defaultChecked;
9713
- return;
9714
- }
9715
- this.value = this.defaultValue;
9716
- }
9717
- /**
9718
- * Helper to tear down form interactions on disconnectedCallback.
9719
- */
9720
- function disconnectForm(component) {
9721
- const { el, formEl } = component;
9722
- if (!formEl) {
9723
- return;
9724
- }
9725
- const boundOnFormReset = onFormResetMap.get(el);
9726
- formEl.removeEventListener("reset", boundOnFormReset);
9727
- onFormResetMap.delete(el);
9728
- component.formEl = null;
9729
- formComponentSet.delete(el);
9730
- }
9731
- /**
9732
- * Helper for setting the default value on initialization after connectedCallback.
9733
- *
9734
- * Note that this is only needed if the default value cannot be determined on connectedCallback.
9735
- */
9736
- function afterConnectDefaultValueSet(component, value) {
9737
- component.defaultValue = value;
9738
- }
9739
- /**
9740
- * Helper for maintaining a form-associated's hidden input in sync with the component.
9741
- *
9742
- * Based on Ionic's approach: https://github.com/ionic-team/ionic-framework/blob/e4bf052794af9aac07f887013b9250d2a045eba3/core/src/utils/helpers.ts#L198
9743
- */
9744
- function syncHiddenFormInput(component) {
9745
- const { el, formEl, name, value } = component;
9746
- const { ownerDocument } = el;
9747
- const inputs = el.querySelectorAll(`input[slot="${hiddenFormInputSlotName}"]`);
9748
- if (!formEl || !name) {
9749
- inputs.forEach((input) => input.remove());
9750
- return;
9751
- }
9752
- const values = Array.isArray(value) ? value : [value];
9753
- const extra = [];
9754
- const seen = new Set();
9755
- inputs.forEach((input) => {
9756
- const valueMatch = values.find((val) =>
9757
- /* intentional non-strict equality check */
9758
- val == input.value);
9759
- if (valueMatch != null) {
9760
- seen.add(valueMatch);
9761
- defaultSyncHiddenFormInput(component, input, valueMatch);
9762
- }
9763
- else {
9764
- extra.push(input);
9765
- }
9766
- });
9767
- let docFrag;
9768
- values.forEach((value) => {
9769
- if (seen.has(value)) {
9770
- return;
9771
- }
9772
- let input = extra.pop();
9773
- if (!input) {
9774
- input = ownerDocument.createElement("input");
9775
- input.slot = hiddenFormInputSlotName;
9776
- }
9777
- if (!docFrag) {
9778
- docFrag = ownerDocument.createDocumentFragment();
9779
- }
9780
- docFrag.append(input);
9781
- defaultSyncHiddenFormInput(component, input, value);
9782
- });
9783
- if (docFrag) {
9784
- el.append(docFrag);
9785
- }
9786
- extra.forEach((input) => input.remove());
9787
- }
9788
- function defaultSyncHiddenFormInput(component, input, value) {
9789
- var _a;
9790
- const { defaultValue, disabled, name, required } = component;
9791
- // keep in sync to prevent losing reset value
9792
- input.defaultValue = defaultValue;
9793
- input.disabled = disabled;
9794
- input.name = name;
9795
- input.required = required;
9796
- input.tabIndex = -1;
9797
- if (isCheckable(component)) {
9798
- // keep in sync to prevent losing reset value
9799
- input.defaultChecked = component.defaultChecked;
9800
- // heuristic to support default/on mode from https://html.spec.whatwg.org/multipage/input.html#dom-input-value-default-on
9801
- input.value = component.checked ? value || "on" : "";
9802
- // we disable the component when not checked to avoid having its value submitted
9803
- if (!disabled && !component.checked) {
9804
- input.disabled = true;
9805
- }
9806
- }
9807
- else {
9808
- input.value = value || "";
9809
- }
9810
- (_a = component.syncHiddenFormInput) === null || _a === void 0 ? void 0 : _a.call(component, input);
9811
- }
9812
- /**
9813
- * Helper to render the slot for form-associated component's hidden input.
9814
- *
9815
- * If the component has a default slot, this must be placed at the bottom of the component's root container to ensure it is the last child.
9816
- *
9817
- * render(): VNode {
9818
- * <Host>
9819
- * <div class={CSS.container}>
9820
- * // ...
9821
- * <HiddenFormInputSlot component={this} />
9822
- * </div>
9823
- * </Host>
9824
- * }
9825
- *
9826
- * Note that the hidden-form-input Sass mixin must be added to the component's style to apply specific styles.
9827
- */
9828
- const HiddenFormInputSlot = ({ component }) => {
9829
- syncHiddenFormInput(component);
9830
- return hAsync("slot", { name: hiddenFormInputSlotName });
9831
- };
9832
-
9833
9857
  const checkboxCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-checkbox:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-checkbox{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-checkbox{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-checkbox{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-checkbox{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-checkbox{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-checkbox:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-checkbox-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-checkbox-h{--calcite-checkbox-size:0.75rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-checkbox-h{--calcite-checkbox-size:var(--calcite-font-size--1)}/*!@:host([scale=l])*/[scale=l].sc-calcite-checkbox-h{--calcite-checkbox-size:1rem}/*!@:host*/.sc-calcite-checkbox-h{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}/*!@:host .check-svg*/.sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}/*!@:host([checked]) .check-svg, :host([indeterminate]) .check-svg*/[checked].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox,[indeterminate].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}/*!@:host([hovered]) .toggle .check-svg,\n:host .toggle:hover .check-svg*/[hovered].sc-calcite-checkbox-h .toggle.sc-calcite-checkbox .check-svg.sc-calcite-checkbox,.sc-calcite-checkbox-h .toggle.sc-calcite-checkbox:hover .check-svg.sc-calcite-checkbox{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}/*!@:host .toggle:focus .check-svg,\n:host .toggle:active .check-svg*/.sc-calcite-checkbox-h .toggle.sc-calcite-checkbox:focus .check-svg.sc-calcite-checkbox,.sc-calcite-checkbox-h .toggle.sc-calcite-checkbox:active .check-svg.sc-calcite-checkbox{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);-webkit-transition:var(--calcite-animation-timing);transition:var(--calcite-animation-timing)}/*!@.toggle:focus-visible*/.toggle.sc-calcite-checkbox:focus-visible{outline:none}/*!@:host([disabled])*/[disabled].sc-calcite-checkbox-h{pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-checkbox-h[disabled] .sc-calcite-checkbox-s>[calcite-hydrated][disabled],[disabled].sc-calcite-checkbox-h [calcite-hydrated][disabled].sc-calcite-checkbox{opacity:1}/*!@::slotted(input[slot=hidden-form-input])*/.sc-calcite-checkbox-s>input[slot=hidden-form-input]{bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
9834
9858
 
9835
9859
  class Checkbox {
@@ -9944,7 +9968,7 @@ class Checkbox {
9944
9968
  //
9945
9969
  // --------------------------------------------------------------------------
9946
9970
  render() {
9947
- return (hAsync(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync("div", { "aria-checked": this.checked.toString(), "aria-label": getLabelText(this), class: "toggle", onBlur: this.onToggleBlur, onFocus: this.onToggleFocus, ref: (toggleEl) => (this.toggleEl = toggleEl), role: "checkbox", tabIndex: this.disabled ? undefined : 0 }, hAsync("svg", { class: "check-svg", viewBox: "0 0 16 16" }, hAsync("path", { d: this.getPath() })), hAsync("slot", null)), hAsync(HiddenFormInputSlot, { component: this })));
9971
+ return (hAsync(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync("div", { "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "toggle", onBlur: this.onToggleBlur, onFocus: this.onToggleFocus, ref: (toggleEl) => (this.toggleEl = toggleEl), role: "checkbox", tabIndex: this.disabled ? undefined : 0 }, hAsync("svg", { class: "check-svg", viewBox: "0 0 16 16" }, hAsync("path", { d: this.getPath() })), hAsync("slot", null)), hAsync(HiddenFormInputSlot, { component: this })));
9948
9972
  }
9949
9973
  get el() { return getElement(this); }
9950
9974
  static get style() { return checkboxCss; }
@@ -12309,7 +12333,7 @@ const decimalPlaces = (value) => {
12309
12333
  (match[2] ? +match[2] : 0));
12310
12334
  };
12311
12335
 
12312
- const colorPickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-color-picker:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-color-picker{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-color-picker{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-color-picker{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-color-picker{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-color-picker{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-color-picker:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-color-picker-h{display:none}/*!@:host*/.sc-calcite-color-picker-h{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}/*!@:host([disabled])*/[disabled].sc-calcite-color-picker-h{pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-color-picker-h[disabled] .sc-calcite-color-picker-s>[calcite-hydrated][disabled],[disabled].sc-calcite-color-picker-h [calcite-hydrated][disabled].sc-calcite-color-picker{opacity:1}/*!@:host([scale=s]) .container*/[scale=s].sc-calcite-color-picker-h .container.sc-calcite-color-picker{width:160px}/*!@:host([scale=s]) .saved-colors*/[scale=s].sc-calcite-color-picker-h .saved-colors.sc-calcite-color-picker{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}/*!@:host([scale=s]) .channels*/[scale=s].sc-calcite-color-picker-h .channels.sc-calcite-color-picker{-ms-flex-direction:column;flex-direction:column}/*!@:host([scale=s]) .channel*/[scale=s].sc-calcite-color-picker-h .channel.sc-calcite-color-picker{width:100%;margin-bottom:4px}/*!@:host([scale=s]) .channel:last-child*/[scale=s].sc-calcite-color-picker-h .channel.sc-calcite-color-picker:last-child{margin-bottom:0}/*!@:host([scale=m]) .container*/[scale=m].sc-calcite-color-picker-h .container.sc-calcite-color-picker{width:272px}/*!@:host([scale=l]) .header*/[scale=l].sc-calcite-color-picker-h .header.sc-calcite-color-picker{padding-bottom:0px}/*!@:host([scale=l])*/[scale=l].sc-calcite-color-picker-h{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=l]) .container*/[scale=l].sc-calcite-color-picker-h .container.sc-calcite-color-picker{width:464px}/*!@:host([scale=l]) .color-field-and-slider*/[scale=l].sc-calcite-color-picker-h .color-field-and-slider.sc-calcite-color-picker{margin-bottom:-20px}/*!@:host([scale=l]) .section*/[scale=l].sc-calcite-color-picker-h .section.sc-calcite-color-picker{padding:0 16px 16px}/*!@:host([scale=l]) .section:first-of-type*/[scale=l].sc-calcite-color-picker-h .section.sc-calcite-color-picker:first-of-type{padding-top:16px}/*!@:host([scale=l]) .saved-colors*/[scale=l].sc-calcite-color-picker-h .saved-colors.sc-calcite-color-picker{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;padding-top:16px}/*!@:host([scale=l]) .control-section*/[scale=l].sc-calcite-color-picker-h .control-section.sc-calcite-color-picker{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}/*!@:host([scale=l]) .control-section > :nth-child(2)*/[scale=l].sc-calcite-color-picker-h .control-section.sc-calcite-color-picker>.sc-calcite-color-picker:nth-child(2){-webkit-margin-start:12px;margin-inline-start:12px}/*!@:host([scale=l]) .color-hex-options*/[scale=l].sc-calcite-color-picker-h .color-hex-options.sc-calcite-color-picker{display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;min-height:98px;width:160px}/*!@:host([scale=l]) .color-mode-container*/[scale=l].sc-calcite-color-picker-h .color-mode-container.sc-calcite-color-picker{-ms-flex-negative:3;flex-shrink:3}/*!@:host([appearance=minimal]) .container*/[appearance=minimal].sc-calcite-color-picker-h .container.sc-calcite-color-picker{border:none}/*!@.container*/.container.sc-calcite-color-picker{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}/*!@.color-field-and-slider-wrap*/.color-field-and-slider-wrap.sc-calcite-color-picker{position:relative}/*!@.scope*/.scope.sc-calcite-color-picker{pointer-events:none;position:absolute;margin-bottom:0px;margin-right:0px;height:0.5rem;width:0.5rem;padding:0px;font-size:var(--calcite-font-size--1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;margin-top:-0.25rem;margin-left:-0.25rem;outline-offset:10px}/*!@.scope:focus*/.scope.sc-calcite-color-picker:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:12px}/*!@.color-field-and-slider*/.color-field-and-slider.sc-calcite-color-picker{margin-bottom:-16px}/*!@.color-field-and-slider--interactive*/.color-field-and-slider--interactive.sc-calcite-color-picker{cursor:pointer}/*!@.control-section*/.control-section.sc-calcite-color-picker{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}/*!@.section*/.section.sc-calcite-color-picker{padding:0 12px 12px}/*!@.section:first-of-type*/.section.sc-calcite-color-picker:first-of-type{padding-top:12px}/*!@.color-hex-options,\n.section--split*/.color-hex-options.sc-calcite-color-picker,.section--split.sc-calcite-color-picker{-ms-flex-positive:1;flex-grow:1}/*!@.header*/.header.sc-calcite-color-picker{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0.25rem;color:var(--calcite-ui-text-1)}/*!@.header--hex,\n.color-mode-container*/.header--hex.sc-calcite-color-picker,.color-mode-container.sc-calcite-color-picker{padding-top:12px}/*!@.channels*/.channels.sc-calcite-color-picker{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@.channel*/.channel.sc-calcite-color-picker{width:31%}/*!@.saved-colors*/.saved-colors.sc-calcite-color-picker{padding-top:12px;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:8px;width:100%}/*!@.saved-colors-buttons*/.saved-colors-buttons.sc-calcite-color-picker{display:-ms-flexbox;display:flex}/*!@.saved-color*/.saved-color.sc-calcite-color-picker{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;cursor:pointer}/*!@.saved-color:focus*/.saved-color.sc-calcite-color-picker:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@.saved-color:hover*/.saved-color.sc-calcite-color-picker:hover{-webkit-transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";
12336
+ const colorPickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-color-picker:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-color-picker{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-color-picker{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-color-picker{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-color-picker{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-color-picker{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-color-picker:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-color-picker-h{display:none}/*!@:host*/.sc-calcite-color-picker-h{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}/*!@:host([disabled])*/[disabled].sc-calcite-color-picker-h{pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-color-picker-h[disabled] .sc-calcite-color-picker-s>[calcite-hydrated][disabled],[disabled].sc-calcite-color-picker-h [calcite-hydrated][disabled].sc-calcite-color-picker{opacity:1}/*!@:host([scale=s]) .container*/[scale=s].sc-calcite-color-picker-h .container.sc-calcite-color-picker{width:160px}/*!@:host([scale=s]) .saved-colors*/[scale=s].sc-calcite-color-picker-h .saved-colors.sc-calcite-color-picker{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}/*!@:host([scale=s]) .channels*/[scale=s].sc-calcite-color-picker-h .channels.sc-calcite-color-picker{-ms-flex-direction:column;flex-direction:column}/*!@:host([scale=s]) .channel*/[scale=s].sc-calcite-color-picker-h .channel.sc-calcite-color-picker{width:100%;margin-bottom:4px}/*!@:host([scale=s]) .channel:last-child*/[scale=s].sc-calcite-color-picker-h .channel.sc-calcite-color-picker:last-child{margin-bottom:0}/*!@:host([scale=m]) .container*/[scale=m].sc-calcite-color-picker-h .container.sc-calcite-color-picker{width:272px}/*!@:host([scale=l]) .header*/[scale=l].sc-calcite-color-picker-h .header.sc-calcite-color-picker{padding-bottom:0px}/*!@:host([scale=l])*/[scale=l].sc-calcite-color-picker-h{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=l]) .container*/[scale=l].sc-calcite-color-picker-h .container.sc-calcite-color-picker{width:464px}/*!@:host([scale=l]) .color-field-and-slider*/[scale=l].sc-calcite-color-picker-h .color-field-and-slider.sc-calcite-color-picker{margin-bottom:-20px}/*!@:host([scale=l]) .section*/[scale=l].sc-calcite-color-picker-h .section.sc-calcite-color-picker{padding:0 16px 16px}/*!@:host([scale=l]) .section:first-of-type*/[scale=l].sc-calcite-color-picker-h .section.sc-calcite-color-picker:first-of-type{padding-top:16px}/*!@:host([scale=l]) .saved-colors*/[scale=l].sc-calcite-color-picker-h .saved-colors.sc-calcite-color-picker{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;padding-top:16px}/*!@:host([scale=l]) .control-section*/[scale=l].sc-calcite-color-picker-h .control-section.sc-calcite-color-picker{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}/*!@:host([scale=l]) .control-section > :nth-child(2)*/[scale=l].sc-calcite-color-picker-h .control-section.sc-calcite-color-picker>.sc-calcite-color-picker:nth-child(2){-webkit-margin-start:12px;margin-inline-start:12px}/*!@:host([scale=l]) .color-hex-options*/[scale=l].sc-calcite-color-picker-h .color-hex-options.sc-calcite-color-picker{display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;min-height:98px;width:160px}/*!@:host([scale=l]) .color-mode-container*/[scale=l].sc-calcite-color-picker-h .color-mode-container.sc-calcite-color-picker{-ms-flex-negative:3;flex-shrink:3}/*!@:host([appearance=minimal]) .container*/[appearance=minimal].sc-calcite-color-picker-h .container.sc-calcite-color-picker{border:none}/*!@.container*/.container.sc-calcite-color-picker{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}/*!@.color-field-and-slider-wrap*/.color-field-and-slider-wrap.sc-calcite-color-picker{position:relative}/*!@.scope*/.scope.sc-calcite-color-picker{pointer-events:none;position:absolute;font-size:var(--calcite-font-size--1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;outline-offset:14px}/*!@.scope:focus*/.scope.sc-calcite-color-picker:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:16px}/*!@.color-field-and-slider*/.color-field-and-slider.sc-calcite-color-picker{margin-bottom:-16px}/*!@.color-field-and-slider--interactive*/.color-field-and-slider--interactive.sc-calcite-color-picker{cursor:pointer}/*!@.control-section*/.control-section.sc-calcite-color-picker{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}/*!@.section*/.section.sc-calcite-color-picker{padding:0 12px 12px}/*!@.section:first-of-type*/.section.sc-calcite-color-picker:first-of-type{padding-top:12px}/*!@.color-hex-options,\n.section--split*/.color-hex-options.sc-calcite-color-picker,.section--split.sc-calcite-color-picker{-ms-flex-positive:1;flex-grow:1}/*!@.header*/.header.sc-calcite-color-picker{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0.25rem;color:var(--calcite-ui-text-1)}/*!@.header--hex,\n.color-mode-container*/.header--hex.sc-calcite-color-picker,.color-mode-container.sc-calcite-color-picker{padding-top:12px}/*!@.channels*/.channels.sc-calcite-color-picker{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@.channel*/.channel.sc-calcite-color-picker{width:31%}/*!@.saved-colors*/.saved-colors.sc-calcite-color-picker{padding-top:12px;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:8px;width:100%}/*!@.saved-colors-buttons*/.saved-colors-buttons.sc-calcite-color-picker{display:-ms-flexbox;display:flex}/*!@.saved-color*/.saved-color.sc-calcite-color-picker{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;cursor:pointer}/*!@.saved-color:focus*/.saved-color.sc-calcite-color-picker:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@.saved-color:hover*/.saved-color.sc-calcite-color-picker:hover{-webkit-transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";
12313
12337
 
12314
12338
  const throttleFor60FpsInMs = 16;
12315
12339
  const defaultValue = normalizeHex(DEFAULT_COLOR$1.hex());
@@ -12711,7 +12735,7 @@ class ColorPicker {
12711
12735
  /* the channel container is ltr, so we apply the host's direction */
12712
12736
  this.renderChannel(channel, index, channelLabels[index], channelAriaLabels[index], direction)))));
12713
12737
  };
12714
- this.renderChannel = (value, index, label, ariaLabel, direction) => (hAsync("calcite-input", { class: CSS$G.channel, "data-channel-index": index, dir: direction, label: ariaLabel, numberButtonType: "none", onCalciteInputChange: this.handleChannelChange, onCalciteInputInput: this.handleChannelInput, prefixText: label, scale: this.scale === "l" ? "m" : "s", type: "number", value: value === null || value === void 0 ? void 0 : value.toString() }));
12738
+ this.renderChannel = (value, index, label, ariaLabel, direction) => (hAsync("calcite-input", { class: CSS$G.channel, "data-channel-index": index, dir: direction, label: ariaLabel, numberButtonType: "none", onCalciteInputChange: this.handleChannelChange, onCalciteInputInput: this.handleChannelInput, onKeyDown: this.handleKeyDown, prefixText: label, scale: this.scale === "l" ? "m" : "s", type: "number", value: value === null || value === void 0 ? void 0 : value.toString() }));
12715
12739
  this.deleteColor = () => {
12716
12740
  const colorToDelete = this.color.hex();
12717
12741
  const inStorage = this.savedColors.indexOf(colorToDelete) > -1;
@@ -12910,6 +12934,11 @@ class ColorPicker {
12910
12934
  // Private Methods
12911
12935
  //
12912
12936
  //--------------------------------------------------------------------------
12937
+ handleKeyDown(event) {
12938
+ if (event.key === "Enter") {
12939
+ event.preventDefault();
12940
+ }
12941
+ }
12913
12942
  showIncompatibleColorWarning(value, format) {
12914
12943
  console.warn(`ignoring color value (${value}) as it is not compatible with the current format (${format})`);
12915
12944
  }
@@ -13257,7 +13286,7 @@ class ColorPickerHexInput {
13257
13286
  render() {
13258
13287
  const { intlHex, value } = this;
13259
13288
  const hexInputValue = this.formatForInternalInput(value);
13260
- return (hAsync("div", { class: CSS$F.container }, hAsync("calcite-input", { class: CSS$F.input, label: intlHex, maxLength: 6, onCalciteInputBlur: this.onCalciteInputBlur, onCalciteInputChange: this.onInputChange, prefixText: "#", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (hAsync("calcite-color-picker-swatch", { active: true, class: CSS$F.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));
13289
+ return (hAsync("div", { class: CSS$F.container }, hAsync("calcite-input", { class: CSS$F.input, label: intlHex, maxLength: 6, onCalciteInputBlur: this.onCalciteInputBlur, onCalciteInputChange: this.onInputChange, onKeyDown: this.handleKeyDown, prefixText: "#", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (hAsync("calcite-color-picker-swatch", { active: true, class: CSS$F.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));
13261
13290
  }
13262
13291
  //--------------------------------------------------------------------------
13263
13292
  //
@@ -13304,6 +13333,11 @@ class ColorPickerHexInput {
13304
13333
  nudgeRGBChannels(color$1, amount) {
13305
13334
  return color.rgb(color$1.array().map((channel) => channel + amount));
13306
13335
  }
13336
+ handleKeyDown(event) {
13337
+ if (event.key === "Enter") {
13338
+ event.preventDefault();
13339
+ }
13340
+ }
13307
13341
  get el() { return getElement(this); }
13308
13342
  static get watchers() { return {
13309
13343
  "value": ["handleValueChange"]
@@ -15398,7 +15432,7 @@ class Combobox {
15398
15432
  : null;
15399
15433
  };
15400
15434
  this.getValue = () => {
15401
- const items = this.selectedItems.map((item) => item === null || item === void 0 ? void 0 : item.value.toString());
15435
+ const items = this.selectedItems.map((item) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.toString(); });
15402
15436
  return (items === null || items === void 0 ? void 0 : items.length) ? (items.length > 1 ? items : items[0]) : "";
15403
15437
  };
15404
15438
  this.onLabelClick = () => {
@@ -15481,6 +15515,9 @@ class Combobox {
15481
15515
  else if (this.allowCustomValues && this.text) {
15482
15516
  this.addCustomChip(this.text, true);
15483
15517
  }
15518
+ else if (!event.defaultPrevented) {
15519
+ submitForm(this);
15520
+ }
15484
15521
  break;
15485
15522
  case "Delete":
15486
15523
  case "Backspace":
@@ -16052,7 +16089,7 @@ class Combobox {
16052
16089
  }, disabled: disabled, id: `${inputUidPrefix}${guid}`, key: "input", onBlur: this.comboboxBlurHandler, onFocus: this.comboboxFocusHandler, onInput: this.inputHandler, placeholder: placeholder, ref: (el) => (this.textInput = el), type: "text" })));
16053
16090
  }
16054
16091
  renderListBoxOptions() {
16055
- return this.visibleItems.map((item) => (hAsync("li", { "aria-selected": (!!item.selected).toString(), id: item.guid ? `${itemUidPrefix}${item.guid}` : null, role: "option", tabindex: "-1" }, item.textLabel)));
16092
+ return this.visibleItems.map((item) => (hAsync("li", { "aria-selected": toAriaBoolean(item.selected), id: item.guid ? `${itemUidPrefix}${item.guid}` : null, role: "option", tabindex: "-1" }, item.textLabel)));
16056
16093
  }
16057
16094
  renderPopperContainer() {
16058
16095
  const { active, setMenuEl, setListContainerEl } = this;
@@ -16076,7 +16113,7 @@ class Combobox {
16076
16113
  render() {
16077
16114
  const { active, guid, label } = this;
16078
16115
  const single = this.selectionMode === "single";
16079
- return (hAsync(Host, { onKeyDown: this.keydownHandler }, hAsync("div", { "aria-autocomplete": "list", "aria-expanded": active.toString(), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
16116
+ return (hAsync(Host, { onKeyDown: this.keydownHandler }, hAsync("div", { "aria-autocomplete": "list", "aria-expanded": toAriaBoolean(active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
16080
16117
  wrapper: true,
16081
16118
  "wrapper--single": single || !this.selectedItems.length,
16082
16119
  "wrapper--active": active
@@ -17782,7 +17819,7 @@ class Dropdown {
17782
17819
  }
17783
17820
  render() {
17784
17821
  const { active } = this;
17785
- return (hAsync(Host, null, hAsync("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { "aria-expanded": active.toString(), "aria-haspopup": "true", name: SLOTS$h.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { "aria-hidden": (!active).toString(), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, hAsync("div", { class: {
17822
+ return (hAsync(Host, null, hAsync("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { "aria-expanded": toAriaBoolean(active), "aria-haspopup": "true", name: SLOTS$h.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { "aria-hidden": toAriaBoolean(!active), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, hAsync("div", { class: {
17786
17823
  ["calcite-dropdown-content"]: true,
17787
17824
  [CSS$D.animation]: true,
17788
17825
  [CSS$D.animationActive]: active
@@ -18148,7 +18185,7 @@ class DropdownItem {
18148
18185
  : this.selectionMode === "multi"
18149
18186
  ? "menuitemcheckbox"
18150
18187
  : "menuitem";
18151
- const itemAria = this.selectionMode !== "none" ? this.active.toString() : null;
18188
+ const itemAria = this.selectionMode !== "none" ? toAriaBoolean(this.active) : null;
18152
18189
  return (hAsync(Host, { "aria-checked": itemAria, role: itemRole, tabindex: "0" }, hAsync("div", { class: {
18153
18190
  container: true,
18154
18191
  [CSS$z.containerLink]: !!this.href,
@@ -18449,10 +18486,13 @@ class Filter {
18449
18486
  this.value = target.value;
18450
18487
  this.filter(target.value, true);
18451
18488
  };
18452
- this.keyDownHandler = ({ key }) => {
18453
- if (key === "Escape") {
18489
+ this.keyDownHandler = (event) => {
18490
+ if (event.key === "Escape") {
18454
18491
  this.clear();
18455
18492
  }
18493
+ if (event.key === "Enter") {
18494
+ event.preventDefault();
18495
+ }
18456
18496
  };
18457
18497
  this.clear = () => {
18458
18498
  this.value = "";
@@ -18930,7 +18970,7 @@ class Handle {
18930
18970
  render() {
18931
18971
  return (
18932
18972
  // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
18933
- hAsync("span", { "aria-pressed": this.activated.toString(), class: { [CSS$v.handle]: true, [CSS$v.handleActivated]: this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
18973
+ hAsync("span", { "aria-pressed": toAriaBoolean(this.activated), class: { [CSS$v.handle]: true, [CSS$v.handleActivated]: this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
18934
18974
  this.handleButton = el;
18935
18975
  }, role: "button", tabindex: "0", title: this.textTitle }, hAsync("calcite-icon", { icon: ICONS$7.drag, scale: "s" })));
18936
18976
  }
@@ -19010,7 +19050,7 @@ class Icon {
19010
19050
  const size = scaleToPx[scale];
19011
19051
  const semantic = !!textLabel;
19012
19052
  const paths = [].concat(pathData || "");
19013
- return (hAsync(Host, { "aria-hidden": (!semantic).toString(), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, hAsync("svg", { class: {
19053
+ return (hAsync(Host, { "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, hAsync("svg", { class: {
19014
19054
  [CSS$u.flipRtl]: dir === "rtl" && flipRtl,
19015
19055
  svg: true
19016
19056
  }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (hAsync("path", { d: path })) : (hAsync("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
@@ -19399,9 +19439,9 @@ class Input {
19399
19439
  this.value = "";
19400
19440
  /** keep track of the rendered child type */
19401
19441
  this.childElType = "input";
19402
- /** whether the value of the input was changed as a result of user typing or not */
19403
- this.internalValueChange = false;
19442
+ this.previousValueOrigin = "initial";
19404
19443
  this.mutationObserver = createObserver();
19444
+ this.userChangedValue = false;
19405
19445
  //--------------------------------------------------------------------------
19406
19446
  //
19407
19447
  // Private Methods
@@ -19415,25 +19455,30 @@ class Input {
19415
19455
  this.clearInputValue(event);
19416
19456
  event.preventDefault();
19417
19457
  }
19458
+ if (event.key === "Enter" && !event.defaultPrevented) {
19459
+ submitForm(this);
19460
+ }
19418
19461
  };
19419
19462
  this.clearInputValue = (nativeEvent) => {
19420
19463
  this.setValue({
19421
19464
  committing: true,
19422
19465
  nativeEvent,
19466
+ origin: "user",
19423
19467
  value: ""
19424
19468
  });
19425
19469
  };
19426
- this.inputBlurHandler = () => {
19427
- if (this.type === "number") {
19428
- this.setValue({ value: this.value });
19470
+ this.emitChangeIfUserModified = () => {
19471
+ if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
19472
+ this.calciteInputChange.emit();
19429
19473
  }
19474
+ this.previousEmittedValue = this.value;
19475
+ };
19476
+ this.inputBlurHandler = () => {
19430
19477
  this.calciteInputBlur.emit({
19431
19478
  element: this.childEl,
19432
19479
  value: this.value
19433
19480
  });
19434
- if (this.preFocusValue !== this.value) {
19435
- this.calciteInputChange.emit();
19436
- }
19481
+ this.emitChangeIfUserModified();
19437
19482
  };
19438
19483
  this.inputFocusHandler = (event) => {
19439
19484
  const slottedActionEl = getSlotted(this.el, "action");
@@ -19444,7 +19489,6 @@ class Input {
19444
19489
  element: this.childEl,
19445
19490
  value: this.value
19446
19491
  });
19447
- this.preFocusValue = this.value;
19448
19492
  };
19449
19493
  this.inputInputHandler = (nativeEvent) => {
19450
19494
  if (this.disabled || this.readOnly) {
@@ -19452,6 +19496,7 @@ class Input {
19452
19496
  }
19453
19497
  this.setValue({
19454
19498
  nativeEvent,
19499
+ origin: "user",
19455
19500
  value: nativeEvent.target.value
19456
19501
  });
19457
19502
  };
@@ -19460,7 +19505,7 @@ class Input {
19460
19505
  return;
19461
19506
  }
19462
19507
  if (event.key === "Enter") {
19463
- this.calciteInputChange.emit();
19508
+ this.emitChangeIfUserModified();
19464
19509
  }
19465
19510
  };
19466
19511
  this.inputNumberInputHandler = (nativeEvent) => {
@@ -19475,6 +19520,7 @@ class Input {
19475
19520
  }
19476
19521
  this.setValue({
19477
19522
  nativeEvent,
19523
+ origin: "user",
19478
19524
  value: parseNumberString(delocalizedValue)
19479
19525
  });
19480
19526
  this.childNumberEl.value = this.localizedValue;
@@ -19482,6 +19528,7 @@ class Input {
19482
19528
  else {
19483
19529
  this.setValue({
19484
19530
  nativeEvent,
19531
+ origin: "user",
19485
19532
  value: delocalizedValue
19486
19533
  });
19487
19534
  }
@@ -19516,7 +19563,7 @@ class Input {
19516
19563
  const isShiftTabEvent = event.shiftKey && event.key === "Tab";
19517
19564
  if (supportedKeys.includes(event.key) && (!event.shiftKey || isShiftTabEvent)) {
19518
19565
  if (event.key === "Enter") {
19519
- this.calciteInputChange.emit();
19566
+ this.emitChangeIfUserModified();
19520
19567
  }
19521
19568
  return;
19522
19569
  }
@@ -19590,6 +19637,14 @@ class Input {
19590
19637
  }
19591
19638
  this[`child${this.type === "number" ? "Number" : ""}El`].value = newInputValue;
19592
19639
  };
19640
+ this.setPreviousEmittedValue = (newPreviousEmittedValue) => {
19641
+ this.previousEmittedValue =
19642
+ this.type === "number"
19643
+ ? isValidNumber(newPreviousEmittedValue)
19644
+ ? newPreviousEmittedValue
19645
+ : ""
19646
+ : newPreviousEmittedValue;
19647
+ };
19593
19648
  this.setPreviousValue = (newPreviousValue) => {
19594
19649
  this.previousValue =
19595
19650
  this.type === "number"
@@ -19598,7 +19653,7 @@ class Input {
19598
19653
  : ""
19599
19654
  : newPreviousValue;
19600
19655
  };
19601
- this.setValue = ({ committing = false, nativeEvent, origin = "internal", value }) => {
19656
+ this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
19602
19657
  const previousLocalizedValue = this.type === "number"
19603
19658
  ? localizeNumberString(this.previousValue, this.locale, this.groupSeparator)
19604
19659
  : "";
@@ -19611,13 +19666,14 @@ class Input {
19611
19666
  const newLocalizedValue = this.type === "number"
19612
19667
  ? localizeNumberString(newValue, this.locale, this.groupSeparator)
19613
19668
  : "";
19614
- this.internalValueChange = origin === "internal" && this.value !== newValue;
19615
- this.setPreviousValue(this.value);
19669
+ this.setPreviousValue(previousValue || this.value);
19670
+ this.previousValueOrigin = origin;
19671
+ this.userChangedValue = origin === "user" && this.value !== newValue;
19616
19672
  this.value = newValue;
19617
19673
  if (this.type === "number") {
19618
19674
  this.localizedValue = newLocalizedValue;
19619
19675
  }
19620
- if (origin === "external") {
19676
+ if (origin === "direct") {
19621
19677
  this.setInputValue(this.type === "number" ? newLocalizedValue : newValue);
19622
19678
  }
19623
19679
  if (nativeEvent) {
@@ -19631,7 +19687,7 @@ class Input {
19631
19687
  this.localizedValue = previousLocalizedValue;
19632
19688
  }
19633
19689
  else if (committing) {
19634
- this.calciteInputChange.emit();
19690
+ this.emitChangeIfUserModified();
19635
19691
  }
19636
19692
  }
19637
19693
  };
@@ -19652,10 +19708,11 @@ class Input {
19652
19708
  var _a;
19653
19709
  this.minString = ((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString()) || null;
19654
19710
  }
19655
- valueWatcher(newValue) {
19656
- if (!this.internalValueChange) {
19711
+ valueWatcher(newValue, previousValue) {
19712
+ if (!this.userChangedValue) {
19657
19713
  this.setValue({
19658
- origin: "external",
19714
+ origin: "direct",
19715
+ previousValue,
19659
19716
  value: newValue == null || newValue == ""
19660
19717
  ? ""
19661
19718
  : this.type === "number"
@@ -19666,7 +19723,7 @@ class Input {
19666
19723
  });
19667
19724
  this.warnAboutInvalidNumberValue(newValue);
19668
19725
  }
19669
- this.internalValueChange = false;
19726
+ this.userChangedValue = false;
19670
19727
  }
19671
19728
  updateRequestedIcon() {
19672
19729
  this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
@@ -19690,11 +19747,12 @@ class Input {
19690
19747
  if (this.inlineEditableEl) {
19691
19748
  this.editingEnabled = this.inlineEditableEl.editingEnabled || false;
19692
19749
  }
19750
+ this.setPreviousEmittedValue(this.value);
19693
19751
  this.setPreviousValue(this.value);
19694
19752
  if (this.type === "number") {
19695
19753
  this.warnAboutInvalidNumberValue(this.value);
19696
19754
  this.setValue({
19697
- origin: "loading",
19755
+ origin: "connected",
19698
19756
  value: isValidNumber(this.value) ? this.value : ""
19699
19757
  });
19700
19758
  }
@@ -19719,6 +19777,7 @@ class Input {
19719
19777
  componentShouldUpdate(newValue, oldValue, property) {
19720
19778
  if (this.type === "number" && property === "value" && newValue && !isValidNumber(newValue)) {
19721
19779
  this.setValue({
19780
+ origin: "reset",
19722
19781
  value: oldValue
19723
19782
  });
19724
19783
  return false;
@@ -19761,11 +19820,13 @@ class Input {
19761
19820
  this.setValue({
19762
19821
  committing: true,
19763
19822
  nativeEvent,
19823
+ origin: "user",
19764
19824
  value: finalValue.toFixed(Math.max(inputValPlaces, inputStepPlaces))
19765
19825
  });
19766
19826
  }
19767
19827
  onFormReset() {
19768
19828
  this.setValue({
19829
+ origin: "reset",
19769
19830
  value: this.defaultValue
19770
19831
  });
19771
19832
  }
@@ -19983,6 +20044,11 @@ class InputDatePicker {
19983
20044
  this.deactivate = () => {
19984
20045
  this.active = false;
19985
20046
  };
20047
+ this.keyDownHandler = (event) => {
20048
+ if (event.key === "Enter" && !event.defaultPrevented) {
20049
+ submitForm(this);
20050
+ }
20051
+ };
19986
20052
  this.keyUpHandler = (e) => {
19987
20053
  if (e.key === "Escape") {
19988
20054
  this.active = false;
@@ -20176,7 +20242,7 @@ class InputDatePicker {
20176
20242
  : null;
20177
20243
  const formattedEndDate = endDate ? endDate.toLocaleDateString(this.locale) : "";
20178
20244
  const formattedDate = date ? date.toLocaleDateString(this.locale) : "";
20179
- return (hAsync(Host, { onBlur: this.deactivate, onKeyUp: this.keyUpHandler, role: "application" }, this.localeData && (hAsync("div", { "aria-expanded": this.active.toString(), class: "input-container", role: "application" }, hAsync("div", { class: "input-wrapper", ref: this.setStartWrapper }, hAsync("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputBlur: this.inputBlur, onCalciteInputFocus: this.startInputFocus, onCalciteInputInput: this.inputInput, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })), hAsync("div", { "aria-hidden": (!this.active).toString(), class: {
20245
+ return (hAsync(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, onKeyUp: this.keyUpHandler, role: "application" }, this.localeData && (hAsync("div", { "aria-expanded": toAriaBoolean(this.active), class: "input-container", role: "application" }, hAsync("div", { class: "input-wrapper", ref: this.setStartWrapper }, hAsync("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputBlur: this.inputBlur, onCalciteInputFocus: this.startInputFocus, onCalciteInputInput: this.inputInput, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })), hAsync("div", { "aria-hidden": toAriaBoolean(!this.active), class: {
20180
20246
  "menu-container": true,
20181
20247
  "menu-container--active": this.active
20182
20248
  }, ref: this.setMenuEl }, hAsync("div", { class: {
@@ -20745,6 +20811,16 @@ class InputTimePicker {
20745
20811
  const value = target.value;
20746
20812
  this.setValue({ value, origin: "time-picker" });
20747
20813
  };
20814
+ // --------------------------------------------------------------------------
20815
+ //
20816
+ // Private Methods
20817
+ //
20818
+ // --------------------------------------------------------------------------
20819
+ this.keyDownHandler = (event) => {
20820
+ if (event.key === "Enter" && !event.defaultPrevented) {
20821
+ submitForm(this);
20822
+ }
20823
+ };
20748
20824
  this.setCalcitePopoverEl = (el) => {
20749
20825
  this.popoverEl = el;
20750
20826
  };
@@ -20856,11 +20932,6 @@ class InputTimePicker {
20856
20932
  var _a;
20857
20933
  (_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.reposition();
20858
20934
  }
20859
- // --------------------------------------------------------------------------
20860
- //
20861
- // Private Methods
20862
- //
20863
- // --------------------------------------------------------------------------
20864
20935
  onLabelClick() {
20865
20936
  this.setFocus();
20866
20937
  }
@@ -20896,7 +20967,7 @@ class InputTimePicker {
20896
20967
  // --------------------------------------------------------------------------
20897
20968
  render() {
20898
20969
  const popoverId = `${this.referenceElementId}-popover`;
20899
- return (hAsync(Host, null, hAsync("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, hAsync("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputBlur: this.calciteInputBlurHandler, onCalciteInputFocus: this.calciteInputFocusHandler, onCalciteInputInput: this.calciteInputInputHandler, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), hAsync("calcite-popover", { id: popoverId, label: "Time Picker", open: this.active, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId }, hAsync("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.locale, onCalciteTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), hAsync(HiddenFormInputSlot, { component: this })));
20970
+ return (hAsync(Host, { onKeyDown: this.keyDownHandler }, hAsync("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, hAsync("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputBlur: this.calciteInputBlurHandler, onCalciteInputFocus: this.calciteInputFocusHandler, onCalciteInputInput: this.calciteInputInputHandler, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), hAsync("calcite-popover", { id: popoverId, label: "Time Picker", open: this.active, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId }, hAsync("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.locale, onCalciteTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), hAsync(HiddenFormInputSlot, { component: this })));
20900
20971
  }
20901
20972
  get el() { return getElement(this); }
20902
20973
  static get watchers() { return {
@@ -22531,7 +22602,7 @@ class Panel {
22531
22602
  }
22532
22603
  render() {
22533
22604
  const { dismissed, dismissible, loading, panelKeyDownHandler } = this;
22534
- const panelNode = (hAsync("article", { "aria-busy": loading.toString(), class: CSS$k.container, hidden: dismissible && dismissed, onKeyDown: panelKeyDownHandler, ref: this.setContainerRef, tabIndex: dismissible ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderFooterNode()));
22605
+ const panelNode = (hAsync("article", { "aria-busy": toAriaBoolean(loading), class: CSS$k.container, hidden: dismissible && dismissed, onKeyDown: panelKeyDownHandler, ref: this.setContainerRef, tabIndex: dismissible ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderFooterNode()));
22535
22606
  return (hAsync(Fragment, null, loading ? hAsync("calcite-scrim", { loading: loading }) : null, panelNode));
22536
22607
  }
22537
22608
  get el() { return getElement(this); }
@@ -22891,7 +22962,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
22891
22962
  const List = (_a) => {
22892
22963
  var { props: { disabled, loading, filterEnabled, dataForFilter, handleFilter, filterPlaceholder, setFilterEl } } = _a, rest = __rest(_a, ["props"]);
22893
22964
  const defaultSlot = hAsync("slot", null);
22894
- return (hAsync(Host, Object.assign({ "aria-busy": loading.toString(), role: "menu" }, rest),
22965
+ return (hAsync(Host, Object.assign({ "aria-busy": toAriaBoolean(loading), role: "menu" }, rest),
22895
22966
  hAsync("section", null,
22896
22967
  hAsync("header", { class: { [CSS$j.sticky]: true } },
22897
22968
  filterEnabled ? (hAsync("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: handleFilter, placeholder: filterPlaceholder, ref: setFilterEl })) : null,
@@ -23280,7 +23351,7 @@ class PickListItem {
23280
23351
  }
23281
23352
  render() {
23282
23353
  const { description, label } = this;
23283
- return (hAsync(Fragment, null, this.renderIcon(), this.renderActionsStart(), hAsync("label", { "aria-label": label, class: CSS$h.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, hAsync("div", { "aria-checked": this.selected.toString(), class: CSS$h.textContainer, role: "menuitemcheckbox" }, hAsync("span", { class: CSS$h.title }, label), description ? hAsync("span", { class: CSS$h.description }, description) : null)), this.renderActionsEnd()));
23354
+ return (hAsync(Fragment, null, this.renderIcon(), this.renderActionsStart(), hAsync("label", { "aria-label": label, class: CSS$h.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, hAsync("div", { "aria-checked": toAriaBoolean(this.selected), class: CSS$h.textContainer, role: "menuitemcheckbox" }, hAsync("span", { class: CSS$h.title }, label), description ? hAsync("span", { class: CSS$h.description }, description) : null)), this.renderActionsEnd()));
23284
23355
  }
23285
23356
  get el() { return getElement(this); }
23286
23357
  static get watchers() { return {
@@ -23488,7 +23559,7 @@ class Popover {
23488
23559
  if (!effectiveReferenceElement) {
23489
23560
  return;
23490
23561
  }
23491
- effectiveReferenceElement.setAttribute(ARIA_EXPANDED, open.toString());
23562
+ effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));
23492
23563
  };
23493
23564
  this.addReferences = () => {
23494
23565
  const { effectiveReferenceElement } = this;
@@ -23665,7 +23736,7 @@ class Popover {
23665
23736
  const displayed = effectiveReferenceElement && open;
23666
23737
  const hidden = !displayed;
23667
23738
  const arrowNode = !disablePointer ? (hAsync("div", { class: CSS$g.arrow, ref: (arrowEl) => (this.arrowEl = arrowEl) })) : null;
23668
- return (hAsync(Host, { "aria-hidden": hidden.toString(), "aria-label": label, "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { class: {
23739
+ return (hAsync(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { class: {
23669
23740
  [CSS$D.animation]: true,
23670
23741
  [CSS$D.animationActive]: displayed
23671
23742
  }, onTransitionEnd: this.transitionEnd }, arrowNode, hAsync("div", { class: {
@@ -24074,7 +24145,7 @@ class RadioButton {
24074
24145
  // --------------------------------------------------------------------------
24075
24146
  render() {
24076
24147
  const tabIndex = this.getTabIndex();
24077
- return (hAsync(Host, { onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync("div", { "aria-checked": this.checked.toString(), "aria-label": getLabelText(this), class: CSS$f.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, hAsync("div", { class: "radio" })), hAsync(HiddenFormInputSlot, { component: this })));
24148
+ return (hAsync(Host, { onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync("div", { "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$f.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, hAsync("div", { class: "radio" })), hAsync(HiddenFormInputSlot, { component: this })));
24078
24149
  }
24079
24150
  get el() { return getElement(this); }
24080
24151
  static get watchers() { return {
@@ -24467,7 +24538,7 @@ class RadioGroupItem {
24467
24538
  const appearance = getElementProp(this.el, "appearance", "solid");
24468
24539
  const layout = getElementProp(this.el, "layout", "horizontal");
24469
24540
  const iconEl = (hAsync("calcite-icon", { class: CSS$e.radioGroupItemIcon, flipRtl: this.iconFlipRtl, icon: this.icon, scale: "s" }));
24470
- return (hAsync(Host, { "aria-checked": checked.toString(), role: "radio" }, hAsync("label", { class: {
24541
+ return (hAsync(Host, { "aria-checked": toAriaBoolean(checked), role: "radio" }, hAsync("label", { class: {
24471
24542
  "label--scale-s": scale === "s",
24472
24543
  "label--scale-m": scale === "m",
24473
24544
  "label--scale-l": scale === "l",
@@ -29754,7 +29825,7 @@ class StepperItem {
29754
29825
  updateHostInteraction(this, true);
29755
29826
  }
29756
29827
  render() {
29757
- return (hAsync(Host, { "aria-expanded": this.active.toString(), onClick: () => this.emitRequestedItem() }, hAsync("div", { class: "container" }, hAsync("div", { class: "stepper-item-header" }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: "stepper-item-number" }, this.getItemPosition() + 1, ".")) : null, hAsync("div", { class: "stepper-item-header-text" }, hAsync("span", { class: "stepper-item-title" }, this.itemTitle), hAsync("span", { class: "stepper-item-subtitle" }, this.itemSubtitle))), hAsync("div", { class: "stepper-item-content" }, hAsync("slot", null)))));
29828
+ return (hAsync(Host, { "aria-expanded": toAriaBoolean(this.active), onClick: () => this.emitRequestedItem() }, hAsync("div", { class: "container" }, hAsync("div", { class: "stepper-item-header" }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: "stepper-item-number" }, this.getItemPosition() + 1, ".")) : null, hAsync("div", { class: "stepper-item-header-text" }, hAsync("span", { class: "stepper-item-title" }, this.itemTitle), hAsync("span", { class: "stepper-item-subtitle" }, this.itemSubtitle))), hAsync("div", { class: "stepper-item-content" }, hAsync("slot", null)))));
29758
29829
  }
29759
29830
  //--------------------------------------------------------------------------
29760
29831
  //
@@ -29951,7 +30022,7 @@ class Switch {
29951
30022
  //
29952
30023
  // --------------------------------------------------------------------------
29953
30024
  render() {
29954
- return (hAsync(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync("div", { "aria-checked": this.checked.toString(), "aria-label": getLabelText(this), class: "container", ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, hAsync("div", { class: "track" }, hAsync("div", { class: "handle" })), hAsync(HiddenFormInputSlot, { component: this }))));
30025
+ return (hAsync(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync("div", { "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "container", ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, hAsync("div", { class: "track" }, hAsync("div", { class: "handle" })), hAsync(HiddenFormInputSlot, { component: this }))));
29955
30026
  }
29956
30027
  get el() { return getElement(this); }
29957
30028
  static get watchers() { return {
@@ -30001,7 +30072,7 @@ class Tab {
30001
30072
  //--------------------------------------------------------------------------
30002
30073
  render() {
30003
30074
  const id = this.el.id || this.guid;
30004
- return (hAsync(Host, { "aria-expanded": this.active.toString(), "aria-labelledby": this.labeledBy, id: id, role: "tabpanel" }, hAsync("section", null, hAsync("slot", null))));
30075
+ return (hAsync(Host, { "aria-expanded": toAriaBoolean(this.active), "aria-labelledby": this.labeledBy, id: id, role: "tabpanel" }, hAsync("section", null, hAsync("slot", null))));
30005
30076
  }
30006
30077
  connectedCallback() {
30007
30078
  this.parentTabsEl = this.el.closest("calcite-tabs");
@@ -30374,7 +30445,7 @@ class TabTitle {
30374
30445
  const showSideBorders = this.bordered && !this.disabled && this.layout !== "center";
30375
30446
  const iconStartEl = (hAsync("calcite-icon", { class: "calcite-tab-title--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
30376
30447
  const iconEndEl = (hAsync("calcite-icon", { class: "calcite-tab-title--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
30377
- return (hAsync(Host, { "aria-controls": this.controls, "aria-expanded": this.active.toString(), id: id, role: "tab" }, hAsync("a", { class: {
30448
+ return (hAsync(Host, { "aria-controls": this.controls, "aria-expanded": toAriaBoolean(this.active), id: id, role: "tab" }, hAsync("a", { class: {
30378
30449
  container: true,
30379
30450
  "container--has-text": this.hasText
30380
30451
  }, style: showSideBorders && { width: `${this.parentTabNavEl.indicatorWidth}px` } }, this.iconStart ? iconStartEl : null, hAsync("slot", null), this.iconEnd ? iconEndEl : null)));
@@ -32015,7 +32086,7 @@ class TipManager {
32015
32086
  if (total === 0) {
32016
32087
  return null;
32017
32088
  }
32018
- return (hAsync("section", { "aria-hidden": closed.toString(), class: CSS$4.container, hidden: closed, onKeyUp: this.tipManagerKeyUpHandler, ref: this.storeContainerRef, tabIndex: 0 }, hAsync("header", { class: CSS$4.header }, hAsync(Heading, { class: CSS$4.heading, level: headingLevel || HEADING_LEVEL$1 }, groupTitle), hAsync("calcite-action", { class: CSS$4.close, onClick: this.hideTipManager, scale: "m", text: closeLabel }, hAsync("calcite-icon", { icon: ICONS$3.close, scale: "m" }))), hAsync("div", { class: {
32089
+ return (hAsync("section", { "aria-hidden": toAriaBoolean(closed), class: CSS$4.container, hidden: closed, onKeyUp: this.tipManagerKeyUpHandler, ref: this.storeContainerRef, tabIndex: 0 }, hAsync("header", { class: CSS$4.header }, hAsync(Heading, { class: CSS$4.heading, level: headingLevel || HEADING_LEVEL$1 }, groupTitle), hAsync("calcite-action", { class: CSS$4.close, onClick: this.hideTipManager, scale: "m", text: closeLabel }, hAsync("calcite-icon", { icon: ICONS$3.close, scale: "m" }))), hAsync("div", { class: {
32019
32090
  [CSS$4.tipContainer]: true,
32020
32091
  [CSS$4.tipContainerAdvancing]: !closed && direction === "advancing",
32021
32092
  [CSS$4.tipContainerRetreating]: !closed && direction === "retreating"
@@ -32383,7 +32454,7 @@ class Tooltip {
32383
32454
  const { effectiveReferenceElement, label, open } = this;
32384
32455
  const displayed = effectiveReferenceElement && open;
32385
32456
  const hidden = !displayed;
32386
- return (hAsync(Host, { "aria-hidden": hidden.toString(), "aria-label": label, "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { class: {
32457
+ return (hAsync(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { class: {
32387
32458
  [CSS$D.animation]: true,
32388
32459
  [CSS$D.animationActive]: displayed
32389
32460
  } }, hAsync("div", { class: CSS$2.arrow, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { class: CSS$2.container }, hAsync("slot", null)))));
@@ -32871,7 +32942,7 @@ class TreeItem {
32871
32942
  [CSS_UTILITY.rtl]: rtl
32872
32943
  }, icon: selectedIcon, scale: "s" })) : null;
32873
32944
  const hidden = !(this.parentExpanded || this.depth === 1);
32874
- return (hAsync(Host, { "aria-expanded": this.hasChildren ? this.expanded.toString() : undefined, "aria-hidden": hidden.toString(), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabindex: this.parentExpanded || this.depth === 1 ? "0" : "-1" }, hAsync("div", { class: {
32945
+ return (hAsync(Host, { "aria-expanded": this.hasChildren ? toAriaBoolean(this.expanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabindex: this.parentExpanded || this.depth === 1 ? "0" : "-1" }, hAsync("div", { class: {
32875
32946
  [CSS$1.nodeContainer]: true,
32876
32947
  [CSS_UTILITY.rtl]: rtl
32877
32948
  }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, bulletOrCheckIcon, checkbox ? checkbox : defaultSlotNode), hAsync("div", { class: {
@@ -33316,7 +33387,7 @@ class ValueListItem {
33316
33387
  renderHandle() {
33317
33388
  const { icon } = this;
33318
33389
  if (icon === ICON_TYPES$1.grip) {
33319
- return (hAsync("span", { "aria-pressed": this.handleActivated.toString(), class: {
33390
+ return (hAsync("span", { "aria-pressed": toAriaBoolean(this.handleActivated), class: {
33320
33391
  [CSS$h.handle]: true,
33321
33392
  [CSS$h.handleActivated]: this.handleActivated
33322
33393
  }, "data-js-handle": true, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, role: "button", tabindex: "0" }, hAsync("calcite-icon", { icon: ICONS.drag, scale: "s" })));