@esri/calcite-components 1.0.0-next.533 → 1.0.0-next.534

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 (829) 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-8966028d.system.entry.js → p-00348e13.system.entry.js} +2 -2
  5. package/dist/calcite/{p-692cf8c7.system.js → p-0285e436.system.js} +2 -2
  6. package/dist/calcite/{p-adefe43a.js → p-035be0d7.js} +1 -1
  7. package/dist/calcite/{p-699810b8.entry.js → p-03fdccaf.entry.js} +2 -2
  8. package/dist/calcite/{p-fbf296cd.js → p-043e4e1e.js} +1 -1
  9. package/dist/calcite/{p-01e76782.system.entry.js → p-062ddb13.system.entry.js} +2 -2
  10. package/dist/calcite/{p-df006183.system.entry.js → p-06439588.system.entry.js} +3 -3
  11. package/dist/calcite/{p-e426b839.entry.js → p-0744fc42.entry.js} +2 -2
  12. package/dist/calcite/{p-59837d7f.js → p-0b57cd4c.js} +1 -1
  13. package/dist/calcite/p-0b8038fc.js +6 -0
  14. package/dist/calcite/{p-3eb90daa.js → p-0bc8e37c.js} +2 -2
  15. package/dist/calcite/{p-e4f49f1f.system.js → p-0cec909c.system.js} +1 -1
  16. package/dist/calcite/{p-cf723ac9.js → p-0e1f0b96.js} +2 -2
  17. package/dist/calcite/{p-b11d4c80.system.js → p-126ee6ff.system.js} +2 -2
  18. package/dist/calcite/{p-885796af.js → p-12be0e58.js} +2 -2
  19. package/dist/calcite/{p-70ac446d.system.entry.js → p-12e4352f.system.entry.js} +2 -2
  20. package/dist/calcite/{p-60b5c89d.system.entry.js → p-13540fc5.system.entry.js} +2 -2
  21. package/dist/calcite/{p-0adf1906.entry.js → p-15895c9a.entry.js} +2 -2
  22. package/dist/calcite/{p-cc81b169.system.js → p-15a1d9f8.system.js} +1 -1
  23. package/dist/calcite/{p-5bade79b.entry.js → p-15f3fb33.entry.js} +2 -2
  24. package/dist/calcite/{p-68ff3d7e.entry.js → p-163d02c1.entry.js} +2 -2
  25. package/dist/calcite/{p-b4289144.entry.js → p-183375b2.entry.js} +2 -2
  26. package/dist/calcite/{p-5df80811.system.entry.js → p-19562b18.system.entry.js} +2 -2
  27. package/dist/calcite/{p-af56e820.entry.js → p-1a34b972.entry.js} +2 -2
  28. package/dist/calcite/{p-4ee37b84.system.entry.js → p-1b2bdabb.system.entry.js} +2 -2
  29. package/dist/calcite/{p-70dfc55e.js → p-1b6a2a1c.js} +2 -2
  30. package/dist/calcite/{p-a46f4a3f.system.js → p-1ec9b3bd.system.js} +1 -1
  31. package/dist/calcite/{p-3bd916b9.system.entry.js → p-206c22da.system.entry.js} +2 -2
  32. package/dist/calcite/{p-b64484f1.system.entry.js → p-2073de96.system.entry.js} +2 -2
  33. package/dist/calcite/{p-7aec06e2.entry.js → p-236ea9dc.entry.js} +2 -2
  34. package/dist/calcite/{p-5129a6ac.system.js → p-260a1582.system.js} +2 -2
  35. package/dist/calcite/{p-55a140ac.entry.js → p-27623a5d.entry.js} +2 -2
  36. package/dist/calcite/p-27ef3a80.entry.js +6 -0
  37. package/dist/calcite/{p-933492c8.system.entry.js → p-2a84c48d.system.entry.js} +2 -2
  38. package/dist/calcite/{p-9b91c29a.entry.js → p-2adfd370.entry.js} +2 -2
  39. package/dist/calcite/{p-51902083.system.entry.js → p-2faec747.system.entry.js} +2 -2
  40. package/dist/calcite/{p-e24c929a.system.entry.js → p-30e698e6.system.entry.js} +2 -2
  41. package/dist/calcite/p-317a076d.entry.js +6 -0
  42. package/dist/calcite/{p-0cffd8bf.entry.js → p-31e6fb55.entry.js} +2 -2
  43. package/dist/calcite/{p-648aa0e8.system.entry.js → p-3601b77d.system.entry.js} +2 -2
  44. package/dist/calcite/{p-42324be3.system.js → p-364affb4.system.js} +1 -1
  45. package/dist/calcite/{p-ead88603.js → p-3a60a21e.js} +1 -1
  46. package/dist/calcite/{p-b1849cb6.entry.js → p-3d7dc1a3.entry.js} +2 -2
  47. package/dist/calcite/{p-48f7cb3d.entry.js → p-3f398dc3.entry.js} +2 -2
  48. package/dist/calcite/{p-46fc1a6f.entry.js → p-42686e82.entry.js} +2 -2
  49. package/dist/calcite/{p-f74f9722.system.entry.js → p-4394113c.system.entry.js} +2 -2
  50. package/dist/calcite/{p-a6aad35c.entry.js → p-44786f8b.entry.js} +2 -2
  51. package/dist/calcite/{p-bbe637bd.entry.js → p-44c77ad8.entry.js} +2 -2
  52. package/dist/calcite/{p-a985374f.entry.js → p-48618a2a.entry.js} +2 -2
  53. package/dist/calcite/{p-59cc5c20.js → p-48cf8ae4.js} +1 -1
  54. package/dist/calcite/{p-bf14c09c.system.js → p-49037291.system.js} +1 -1
  55. package/dist/calcite/{p-b1688902.system.js → p-49e52e83.system.js} +1 -1
  56. package/dist/calcite/{p-2fe7bc86.entry.js → p-513d3dfc.entry.js} +2 -2
  57. package/dist/calcite/{p-823ff7f7.system.js → p-5248e642.system.js} +1 -1
  58. package/dist/calcite/{p-cbc712e0.entry.js → p-5486aac7.entry.js} +2 -2
  59. package/dist/calcite/{p-7a471105.system.entry.js → p-55ee66e1.system.entry.js} +2 -2
  60. package/dist/calcite/{p-094d1ff9.system.js → p-55eee874.system.js} +2 -2
  61. package/dist/calcite/{p-a6a169a4.system.entry.js → p-599463c6.system.entry.js} +3 -3
  62. package/dist/calcite/{p-f760ec16.system.js → p-5bcda040.system.js} +2 -2
  63. package/dist/calcite/p-5f03a8f3.entry.js +6 -0
  64. package/dist/calcite/p-5fa8ee39.entry.js +6 -0
  65. package/dist/calcite/{p-ad23962e.system.entry.js → p-612a407b.system.entry.js} +2 -2
  66. package/dist/calcite/{p-41f3b1d8.system.entry.js → p-61f79204.system.entry.js} +3 -3
  67. package/dist/calcite/{p-60d235f5.entry.js → p-64a1cae4.entry.js} +2 -2
  68. package/dist/calcite/{p-d48fd31d.js → p-64c91c88.js} +1 -1
  69. package/dist/calcite/{p-a10f92b8.system.entry.js → p-65b529f6.system.entry.js} +2 -2
  70. package/dist/calcite/{p-e3198236.entry.js → p-65cc47b2.entry.js} +2 -2
  71. package/dist/calcite/{p-2543bc16.entry.js → p-664c329e.entry.js} +2 -2
  72. package/dist/calcite/{p-e911b13a.entry.js → p-673f02ab.entry.js} +2 -2
  73. package/dist/calcite/{p-212a4413.system.js → p-679e254f.system.js} +1 -1
  74. package/dist/calcite/{p-8ba3c609.system.entry.js → p-68e8bd6e.system.entry.js} +2 -2
  75. package/dist/calcite/{p-2b4562ec.system.js → p-69a78a11.system.js} +1 -1
  76. package/dist/calcite/{p-89f88eb1.system.entry.js → p-6a70ae62.system.entry.js} +2 -2
  77. package/dist/calcite/p-6ad76500.entry.js +6 -0
  78. package/dist/calcite/{p-f8ad7f22.js → p-6d9ec264.js} +2 -2
  79. package/dist/calcite/p-6dc5037d.system.entry.js +6 -0
  80. package/dist/calcite/{p-cd1a0884.js → p-6e960d82.js} +1 -1
  81. package/dist/calcite/p-70568369.system.entry.js +6 -0
  82. package/dist/calcite/{p-77047b9c.js → p-78073d58.js} +2 -2
  83. package/dist/calcite/{p-b4d5052f.system.entry.js → p-7b16ead0.system.entry.js} +2 -2
  84. package/dist/calcite/{p-c0e40aa2.entry.js → p-7d263b93.entry.js} +2 -2
  85. package/dist/calcite/{p-6ae871fc.entry.js → p-7f336a87.entry.js} +2 -2
  86. package/dist/calcite/{p-e4e7b8cf.entry.js → p-7f5ba809.entry.js} +2 -2
  87. package/dist/calcite/{p-3e0a6864.system.js → p-816708b1.system.js} +1 -1
  88. package/dist/calcite/{p-6a22d33b.system.entry.js → p-85e3c86d.system.entry.js} +2 -2
  89. package/dist/calcite/{p-7e2e788e.system.entry.js → p-86ad57ef.system.entry.js} +3 -3
  90. package/dist/calcite/{p-ee41c0ce.entry.js → p-86ccf996.entry.js} +2 -2
  91. package/dist/calcite/{p-726211c1.system.entry.js → p-87c43944.system.entry.js} +2 -2
  92. package/dist/calcite/{p-facae938.system.entry.js → p-87ef4c34.system.entry.js} +2 -2
  93. package/dist/calcite/{p-c75b4b33.entry.js → p-88c6eb82.entry.js} +2 -2
  94. package/dist/calcite/{p-1cdc0c9a.system.entry.js → p-8a88f9df.system.entry.js} +2 -2
  95. package/dist/calcite/{p-29bb3692.entry.js → p-8a9f7cba.entry.js} +2 -2
  96. package/dist/calcite/{p-8f39171a.entry.js → p-8d6a9bb5.entry.js} +2 -2
  97. package/dist/calcite/{p-987f990b.system.entry.js → p-8f7f2989.system.entry.js} +2 -2
  98. package/dist/calcite/{p-28eeee68.entry.js → p-93937b4e.entry.js} +2 -2
  99. package/dist/calcite/{p-ebcecdea.entry.js → p-946fed8a.entry.js} +2 -2
  100. package/dist/calcite/{p-5da76bc6.system.entry.js → p-94c26913.system.entry.js} +2 -2
  101. package/dist/calcite/{p-fbfd4635.entry.js → p-9647343a.entry.js} +2 -2
  102. package/dist/calcite/{p-298156a5.system.js → p-967a2bb9.system.js} +2 -2
  103. package/dist/calcite/p-995389e2.system.entry.js +6 -0
  104. package/dist/calcite/p-9b36bf79.entry.js +6 -0
  105. package/dist/calcite/{p-aadd6b69.system.entry.js → p-9ccd7bcc.system.entry.js} +2 -2
  106. package/dist/calcite/{p-3c953b39.js → p-9d03cfb4.js} +1 -1
  107. package/dist/calcite/{p-58a20b0e.system.js → p-9f6c24b0.system.js} +1 -1
  108. package/dist/calcite/{p-441a971e.entry.js → p-a608a328.entry.js} +2 -2
  109. package/dist/calcite/p-a6e44292.system.entry.js +6 -0
  110. package/dist/calcite/{p-0294fd22.system.js → p-a8a240eb.system.js} +2 -2
  111. package/dist/calcite/{p-2259c364.system.js → p-adb71b18.system.js} +1 -1
  112. package/dist/calcite/{p-a27c8406.js → p-b07a1d72.js} +2 -2
  113. package/dist/calcite/{p-7c9744bc.entry.js → p-b15bf677.entry.js} +2 -2
  114. package/dist/calcite/p-b323931a.entry.js +6 -0
  115. package/dist/calcite/{p-28c389f9.system.js → p-b3405e14.system.js} +2 -2
  116. package/dist/calcite/{p-535dc4df.js → p-b3835d89.js} +2 -2
  117. package/dist/calcite/{p-e593eb98.js → p-b4c57035.js} +1 -1
  118. package/dist/calcite/{p-86e91aee.system.entry.js → p-b59b4dda.system.entry.js} +2 -2
  119. package/dist/calcite/{p-28f7118b.js → p-b64bbb7d.js} +1 -1
  120. package/dist/calcite/{p-7ea272f9.system.entry.js → p-b71a42fb.system.entry.js} +2 -2
  121. package/dist/calcite/{p-496af930.system.entry.js → p-bc23922b.system.entry.js} +2 -2
  122. package/dist/calcite/{p-574658d6.system.entry.js → p-bdb57922.system.entry.js} +2 -2
  123. package/dist/calcite/{p-08bef61d.system.entry.js → p-be0879f7.system.entry.js} +2 -2
  124. package/dist/calcite/{p-75a541ba.system.entry.js → p-c113716d.system.entry.js} +2 -2
  125. package/dist/calcite/{p-1051e792.system.entry.js → p-c2575250.system.entry.js} +2 -2
  126. package/dist/calcite/{p-da2417d0.system.entry.js → p-c3f54ff3.system.entry.js} +2 -2
  127. package/dist/calcite/{p-c284bdc6.entry.js → p-c542dd2f.entry.js} +2 -2
  128. package/dist/calcite/p-caa9f8a8.entry.js +6 -0
  129. package/dist/calcite/{p-9fb26cd5.entry.js → p-cb2c02e9.entry.js} +2 -2
  130. package/dist/calcite/{p-a2fcc50f.system.entry.js → p-cb544c5b.system.entry.js} +2 -2
  131. package/dist/calcite/{p-fd834451.system.entry.js → p-cca66e2d.system.entry.js} +2 -2
  132. package/dist/calcite/{p-04707996.entry.js → p-cd8a8a53.entry.js} +2 -2
  133. package/dist/calcite/{p-78bf3005.entry.js → p-cef29dcc.entry.js} +2 -2
  134. package/dist/calcite/{p-86606363.system.entry.js → p-d0e03057.system.entry.js} +2 -2
  135. package/dist/calcite/{p-81e5723c.system.entry.js → p-d156f8e3.system.entry.js} +2 -2
  136. package/dist/calcite/p-d2fbf43f.system.entry.js +6 -0
  137. package/dist/calcite/{p-3ca2d4ed.js → p-d4039bdf.js} +1 -1
  138. package/dist/calcite/{p-77111b93.entry.js → p-d48ecce3.entry.js} +2 -2
  139. package/dist/calcite/p-d670d50f.system.entry.js +6 -0
  140. package/dist/calcite/{p-79b8eb4d.js → p-d7a5404d.js} +1 -1
  141. package/dist/calcite/{p-0ad61440.system.js → p-d9434d0e.system.js} +2 -2
  142. package/dist/calcite/{p-154b10d4.entry.js → p-da65e09b.entry.js} +2 -2
  143. package/dist/calcite/{p-ce33ca4d.system.js → p-db15f317.system.js} +2 -2
  144. package/dist/calcite/{p-4ace0c19.entry.js → p-db9d4c12.entry.js} +2 -2
  145. package/dist/calcite/{p-6d23c2d1.system.entry.js → p-dbae13ed.system.entry.js} +2 -2
  146. package/dist/calcite/{p-3b1d8823.system.js → p-de927315.system.js} +1 -1
  147. package/dist/calcite/{p-67b139be.js → p-e03b1783.js} +1 -1
  148. package/dist/calcite/{p-f30fe164.system.entry.js → p-e0ec7104.system.entry.js} +2 -2
  149. package/dist/calcite/{p-e51be3fb.entry.js → p-e4049d86.entry.js} +2 -2
  150. package/dist/calcite/{p-57d1bbb0.entry.js → p-e4750da1.entry.js} +2 -2
  151. package/dist/calcite/{p-3d7fafb1.entry.js → p-e55f8ed9.entry.js} +2 -2
  152. package/dist/calcite/{p-e505b211.system.entry.js → p-e7d13d03.system.entry.js} +2 -2
  153. package/dist/calcite/{p-a298d77d.system.entry.js → p-e95d44a4.system.entry.js} +3 -3
  154. package/dist/calcite/p-ee26f036.system.js +6 -0
  155. package/dist/calcite/{p-b8fa3631.entry.js → p-f0538036.entry.js} +2 -2
  156. package/dist/calcite/{p-84f4627c.entry.js → p-f1a4959e.entry.js} +2 -2
  157. package/dist/calcite/{p-8fdcbeb4.system.entry.js → p-f2d23802.system.entry.js} +2 -2
  158. package/dist/calcite/p-f457201d.system.entry.js +6 -0
  159. package/dist/calcite/p-f47bb4ca.entry.js +6 -0
  160. package/dist/calcite/{p-6ec0c99a.system.js → p-f6255988.system.js} +1 -1
  161. package/dist/calcite/{p-8b69be09.system.entry.js → p-f94fe9e8.system.entry.js} +2 -2
  162. package/dist/calcite/{p-065286a4.system.entry.js → p-f9fc4d0a.system.entry.js} +2 -2
  163. package/dist/calcite/{p-70274e31.system.entry.js → p-fa4668ed.system.entry.js} +2 -2
  164. package/dist/calcite/{p-3ffce263.js → p-fa7e944d.js} +2 -2
  165. package/dist/calcite/{p-5c47159c.system.entry.js → p-fa8c9a56.system.entry.js} +2 -2
  166. package/dist/calcite/p-fb223e2c.entry.js +6 -0
  167. package/dist/calcite/{p-ada6cade.js → p-fc4a453a.js} +2 -2
  168. package/dist/calcite/{p-8559da10.entry.js → p-fd0d8ebd.entry.js} +2 -2
  169. package/dist/calcite/p-fd322586.system.js +6 -0
  170. package/dist/cjs/{ExpandToggle-265db309.js → ExpandToggle-83c17e6a.js} +5 -5
  171. package/dist/cjs/{Heading-9bbbc47b.js → Heading-a6a61e28.js} +2 -2
  172. package/dist/cjs/{array-55b1cd37.js → array-0a3b0d0f.js} +1 -1
  173. package/dist/cjs/calcite-accordion_2.cjs.entry.js +4 -4
  174. package/dist/cjs/calcite-action-bar.cjs.entry.js +10 -10
  175. package/dist/cjs/calcite-action-group.cjs.entry.js +8 -8
  176. package/dist/cjs/calcite-action-menu.cjs.entry.js +8 -8
  177. package/dist/cjs/calcite-action-pad.cjs.entry.js +9 -9
  178. package/dist/cjs/calcite-action.cjs.entry.js +6 -6
  179. package/dist/cjs/calcite-alert.cjs.entry.js +27 -34
  180. package/dist/cjs/calcite-avatar.cjs.entry.js +5 -5
  181. package/dist/cjs/calcite-block_2.cjs.entry.js +8 -8
  182. package/dist/cjs/calcite-button.cjs.entry.js +9 -9
  183. package/dist/cjs/calcite-card.cjs.entry.js +6 -6
  184. package/dist/cjs/calcite-checkbox.cjs.entry.js +7 -7
  185. package/dist/cjs/calcite-chip.cjs.entry.js +6 -6
  186. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +8 -8
  187. package/dist/cjs/calcite-combobox_3.cjs.entry.js +16 -22
  188. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +9 -9
  189. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +26 -31
  190. package/dist/cjs/calcite-fab.cjs.entry.js +5 -5
  191. package/dist/cjs/calcite-filter.cjs.entry.js +7 -7
  192. package/dist/cjs/calcite-flow.cjs.entry.js +3 -3
  193. package/dist/cjs/calcite-graph_2.cjs.entry.js +9 -9
  194. package/dist/cjs/calcite-handle.cjs.entry.js +4 -4
  195. package/dist/cjs/calcite-icon.cjs.entry.js +5 -5
  196. package/dist/cjs/calcite-inline-editable.cjs.entry.js +7 -7
  197. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +40 -17
  198. package/dist/cjs/calcite-input-message.cjs.entry.js +4 -4
  199. package/dist/cjs/calcite-input-number.cjs.entry.js +11 -11
  200. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +9 -9
  201. package/dist/cjs/calcite-input.cjs.entry.js +11 -11
  202. package/dist/cjs/calcite-label.cjs.entry.js +5 -5
  203. package/dist/cjs/calcite-link.cjs.entry.js +5 -5
  204. package/dist/cjs/calcite-list_3.cjs.entry.js +8 -8
  205. package/dist/cjs/calcite-loader.cjs.entry.js +3 -3
  206. package/dist/cjs/calcite-modal.cjs.entry.js +40 -16
  207. package/dist/cjs/calcite-notice.cjs.entry.js +8 -8
  208. package/dist/cjs/calcite-option_3.cjs.entry.js +8 -8
  209. package/dist/cjs/calcite-pagination.cjs.entry.js +6 -6
  210. package/dist/cjs/calcite-panel.cjs.entry.js +10 -10
  211. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +11 -11
  212. package/dist/cjs/calcite-popover_2.cjs.entry.js +34 -9
  213. package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
  214. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +3 -3
  215. package/dist/cjs/calcite-radio-button.cjs.entry.js +8 -8
  216. package/dist/cjs/calcite-radio-group_2.cjs.entry.js +7 -7
  217. package/dist/cjs/calcite-rating.cjs.entry.js +8 -8
  218. package/dist/cjs/calcite-scrim.cjs.entry.js +2 -2
  219. package/dist/cjs/calcite-shell_3.cjs.entry.js +7 -7
  220. package/dist/cjs/calcite-sortable-list.cjs.entry.js +5 -5
  221. package/dist/cjs/calcite-split-button.cjs.entry.js +4 -4
  222. package/dist/cjs/calcite-stepper_2.cjs.entry.js +5 -5
  223. package/dist/cjs/calcite-switch.cjs.entry.js +7 -7
  224. package/dist/cjs/calcite-tab_4.cjs.entry.js +6 -6
  225. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +4 -4
  226. package/dist/cjs/calcite-tile.cjs.entry.js +7 -7
  227. package/dist/cjs/calcite-tip_3.cjs.entry.js +7 -7
  228. package/dist/cjs/calcite-tooltip_2.cjs.entry.js +5 -5
  229. package/dist/cjs/calcite-tree_2.cjs.entry.js +6 -6
  230. package/dist/cjs/calcite-value-list_2.cjs.entry.js +11 -11
  231. package/dist/cjs/calcite.cjs.js +2 -2
  232. package/dist/cjs/{conditionalSlot-e5ab103b.js → conditionalSlot-9286ee64.js} +3 -3
  233. package/dist/cjs/{debounce-3455b74c.js → debounce-ceeb7f1d.js} +1 -1
  234. package/dist/cjs/{dom-4d09c3dc.js → dom-e6e07141.js} +2 -2
  235. package/dist/cjs/{forIn-e615a95d.js → forIn-0fc2e9c6.js} +2 -2
  236. package/dist/cjs/{form-d6e57873.js → form-8fcc06ea.js} +3 -3
  237. package/dist/cjs/{guid-c6a06ec6.js → guid-4bbb9dbb.js} +1 -1
  238. package/dist/cjs/{index-6c1747a3.js → index-70c3e49f.js} +1 -1
  239. package/dist/cjs/index.cjs.js +1 -1
  240. package/dist/cjs/{interactive-67a17ca7.js → interactive-a6990cd0.js} +1 -1
  241. package/dist/cjs/{interfaces-7467c492.js → interfaces-10739bf1.js} +1 -1
  242. package/dist/cjs/{key-b0726837.js → key-321a2373.js} +1 -1
  243. package/dist/cjs/{label-de2d29e2.js → label-3dd4dd9a.js} +2 -2
  244. package/dist/cjs/loader.cjs.js +2 -2
  245. package/dist/cjs/{locale-96002d05.js → locale-9f2278fa.js} +2 -2
  246. package/dist/cjs/{math-833b1d4a.js → math-b7b935c3.js} +1 -1
  247. package/dist/cjs/{observers-8aa66e0e.js → observers-08ccf08f.js} +1 -1
  248. package/dist/cjs/{popper-1f73ae32.js → popper-d6dcd934.js} +2 -2
  249. package/dist/cjs/{resources-49055faa.js → resources-425b6a63.js} +1 -1
  250. package/dist/cjs/{resources-67915e58.js → resources-4684443e.js} +1 -1
  251. package/dist/cjs/{resources-e9f178a9.js → resources-59f14251.js} +5 -5
  252. package/dist/cjs/{resources-02d026a3.js → resources-76757d50.js} +3 -3
  253. package/dist/cjs/{sortable.esm-8725a7eb.js → sortable.esm-a5a8eb9b.js} +1 -1
  254. package/dist/cjs/{utils-674983a0.js → utils-a1fc6b24.js} +1 -1
  255. package/dist/collection/components/accordion/accordion.js +1 -1
  256. package/dist/collection/components/accordion/interfaces.js +1 -1
  257. package/dist/collection/components/accordion-item/accordion-item.js +1 -1
  258. package/dist/collection/components/action/action.js +1 -1
  259. package/dist/collection/components/action/resources.js +1 -1
  260. package/dist/collection/components/action-bar/action-bar.js +1 -1
  261. package/dist/collection/components/action-bar/resources.js +1 -1
  262. package/dist/collection/components/action-bar/utils.js +1 -1
  263. package/dist/collection/components/action-group/action-group.js +1 -1
  264. package/dist/collection/components/action-group/resources.js +1 -1
  265. package/dist/collection/components/action-menu/action-menu.js +1 -1
  266. package/dist/collection/components/action-menu/resources.js +1 -1
  267. package/dist/collection/components/action-pad/action-pad.js +1 -1
  268. package/dist/collection/components/action-pad/resources.js +1 -1
  269. package/dist/collection/components/alert/alert.css +2 -5
  270. package/dist/collection/components/alert/alert.js +34 -57
  271. package/dist/collection/components/alert/interfaces.js +1 -1
  272. package/dist/collection/components/alert/resources.js +1 -1
  273. package/dist/collection/components/avatar/avatar.js +1 -1
  274. package/dist/collection/components/avatar/utils.js +1 -1
  275. package/dist/collection/components/block/block.js +1 -1
  276. package/dist/collection/components/block/resources.js +1 -1
  277. package/dist/collection/components/block-section/block-section.js +1 -1
  278. package/dist/collection/components/block-section/interfaces.js +1 -1
  279. package/dist/collection/components/block-section/resources.js +1 -1
  280. package/dist/collection/components/button/button.css +2 -4
  281. package/dist/collection/components/button/button.js +1 -1
  282. package/dist/collection/components/button/interfaces.js +1 -1
  283. package/dist/collection/components/button/resources.js +1 -1
  284. package/dist/collection/components/card/card.js +1 -1
  285. package/dist/collection/components/card/resources.js +1 -1
  286. package/dist/collection/components/checkbox/checkbox.js +1 -1
  287. package/dist/collection/components/chip/chip.js +1 -1
  288. package/dist/collection/components/chip/interfaces.js +1 -1
  289. package/dist/collection/components/chip/resources.js +1 -1
  290. package/dist/collection/components/color-picker/color-picker.js +1 -1
  291. package/dist/collection/components/color-picker/interfaces.js +1 -1
  292. package/dist/collection/components/color-picker/resources.js +1 -1
  293. package/dist/collection/components/color-picker/utils.js +1 -1
  294. package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js +1 -1
  295. package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
  296. package/dist/collection/components/color-picker-swatch/color-picker-swatch.js +1 -1
  297. package/dist/collection/components/color-picker-swatch/resources.js +1 -1
  298. package/dist/collection/components/combobox/combobox.js +17 -39
  299. package/dist/collection/components/combobox/interfaces.js +1 -1
  300. package/dist/collection/components/combobox/resources.js +1 -1
  301. package/dist/collection/components/combobox/utils.js +1 -1
  302. package/dist/collection/components/combobox-item/combobox-item.js +1 -1
  303. package/dist/collection/components/combobox-item/resources.js +1 -1
  304. package/dist/collection/components/combobox-item-group/combobox-item-group.js +1 -1
  305. package/dist/collection/components/combobox-item-group/resources.js +1 -1
  306. package/dist/collection/components/date-picker/date-picker.js +1 -1
  307. package/dist/collection/components/date-picker/interfaces.js +1 -1
  308. package/dist/collection/components/date-picker/resources.js +1 -1
  309. package/dist/collection/components/date-picker/utils.js +1 -1
  310. package/dist/collection/components/date-picker-day/date-picker-day.js +1 -1
  311. package/dist/collection/components/date-picker-month/date-picker-month.js +1 -1
  312. package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +1 -1
  313. package/dist/collection/components/date-picker-month-header/resources.js +1 -1
  314. package/dist/collection/components/dropdown/dropdown.js +38 -59
  315. package/dist/collection/components/dropdown/interfaces.js +1 -1
  316. package/dist/collection/components/dropdown/resources.js +1 -1
  317. package/dist/collection/components/dropdown-group/dropdown-group.js +1 -1
  318. package/dist/collection/components/dropdown-group/interfaces.js +1 -1
  319. package/dist/collection/components/dropdown-group/resources.js +1 -1
  320. package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
  321. package/dist/collection/components/dropdown-item/resources.js +1 -1
  322. package/dist/collection/components/fab/fab.js +1 -1
  323. package/dist/collection/components/fab/resources.js +1 -1
  324. package/dist/collection/components/filter/filter.js +1 -1
  325. package/dist/collection/components/filter/resources.js +1 -1
  326. package/dist/collection/components/flow/flow.js +1 -1
  327. package/dist/collection/components/flow/interfaces.js +1 -1
  328. package/dist/collection/components/flow/resources.js +1 -1
  329. package/dist/collection/components/functional/ExpandToggle.js +1 -1
  330. package/dist/collection/components/functional/Heading.js +1 -1
  331. package/dist/collection/components/graph/graph.js +1 -1
  332. package/dist/collection/components/graph/interfaces.js +1 -1
  333. package/dist/collection/components/graph/util.js +1 -1
  334. package/dist/collection/components/handle/handle.js +1 -1
  335. package/dist/collection/components/handle/resources.js +1 -1
  336. package/dist/collection/components/icon/icon.js +1 -1
  337. package/dist/collection/components/icon/resources.js +1 -1
  338. package/dist/collection/components/icon/utils.js +1 -1
  339. package/dist/collection/components/inline-editable/inline-editable.js +1 -1
  340. package/dist/collection/components/inline-editable/resources.js +1 -1
  341. package/dist/collection/components/input/input.js +1 -1
  342. package/dist/collection/components/input/interfaces.js +1 -1
  343. package/dist/collection/components/input/resources.js +1 -1
  344. package/dist/collection/components/input-date-picker/input-date-picker.js +66 -21
  345. package/dist/collection/components/input-date-picker/resources.js +1 -1
  346. package/dist/collection/components/input-message/input-message.js +1 -1
  347. package/dist/collection/components/input-message/interfaces.js +1 -1
  348. package/dist/collection/components/input-number/input-number.js +1 -1
  349. package/dist/collection/components/input-number/interfaces.js +1 -1
  350. package/dist/collection/components/input-number/resources.js +1 -1
  351. package/dist/collection/components/input-time-picker/input-time-picker.js +1 -1
  352. package/dist/collection/components/interfaces.js +1 -1
  353. package/dist/collection/components/label/label.js +1 -1
  354. package/dist/collection/components/label/resources.js +1 -1
  355. package/dist/collection/components/link/link.js +1 -1
  356. package/dist/collection/components/list/list.js +1 -1
  357. package/dist/collection/components/list/resources.js +1 -1
  358. package/dist/collection/components/list-item/list-item.js +1 -1
  359. package/dist/collection/components/list-item/resources.js +1 -1
  360. package/dist/collection/components/list-item-group/list-item-group.js +1 -1
  361. package/dist/collection/components/list-item-group/resources.js +1 -1
  362. package/dist/collection/components/loader/loader.js +1 -1
  363. package/dist/collection/components/modal/interfaces.js +1 -1
  364. package/dist/collection/components/modal/modal.js +70 -18
  365. package/dist/collection/components/modal/resources.js +1 -1
  366. package/dist/collection/components/notice/notice.css +0 -1
  367. package/dist/collection/components/notice/notice.js +1 -1
  368. package/dist/collection/components/notice/resources.js +1 -1
  369. package/dist/collection/components/option/option.js +1 -1
  370. package/dist/collection/components/option-group/option-group.js +1 -1
  371. package/dist/collection/components/pagination/pagination.css +1 -2
  372. package/dist/collection/components/pagination/pagination.js +1 -1
  373. package/dist/collection/components/pagination/resources.js +1 -1
  374. package/dist/collection/components/panel/panel.css +1 -1
  375. package/dist/collection/components/panel/panel.js +1 -1
  376. package/dist/collection/components/panel/resources.js +1 -1
  377. package/dist/collection/components/pick-list/pick-list.js +1 -1
  378. package/dist/collection/components/pick-list/resources.js +1 -1
  379. package/dist/collection/components/pick-list/shared-list-logic.js +1 -1
  380. package/dist/collection/components/pick-list/shared-list-render.js +1 -1
  381. package/dist/collection/components/pick-list-group/pick-list-group.js +1 -1
  382. package/dist/collection/components/pick-list-group/resources.js +1 -1
  383. package/dist/collection/components/pick-list-item/pick-list-item.js +2 -2
  384. package/dist/collection/components/pick-list-item/resources.js +1 -1
  385. package/dist/collection/components/popover/PopoverManager.js +1 -1
  386. package/dist/collection/components/popover/popover.js +62 -9
  387. package/dist/collection/components/popover/resources.js +1 -1
  388. package/dist/collection/components/popover-manager/popover-manager.js +1 -1
  389. package/dist/collection/components/progress/progress.js +1 -1
  390. package/dist/collection/components/radio-button/radio-button.js +1 -1
  391. package/dist/collection/components/radio-button/resources.js +1 -1
  392. package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
  393. package/dist/collection/components/radio-group/interfaces.js +1 -1
  394. package/dist/collection/components/radio-group/radio-group.js +1 -1
  395. package/dist/collection/components/radio-group-item/radio-group-item.js +1 -1
  396. package/dist/collection/components/radio-group-item/resources.js +1 -1
  397. package/dist/collection/components/rating/rating.js +1 -1
  398. package/dist/collection/components/rating/resources.js +1 -1
  399. package/dist/collection/components/scrim/resources.js +1 -1
  400. package/dist/collection/components/scrim/scrim.js +1 -1
  401. package/dist/collection/components/select/resources.js +1 -1
  402. package/dist/collection/components/select/select.js +1 -1
  403. package/dist/collection/components/shell/resources.js +1 -1
  404. package/dist/collection/components/shell/shell.js +1 -1
  405. package/dist/collection/components/shell-center-row/resources.js +1 -1
  406. package/dist/collection/components/shell-center-row/shell-center-row.js +1 -1
  407. package/dist/collection/components/shell-panel/resources.js +1 -1
  408. package/dist/collection/components/shell-panel/shell-panel.js +1 -1
  409. package/dist/collection/components/slider/slider.js +1 -1
  410. package/dist/collection/components/sortable-list/resources.js +1 -1
  411. package/dist/collection/components/sortable-list/sortable-list.js +1 -1
  412. package/dist/collection/components/split-button/resources.js +1 -1
  413. package/dist/collection/components/split-button/split-button.css +1 -2
  414. package/dist/collection/components/split-button/split-button.js +1 -1
  415. package/dist/collection/components/stepper/interfaces.js +1 -1
  416. package/dist/collection/components/stepper/stepper.js +1 -1
  417. package/dist/collection/components/stepper-item/stepper-item.js +1 -1
  418. package/dist/collection/components/switch/switch.js +1 -1
  419. package/dist/collection/components/tab/interfaces.js +1 -1
  420. package/dist/collection/components/tab/tab.js +1 -1
  421. package/dist/collection/components/tab-nav/tab-nav.js +1 -1
  422. package/dist/collection/components/tab-title/tab-title.js +1 -1
  423. package/dist/collection/components/tabs/interfaces.js +1 -1
  424. package/dist/collection/components/tabs/resources.js +1 -1
  425. package/dist/collection/components/tabs/tabs.js +1 -1
  426. package/dist/collection/components/tile/resources.js +1 -1
  427. package/dist/collection/components/tile/tile.js +1 -1
  428. package/dist/collection/components/tile-select/interfaces.js +1 -1
  429. package/dist/collection/components/tile-select/resources.js +1 -1
  430. package/dist/collection/components/tile-select/tile-select.js +1 -1
  431. package/dist/collection/components/tile-select-group/interfaces.js +1 -1
  432. package/dist/collection/components/tile-select-group/tile-select-group.js +1 -1
  433. package/dist/collection/components/time-picker/resources.js +1 -1
  434. package/dist/collection/components/time-picker/time-picker.js +1 -1
  435. package/dist/collection/components/tip/resources.js +1 -1
  436. package/dist/collection/components/tip/tip.js +1 -1
  437. package/dist/collection/components/tip-group/tip-group.js +1 -1
  438. package/dist/collection/components/tip-manager/resources.js +1 -1
  439. package/dist/collection/components/tip-manager/tip-manager.js +1 -1
  440. package/dist/collection/components/tooltip/TooltipManager.js +1 -1
  441. package/dist/collection/components/tooltip/resources.js +1 -1
  442. package/dist/collection/components/tooltip/tooltip.js +1 -1
  443. package/dist/collection/components/tooltip-manager/tooltip-manager.js +1 -1
  444. package/dist/collection/components/tree/interfaces.js +1 -1
  445. package/dist/collection/components/tree/tree.js +1 -1
  446. package/dist/collection/components/tree-item/interfaces.js +1 -1
  447. package/dist/collection/components/tree-item/resources.js +1 -1
  448. package/dist/collection/components/tree-item/tree-item.js +1 -1
  449. package/dist/collection/components/value-list/interfaces.js +1 -1
  450. package/dist/collection/components/value-list/resources.js +1 -1
  451. package/dist/collection/components/value-list/utils.js +1 -1
  452. package/dist/collection/components/value-list/value-list.js +1 -1
  453. package/dist/collection/components/value-list-item/resources.js +1 -1
  454. package/dist/collection/components/value-list-item/value-list-item.js +1 -1
  455. package/dist/collection/utils/array.js +1 -1
  456. package/dist/collection/utils/conditionalSlot.js +1 -1
  457. package/dist/collection/utils/date.js +1 -1
  458. package/dist/collection/utils/dom.js +1 -1
  459. package/dist/collection/utils/filter.js +1 -1
  460. package/dist/collection/utils/form.js +1 -1
  461. package/dist/collection/utils/globalAttributes.js +1 -1
  462. package/dist/collection/utils/guid.js +1 -1
  463. package/dist/collection/utils/interactive.js +1 -1
  464. package/dist/collection/utils/key.js +1 -1
  465. package/dist/collection/utils/label.js +1 -1
  466. package/dist/collection/utils/locale.js +1 -1
  467. package/dist/collection/utils/math.js +1 -1
  468. package/dist/collection/utils/number.js +1 -1
  469. package/dist/collection/utils/observers.js +1 -1
  470. package/dist/collection/utils/openCloseComponent.js +1 -1
  471. package/dist/collection/utils/popper.js +1 -1
  472. package/dist/collection/utils/resources.js +1 -1
  473. package/dist/collection/utils/time.js +1 -1
  474. package/dist/components/ExpandToggle.js +1 -1
  475. package/dist/components/Heading.js +1 -1
  476. package/dist/components/action-group.js +1 -1
  477. package/dist/components/action-menu.js +1 -1
  478. package/dist/components/action.js +1 -1
  479. package/dist/components/array.js +1 -1
  480. package/dist/components/button.js +2 -2
  481. package/dist/components/calcite-accordion-item.js +1 -1
  482. package/dist/components/calcite-accordion.js +1 -1
  483. package/dist/components/calcite-action-bar.js +1 -1
  484. package/dist/components/calcite-action-group.js +1 -1
  485. package/dist/components/calcite-action-menu.js +1 -1
  486. package/dist/components/calcite-action-pad.js +1 -1
  487. package/dist/components/calcite-action.js +1 -1
  488. package/dist/components/calcite-alert.js +23 -30
  489. package/dist/components/calcite-avatar.js +1 -1
  490. package/dist/components/calcite-block-section.js +1 -1
  491. package/dist/components/calcite-block.js +1 -1
  492. package/dist/components/calcite-button.js +1 -1
  493. package/dist/components/calcite-card.js +1 -1
  494. package/dist/components/calcite-checkbox.js +1 -1
  495. package/dist/components/calcite-chip.js +1 -1
  496. package/dist/components/calcite-color-picker-hex-input.js +1 -1
  497. package/dist/components/calcite-color-picker-swatch.js +1 -1
  498. package/dist/components/calcite-color-picker.js +1 -1
  499. package/dist/components/calcite-combobox-item-group.js +1 -1
  500. package/dist/components/calcite-combobox-item.js +1 -1
  501. package/dist/components/calcite-combobox.js +5 -11
  502. package/dist/components/calcite-date-picker-day.js +1 -1
  503. package/dist/components/calcite-date-picker-month-header.js +1 -1
  504. package/dist/components/calcite-date-picker-month.js +1 -1
  505. package/dist/components/calcite-date-picker.js +1 -1
  506. package/dist/components/calcite-dropdown-group.js +1 -1
  507. package/dist/components/calcite-dropdown-item.js +1 -1
  508. package/dist/components/calcite-dropdown.js +1 -1
  509. package/dist/components/calcite-fab.js +1 -1
  510. package/dist/components/calcite-filter.js +1 -1
  511. package/dist/components/calcite-flow.js +1 -1
  512. package/dist/components/calcite-graph.js +1 -1
  513. package/dist/components/calcite-handle.js +1 -1
  514. package/dist/components/calcite-icon.js +1 -1
  515. package/dist/components/calcite-inline-editable.js +1 -1
  516. package/dist/components/calcite-input-date-picker.js +30 -7
  517. package/dist/components/calcite-input-message.js +1 -1
  518. package/dist/components/calcite-input-number.js +1 -1
  519. package/dist/components/calcite-input-time-picker.js +1 -1
  520. package/dist/components/calcite-input.js +1 -1
  521. package/dist/components/calcite-label.js +1 -1
  522. package/dist/components/calcite-link.js +1 -1
  523. package/dist/components/calcite-list-item-group.js +1 -1
  524. package/dist/components/calcite-list-item.js +1 -1
  525. package/dist/components/calcite-list.js +1 -1
  526. package/dist/components/calcite-loader.js +1 -1
  527. package/dist/components/calcite-modal.js +35 -11
  528. package/dist/components/calcite-notice.js +2 -2
  529. package/dist/components/calcite-option-group.js +1 -1
  530. package/dist/components/calcite-option.js +1 -1
  531. package/dist/components/calcite-pagination.js +2 -2
  532. package/dist/components/calcite-panel.js +2 -2
  533. package/dist/components/calcite-pick-list-group.js +1 -1
  534. package/dist/components/calcite-pick-list-item.js +1 -1
  535. package/dist/components/calcite-pick-list.js +1 -1
  536. package/dist/components/calcite-popover-manager.js +1 -1
  537. package/dist/components/calcite-popover.js +1 -1
  538. package/dist/components/calcite-progress.js +1 -1
  539. package/dist/components/calcite-radio-button-group.js +1 -1
  540. package/dist/components/calcite-radio-button.js +1 -1
  541. package/dist/components/calcite-radio-group-item.js +1 -1
  542. package/dist/components/calcite-radio-group.js +1 -1
  543. package/dist/components/calcite-rating.js +1 -1
  544. package/dist/components/calcite-scrim.js +1 -1
  545. package/dist/components/calcite-select.js +1 -1
  546. package/dist/components/calcite-shell-center-row.js +1 -1
  547. package/dist/components/calcite-shell-panel.js +1 -1
  548. package/dist/components/calcite-shell.js +1 -1
  549. package/dist/components/calcite-slider.js +1 -1
  550. package/dist/components/calcite-sortable-list.js +1 -1
  551. package/dist/components/calcite-split-button.js +2 -2
  552. package/dist/components/calcite-stepper-item.js +1 -1
  553. package/dist/components/calcite-stepper.js +1 -1
  554. package/dist/components/calcite-switch.js +1 -1
  555. package/dist/components/calcite-tab-nav.js +1 -1
  556. package/dist/components/calcite-tab-title.js +1 -1
  557. package/dist/components/calcite-tab.js +1 -1
  558. package/dist/components/calcite-tabs.js +1 -1
  559. package/dist/components/calcite-tile-select-group.js +1 -1
  560. package/dist/components/calcite-tile-select.js +1 -1
  561. package/dist/components/calcite-tile.js +1 -1
  562. package/dist/components/calcite-time-picker.js +1 -1
  563. package/dist/components/calcite-tip-group.js +1 -1
  564. package/dist/components/calcite-tip-manager.js +1 -1
  565. package/dist/components/calcite-tip.js +1 -1
  566. package/dist/components/calcite-tooltip-manager.js +1 -1
  567. package/dist/components/calcite-tooltip.js +1 -1
  568. package/dist/components/calcite-tree-item.js +1 -1
  569. package/dist/components/calcite-tree.js +1 -1
  570. package/dist/components/calcite-value-list-item.js +1 -1
  571. package/dist/components/calcite-value-list.js +1 -1
  572. package/dist/components/checkbox.js +1 -1
  573. package/dist/components/chip.js +1 -1
  574. package/dist/components/color-picker-hex-input.js +1 -1
  575. package/dist/components/color-picker-swatch.js +1 -1
  576. package/dist/components/conditionalSlot.js +1 -1
  577. package/dist/components/date-picker-day.js +1 -1
  578. package/dist/components/date-picker-month-header.js +1 -1
  579. package/dist/components/date-picker-month.js +1 -1
  580. package/dist/components/date-picker.js +1 -1
  581. package/dist/components/date.js +1 -1
  582. package/dist/components/debounce.js +1 -1
  583. package/dist/components/dom.js +1 -1
  584. package/dist/components/dropdown.js +20 -25
  585. package/dist/components/filter.js +1 -1
  586. package/dist/components/forIn.js +1 -1
  587. package/dist/components/form.js +1 -1
  588. package/dist/components/graph.js +1 -1
  589. package/dist/components/guid.js +1 -1
  590. package/dist/components/handle.js +1 -1
  591. package/dist/components/icon.js +1 -1
  592. package/dist/components/index.js +1 -1
  593. package/dist/components/input.js +1 -1
  594. package/dist/components/interactive.js +1 -1
  595. package/dist/components/interfaces.js +1 -1
  596. package/dist/components/interfaces2.js +1 -1
  597. package/dist/components/key.js +1 -1
  598. package/dist/components/label.js +1 -1
  599. package/dist/components/label2.js +1 -1
  600. package/dist/components/link.js +1 -1
  601. package/dist/components/loader.js +1 -1
  602. package/dist/components/locale.js +1 -1
  603. package/dist/components/math.js +1 -1
  604. package/dist/components/observers.js +1 -1
  605. package/dist/components/pick-list-item.js +1 -1
  606. package/dist/components/popover.js +28 -3
  607. package/dist/components/popper.js +1 -1
  608. package/dist/components/progress.js +1 -1
  609. package/dist/components/resources.js +1 -1
  610. package/dist/components/resources2.js +1 -1
  611. package/dist/components/resources3.js +1 -1
  612. package/dist/components/scrim.js +1 -1
  613. package/dist/components/shared-list-render.js +1 -1
  614. package/dist/components/sortable.esm.js +1 -1
  615. package/dist/components/switch.js +1 -1
  616. package/dist/components/tab-nav.js +1 -1
  617. package/dist/components/tab-title.js +1 -1
  618. package/dist/components/tab.js +1 -1
  619. package/dist/components/tabs.js +1 -1
  620. package/dist/components/tile.js +1 -1
  621. package/dist/components/time-picker.js +1 -1
  622. package/dist/components/utils.js +1 -1
  623. package/dist/components/utils2.js +1 -1
  624. package/dist/custom-elements/index.js +141 -87
  625. package/dist/esm/{ExpandToggle-d836b4c2.js → ExpandToggle-8a52a068.js} +5 -5
  626. package/dist/esm/{Heading-48c92432.js → Heading-721e57cb.js} +2 -2
  627. package/dist/esm/{array-4b131c4b.js → array-59cce697.js} +1 -1
  628. package/dist/esm/calcite-accordion_2.entry.js +4 -4
  629. package/dist/esm/calcite-action-bar.entry.js +10 -10
  630. package/dist/esm/calcite-action-group.entry.js +8 -8
  631. package/dist/esm/calcite-action-menu.entry.js +8 -8
  632. package/dist/esm/calcite-action-pad.entry.js +9 -9
  633. package/dist/esm/calcite-action.entry.js +6 -6
  634. package/dist/esm/calcite-alert.entry.js +27 -34
  635. package/dist/esm/calcite-avatar.entry.js +5 -5
  636. package/dist/esm/calcite-block_2.entry.js +8 -8
  637. package/dist/esm/calcite-button.entry.js +9 -9
  638. package/dist/esm/calcite-card.entry.js +6 -6
  639. package/dist/esm/calcite-checkbox.entry.js +7 -7
  640. package/dist/esm/calcite-chip.entry.js +6 -6
  641. package/dist/esm/calcite-color-picker_3.entry.js +8 -8
  642. package/dist/esm/calcite-combobox_3.entry.js +16 -22
  643. package/dist/esm/calcite-date-picker_4.entry.js +9 -9
  644. package/dist/esm/calcite-dropdown_3.entry.js +26 -31
  645. package/dist/esm/calcite-fab.entry.js +5 -5
  646. package/dist/esm/calcite-filter.entry.js +7 -7
  647. package/dist/esm/calcite-flow.entry.js +3 -3
  648. package/dist/esm/calcite-graph_2.entry.js +9 -9
  649. package/dist/esm/calcite-handle.entry.js +4 -4
  650. package/dist/esm/calcite-icon.entry.js +5 -5
  651. package/dist/esm/calcite-inline-editable.entry.js +7 -7
  652. package/dist/esm/calcite-input-date-picker.entry.js +40 -17
  653. package/dist/esm/calcite-input-message.entry.js +4 -4
  654. package/dist/esm/calcite-input-number.entry.js +11 -11
  655. package/dist/esm/calcite-input-time-picker_2.entry.js +9 -9
  656. package/dist/esm/calcite-input.entry.js +11 -11
  657. package/dist/esm/calcite-label.entry.js +5 -5
  658. package/dist/esm/calcite-link.entry.js +5 -5
  659. package/dist/esm/calcite-list_3.entry.js +8 -8
  660. package/dist/esm/calcite-loader.entry.js +3 -3
  661. package/dist/esm/calcite-modal.entry.js +40 -16
  662. package/dist/esm/calcite-notice.entry.js +8 -8
  663. package/dist/esm/calcite-option_3.entry.js +8 -8
  664. package/dist/esm/calcite-pagination.entry.js +6 -6
  665. package/dist/esm/calcite-panel.entry.js +10 -10
  666. package/dist/esm/calcite-pick-list_3.entry.js +11 -11
  667. package/dist/esm/calcite-popover_2.entry.js +34 -9
  668. package/dist/esm/calcite-progress.entry.js +2 -2
  669. package/dist/esm/calcite-radio-button-group.entry.js +3 -3
  670. package/dist/esm/calcite-radio-button.entry.js +8 -8
  671. package/dist/esm/calcite-radio-group_2.entry.js +7 -7
  672. package/dist/esm/calcite-rating.entry.js +8 -8
  673. package/dist/esm/calcite-scrim.entry.js +2 -2
  674. package/dist/esm/calcite-shell_3.entry.js +7 -7
  675. package/dist/esm/calcite-sortable-list.entry.js +5 -5
  676. package/dist/esm/calcite-split-button.entry.js +4 -4
  677. package/dist/esm/calcite-stepper_2.entry.js +5 -5
  678. package/dist/esm/calcite-switch.entry.js +7 -7
  679. package/dist/esm/calcite-tab_4.entry.js +6 -6
  680. package/dist/esm/calcite-tile-select_2.entry.js +4 -4
  681. package/dist/esm/calcite-tile.entry.js +7 -7
  682. package/dist/esm/calcite-tip_3.entry.js +7 -7
  683. package/dist/esm/calcite-tooltip_2.entry.js +5 -5
  684. package/dist/esm/calcite-tree_2.entry.js +6 -6
  685. package/dist/esm/calcite-value-list_2.entry.js +11 -11
  686. package/dist/esm/calcite.js +2 -2
  687. package/dist/esm/{conditionalSlot-51883c81.js → conditionalSlot-2a2a41cc.js} +3 -3
  688. package/dist/esm/{debounce-7152e426.js → debounce-3edfb6ff.js} +1 -1
  689. package/dist/esm/{dom-4deab368.js → dom-b1dd66bf.js} +2 -2
  690. package/dist/esm/{forIn-57f3069a.js → forIn-5b92ca9d.js} +2 -2
  691. package/dist/esm/{form-f82e2815.js → form-fe385c43.js} +3 -3
  692. package/dist/esm/{guid-ce02e0fd.js → guid-07eb7b27.js} +1 -1
  693. package/dist/esm/{index-2302d792.js → index-5111df84.js} +1 -1
  694. package/dist/esm/index.js +1 -1
  695. package/dist/esm/{interactive-6b719f79.js → interactive-ba2dc945.js} +1 -1
  696. package/dist/esm/{interfaces-6dd03259.js → interfaces-baf59c23.js} +1 -1
  697. package/dist/esm/{key-0c5cd06e.js → key-a8a72c0a.js} +1 -1
  698. package/dist/esm/{label-977e5b15.js → label-a48e4889.js} +2 -2
  699. package/dist/esm/loader.js +2 -2
  700. package/dist/esm/{locale-67ea5211.js → locale-96c0c5d1.js} +2 -2
  701. package/dist/esm/{math-ab13649d.js → math-1e14214c.js} +1 -1
  702. package/dist/esm/{observers-d6b625df.js → observers-b8abfdd3.js} +1 -1
  703. package/dist/esm/{popper-cbcc474a.js → popper-bbf118a0.js} +2 -2
  704. package/dist/esm/{resources-fb770018.js → resources-1644055c.js} +5 -5
  705. package/dist/esm/{resources-0c7a0345.js → resources-6525ae1d.js} +1 -1
  706. package/dist/esm/{resources-1174197b.js → resources-d8ea6462.js} +1 -1
  707. package/dist/esm/{resources-41f9ccd3.js → resources-fd996bab.js} +3 -3
  708. package/dist/esm/{sortable.esm-b0277ca6.js → sortable.esm-cc0238e2.js} +1 -1
  709. package/dist/esm/{utils-8da1d515.js → utils-6aedbacf.js} +1 -1
  710. package/dist/esm-es5/{ExpandToggle-d836b4c2.js → ExpandToggle-8a52a068.js} +2 -2
  711. package/dist/esm-es5/{Heading-48c92432.js → Heading-721e57cb.js} +2 -2
  712. package/dist/esm-es5/{array-4b131c4b.js → array-59cce697.js} +1 -1
  713. package/dist/esm-es5/calcite-accordion_2.entry.js +2 -2
  714. package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
  715. package/dist/esm-es5/calcite-action-group.entry.js +2 -2
  716. package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
  717. package/dist/esm-es5/calcite-action-pad.entry.js +3 -3
  718. package/dist/esm-es5/calcite-action.entry.js +2 -2
  719. package/dist/esm-es5/calcite-alert.entry.js +3 -3
  720. package/dist/esm-es5/calcite-avatar.entry.js +2 -2
  721. package/dist/esm-es5/calcite-block_2.entry.js +2 -2
  722. package/dist/esm-es5/calcite-button.entry.js +2 -2
  723. package/dist/esm-es5/calcite-card.entry.js +2 -2
  724. package/dist/esm-es5/calcite-checkbox.entry.js +2 -2
  725. package/dist/esm-es5/calcite-chip.entry.js +2 -2
  726. package/dist/esm-es5/calcite-color-picker_3.entry.js +2 -2
  727. package/dist/esm-es5/calcite-combobox_3.entry.js +2 -2
  728. package/dist/esm-es5/calcite-date-picker_4.entry.js +2 -2
  729. package/dist/esm-es5/calcite-dropdown_3.entry.js +3 -3
  730. package/dist/esm-es5/calcite-fab.entry.js +2 -2
  731. package/dist/esm-es5/calcite-filter.entry.js +2 -2
  732. package/dist/esm-es5/calcite-flow.entry.js +2 -2
  733. package/dist/esm-es5/calcite-graph_2.entry.js +2 -2
  734. package/dist/esm-es5/calcite-handle.entry.js +2 -2
  735. package/dist/esm-es5/calcite-icon.entry.js +2 -2
  736. package/dist/esm-es5/calcite-inline-editable.entry.js +2 -2
  737. package/dist/esm-es5/calcite-input-date-picker.entry.js +3 -3
  738. package/dist/esm-es5/calcite-input-message.entry.js +2 -2
  739. package/dist/esm-es5/calcite-input-number.entry.js +2 -2
  740. package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
  741. package/dist/esm-es5/calcite-input.entry.js +2 -2
  742. package/dist/esm-es5/calcite-label.entry.js +2 -2
  743. package/dist/esm-es5/calcite-link.entry.js +3 -3
  744. package/dist/esm-es5/calcite-list_3.entry.js +2 -2
  745. package/dist/esm-es5/calcite-loader.entry.js +2 -2
  746. package/dist/esm-es5/calcite-modal.entry.js +3 -3
  747. package/dist/esm-es5/calcite-notice.entry.js +2 -2
  748. package/dist/esm-es5/calcite-option_3.entry.js +2 -2
  749. package/dist/esm-es5/calcite-pagination.entry.js +2 -2
  750. package/dist/esm-es5/calcite-panel.entry.js +2 -2
  751. package/dist/esm-es5/calcite-pick-list_3.entry.js +2 -2
  752. package/dist/esm-es5/calcite-popover_2.entry.js +3 -3
  753. package/dist/esm-es5/calcite-progress.entry.js +2 -2
  754. package/dist/esm-es5/calcite-radio-button-group.entry.js +2 -2
  755. package/dist/esm-es5/calcite-radio-button.entry.js +2 -2
  756. package/dist/esm-es5/calcite-radio-group_2.entry.js +2 -2
  757. package/dist/esm-es5/calcite-rating.entry.js +3 -3
  758. package/dist/esm-es5/calcite-scrim.entry.js +2 -2
  759. package/dist/esm-es5/calcite-shell_3.entry.js +2 -2
  760. package/dist/esm-es5/calcite-sortable-list.entry.js +2 -2
  761. package/dist/esm-es5/calcite-split-button.entry.js +2 -2
  762. package/dist/esm-es5/calcite-stepper_2.entry.js +2 -2
  763. package/dist/esm-es5/calcite-switch.entry.js +2 -2
  764. package/dist/esm-es5/calcite-tab_4.entry.js +2 -2
  765. package/dist/esm-es5/calcite-tile-select_2.entry.js +2 -2
  766. package/dist/esm-es5/calcite-tile.entry.js +2 -2
  767. package/dist/esm-es5/calcite-tip_3.entry.js +2 -2
  768. package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
  769. package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
  770. package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
  771. package/dist/esm-es5/calcite.js +2 -2
  772. package/dist/esm-es5/{conditionalSlot-51883c81.js → conditionalSlot-2a2a41cc.js} +2 -2
  773. package/dist/esm-es5/{debounce-7152e426.js → debounce-3edfb6ff.js} +1 -1
  774. package/dist/esm-es5/{dom-4deab368.js → dom-b1dd66bf.js} +2 -2
  775. package/dist/esm-es5/{forIn-57f3069a.js → forIn-5b92ca9d.js} +2 -2
  776. package/dist/esm-es5/{form-f82e2815.js → form-fe385c43.js} +2 -2
  777. package/dist/esm-es5/{guid-ce02e0fd.js → guid-07eb7b27.js} +1 -1
  778. package/dist/esm-es5/{index-2302d792.js → index-5111df84.js} +1 -1
  779. package/dist/esm-es5/index.js +1 -1
  780. package/dist/esm-es5/{interactive-6b719f79.js → interactive-ba2dc945.js} +1 -1
  781. package/dist/esm-es5/{interfaces-6dd03259.js → interfaces-baf59c23.js} +1 -1
  782. package/dist/esm-es5/{key-0c5cd06e.js → key-a8a72c0a.js} +1 -1
  783. package/dist/esm-es5/{label-977e5b15.js → label-a48e4889.js} +2 -2
  784. package/dist/esm-es5/loader.js +2 -2
  785. package/dist/esm-es5/{locale-67ea5211.js → locale-96c0c5d1.js} +2 -2
  786. package/dist/esm-es5/{math-ab13649d.js → math-1e14214c.js} +1 -1
  787. package/dist/esm-es5/{observers-d6b625df.js → observers-b8abfdd3.js} +1 -1
  788. package/dist/esm-es5/{popper-cbcc474a.js → popper-bbf118a0.js} +2 -2
  789. package/dist/esm-es5/{resources-fb770018.js → resources-1644055c.js} +2 -2
  790. package/dist/esm-es5/{resources-0c7a0345.js → resources-6525ae1d.js} +1 -1
  791. package/dist/esm-es5/{resources-1174197b.js → resources-d8ea6462.js} +1 -1
  792. package/dist/esm-es5/{resources-41f9ccd3.js → resources-fd996bab.js} +2 -2
  793. package/dist/esm-es5/{sortable.esm-b0277ca6.js → sortable.esm-cc0238e2.js} +1 -1
  794. package/dist/esm-es5/{utils-8da1d515.js → utils-6aedbacf.js} +1 -1
  795. package/dist/extras/docs-json.json +94 -22
  796. package/dist/loader/cdn.js +1 -1
  797. package/dist/loader/index.cjs.js +1 -1
  798. package/dist/loader/index.es2017.js +1 -1
  799. package/dist/loader/index.js +1 -1
  800. package/dist/types/components/alert/alert.d.ts +13 -21
  801. package/dist/types/components/combobox/combobox.d.ts +5 -13
  802. package/dist/types/components/dropdown/dropdown.d.ts +11 -15
  803. package/dist/types/components/input-date-picker/input-date-picker.d.ts +13 -9
  804. package/dist/types/components/modal/modal.d.ts +13 -5
  805. package/dist/types/components/popover/popover.d.ts +13 -5
  806. package/dist/types/components.d.ts +25 -41
  807. package/dist/types/preact.d.ts +15 -9
  808. package/hydrate/index.js +141 -87
  809. package/package.json +2 -1
  810. package/dist/calcite/p-0c465aea.system.js +0 -6
  811. package/dist/calcite/p-14693e05.system.entry.js +0 -6
  812. package/dist/calcite/p-15114392.system.js +0 -6
  813. package/dist/calcite/p-1ccc1b47.js +0 -6
  814. package/dist/calcite/p-326de897.entry.js +0 -6
  815. package/dist/calcite/p-4a8cea10.system.entry.js +0 -6
  816. package/dist/calcite/p-6afc4b8a.system.entry.js +0 -6
  817. package/dist/calcite/p-75442745.system.entry.js +0 -6
  818. package/dist/calcite/p-8836dcad.entry.js +0 -6
  819. package/dist/calcite/p-8a0b7455.entry.js +0 -6
  820. package/dist/calcite/p-8e8955a5.system.entry.js +0 -6
  821. package/dist/calcite/p-9b221ad4.entry.js +0 -6
  822. package/dist/calcite/p-a3c91348.entry.js +0 -6
  823. package/dist/calcite/p-a469734b.entry.js +0 -6
  824. package/dist/calcite/p-c309559e.system.entry.js +0 -6
  825. package/dist/calcite/p-c6f113a8.system.entry.js +0 -6
  826. package/dist/calcite/p-c82ab7d8.entry.js +0 -6
  827. package/dist/calcite/p-ca37eb33.entry.js +0 -6
  828. package/dist/calcite/p-efb97360.entry.js +0 -6
  829. package/dist/calcite/p-f3ed2b84.entry.js +0 -6
package/dist/custom-elements/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.533
4
+ * v1.0.0-next.534
5
5
  */
6
6
  import { HTMLElement as HTMLElement$1, createEvent, h, Host, Build, forceUpdate, Fragment, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
7
7
  export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
@@ -2765,7 +2765,7 @@ var StatusIcons;
2765
2765
  StatusIcons["blue"] = "lightbulb";
2766
2766
  })(StatusIcons || (StatusIcons = {}));
2767
2767
 
2768
- const alertCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;margin-block:0px;margin-inline:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);-webkit-border-before:0px solid transparent;border-block-start:0px solid transparent;-webkit-border-start:1px solid var(--calcite-ui-border-3);border-inline-start:1px solid var(--calcite-ui-border-3);-webkit-border-end:1px solid var(--calcite-ui-border-3);border-inline-end:1px solid var(--calcite-ui-border-3);-webkit-border-after:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3);min-block-size:var(--calcite-alert-min-height);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-block-size:0;z-index:101;-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), 0);transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.container{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-color:transparent}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){max-block-size:100%;border-block-start-width:2px;opacity:1;pointer-events:initial}:host([active]) .container:not(.queued)[class*=bottom]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([active]) .container:not(.queued)[class*=top]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), inherit);transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-inline-size:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-end-start-radius:var(--calcite-border-radius);border-end-end-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-block:0px}.alert-close{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-block:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-border-start:0px solid transparent;border-inline-start:0px solid transparent;-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent;border-start-end-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;inset-inline:0px;display:block;inline-size:100%;overflow:hidden;inset-block-start:-2px;block-size:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104;inset-inline-end:0}:host([color=blue]) .container{border-block-start-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-block-start-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-block-start-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}";
2768
+ const alertCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;margin-block:0px;margin-inline:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);-webkit-border-before:0px solid transparent;border-block-start:0px solid transparent;border-inline:1px solid var(--calcite-ui-border-3);-webkit-border-after:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3);min-block-size:var(--calcite-alert-min-height);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-block-size:0;z-index:101;-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), 0);transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.container{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-color:transparent}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){max-block-size:100%;border-block-start-width:2px;opacity:1;pointer-events:initial}:host([active]) .container:not(.queued)[class*=bottom]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([active]) .container:not(.queued)[class*=top]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), inherit);transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-inline-size:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-end-start-radius:var(--calcite-border-radius);border-end-end-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-block:0px}.alert-close{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-block:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0px solid transparent;border-start-end-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;inset-inline:0px;display:block;inline-size:100%;overflow:hidden;inset-block-start:-2px;block-size:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104;inset-inline-end:0}:host([color=blue]) .container{border-block-start-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-block-start-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-block-start-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}";
2769
2769
 
2770
2770
  const Alert = class extends HTMLElement$1 {
2771
2771
  constructor() {
@@ -2812,9 +2812,9 @@ const Alert = class extends HTMLElement$1 {
2812
2812
  this.queueLength = 0;
2813
2813
  /** is the alert queued */
2814
2814
  this.queued = false;
2815
- this.setContainerDiv = (el) => {
2816
- this.containerDiv = el;
2817
- this.containerDiv.addEventListener("transitionrun", this.transitionRunHandler);
2815
+ this.setContainerEl = (el) => {
2816
+ this.containerEl = el;
2817
+ this.containerEl.addEventListener("transitionstart", this.transitionStartHandler);
2818
2818
  };
2819
2819
  this.autoDismissTimeoutId = null;
2820
2820
  this.trackTimer = Date.now();
@@ -2828,18 +2828,14 @@ const Alert = class extends HTMLElement$1 {
2828
2828
  this.determineActiveAlert();
2829
2829
  this.calciteInternalAlertSync.emit({ queue: this.queue });
2830
2830
  };
2831
- /* *
2832
- - `transitionrun` fires when the transition is created at the start of any delay and is not cancellable once started.
2833
- - if there is no transition delay, both `transitionrun` and `transitionstart` are fired at the same time.
2834
- */
2835
- this.transitionRunHandler = (event) => {
2831
+ this.transitionStartHandler = (event) => {
2836
2832
  if (event.propertyName === this.activeTransitionProp) {
2837
- this.active ? this.emitOpenCloseEvent("beforeOpen") : this.emitOpenCloseEvent("beforeClose");
2833
+ this.active ? this.onBeforeOpen() : this.onBeforeClose();
2838
2834
  }
2839
2835
  };
2840
2836
  this.transitionEnd = (event) => {
2841
2837
  if (event.propertyName === this.activeTransitionProp) {
2842
- this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
2838
+ this.active ? this.onOpen() : this.onClose();
2843
2839
  }
2844
2840
  };
2845
2841
  }
@@ -2875,10 +2871,9 @@ const Alert = class extends HTMLElement$1 {
2875
2871
  this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
2876
2872
  }
2877
2873
  disconnectedCallback() {
2874
+ var _a;
2878
2875
  window.clearTimeout(this.autoDismissTimeoutId);
2879
- if (this.containerDiv) {
2880
- this.containerDiv.removeEventListener("transitionrun", this.transitionRunHandler);
2881
- }
2876
+ (_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionstart", this.transitionStartHandler);
2882
2877
  }
2883
2878
  render() {
2884
2879
  const closeButton = (h("button", { "aria-label": this.intlClose, class: "alert-close", onClick: this.closeAlert, ref: (el) => (this.closeButton = el), type: "button" }, h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
@@ -2891,7 +2886,7 @@ const Alert = class extends HTMLElement$1 {
2891
2886
  container: true,
2892
2887
  queued,
2893
2888
  [placement]: true
2894
- }, onTransitionEnd: this.transitionEnd, ref: this.setContainerDiv }, requestedIcon ? (h("div", { class: "alert-icon" }, h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: "alert-content" }, h("slot", { name: SLOTS$m.title }), h("slot", { name: SLOTS$m.message }), h("slot", { name: SLOTS$m.link })), queueCount, !autoDismiss ? closeButton : null, active && !queued && autoDismiss ? h("div", { class: "alert-dismiss-progress" }) : null)));
2889
+ }, onTransitionEnd: this.transitionEnd, ref: this.setContainerEl }, requestedIcon ? (h("div", { class: "alert-icon" }, h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: "alert-content" }, h("slot", { name: SLOTS$m.title }), h("slot", { name: SLOTS$m.message }), h("slot", { name: SLOTS$m.link })), queueCount, !autoDismiss ? closeButton : null, active && !queued && autoDismiss ? h("div", { class: "alert-dismiss-progress" }) : null)));
2895
2890
  }
2896
2891
  // when an alert is opened or closed, update queue and determine active alert
2897
2892
  alertSync(event) {
@@ -2948,25 +2943,23 @@ const Alert = class extends HTMLElement$1 {
2948
2943
  return;
2949
2944
  }
2950
2945
  }
2946
+ onBeforeOpen() {
2947
+ this.calciteAlertBeforeOpen.emit();
2948
+ }
2949
+ onOpen() {
2950
+ this.calciteAlertOpen.emit();
2951
+ }
2952
+ onBeforeClose() {
2953
+ this.calciteAlertBeforeClose.emit();
2954
+ }
2955
+ onClose() {
2956
+ this.calciteAlertClose.emit();
2957
+ }
2951
2958
  /** remove queued class after animation completes */
2952
2959
  openAlert() {
2953
2960
  window.clearTimeout(this.queueTimeout);
2954
2961
  this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);
2955
2962
  }
2956
- emitOpenCloseEvent(componentVisibilityState) {
2957
- const payload = {
2958
- el: this.el,
2959
- queue: this.queue
2960
- };
2961
- const emitComponentState = {
2962
- beforeOpen: () => this.calciteAlertBeforeOpen.emit(payload),
2963
- open: () => this.calciteAlertOpen.emit(payload),
2964
- beforeClose: () => this.calciteAlertBeforeClose.emit(payload),
2965
- close: () => this.calciteAlertClose.emit(payload)
2966
- };
2967
- (emitComponentState[componentVisibilityState] ||
2968
- emitComponentState["The component state is unknown."])();
2969
- }
2970
2963
  get el() { return this; }
2971
2964
  static get watchers() { return {
2972
2965
  "active": ["watchActive"],
@@ -3872,7 +3865,7 @@ const HiddenFormInputSlot = ({ component }) => {
3872
3865
  return h("slot", { name: hiddenFormInputSlotName });
3873
3866
  };
3874
3867
 
3875
- 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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host button,:host a{--calcite-button-content-margin:0.5rem;--calcite-button-padding-x:7px;--calcite-button-padding-y:3px;padding-block:var(--calcite-button-padding-y);padding-inline:var(--calcite-button-padding-x);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:100%;inline-size: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-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-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-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-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{-webkit-text-decoration-line:none;text-decoration-line:none}.content{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{-webkit-margin-start:unset;margin-inline-start:unset}.icon-end-empty .content{-webkit-margin-end:unset;margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{-ms-flex-pack:center;justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{-ms-flex-pack:start;justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) 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{-ms-flex-pack:justify;justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:var(--calcite-button-content-margin);margin-inline-start:var(--calcite-button-content-margin)}.icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]){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]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([loading]){pointer-events:none}:host([loading]) button,:host([loading]) a{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@-webkit-keyframes loader-in{0%{inline-size:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{inline-size:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader-in{0%{inline-size:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{inline-size:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes loader-out{0%{inline-size:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{inline-size:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{inline-size:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}.calcite-button--loader{display:-ms-flexbox;display:flex}.calcite-button--loader calcite-loader{margin:0px;-webkit-transition:inline-size 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:inline-size 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:inline-size 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:inline-size 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{-webkit-animation-name:loader-in;animation-name:loader-in;-webkit-animation-duration:310ms;animation-duration:310ms}.calcite-button--loader calcite-loader.loading-out{-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,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{-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{display:none}:host([appearance=solid]) button,:host([appearance=solid]) a{border-width:1px;border-style:solid;border-color:transparent}:host([appearance=solid][color=blue]) button,:host([appearance=solid][color=blue]) a{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{background-color:var(--calcite-ui-brand-hover)}:host([appearance=solid][color=blue]) button:active,:host([appearance=solid][color=blue]) a:active{background-color:var(--calcite-ui-brand-press)}:host([appearance=solid][color=blue]) button calcite-loader,:host([appearance=solid][color=blue]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=solid][color=red]) button,:host([appearance=solid][color=red]) a{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{background-color:var(--calcite-ui-danger-hover)}:host([appearance=solid][color=red]) button:active,:host([appearance=solid][color=red]) a:active{background-color:var(--calcite-ui-danger-press)}:host([appearance=solid][color=red]) button calcite-loader,:host([appearance=solid][color=red]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=solid][color=neutral]) button,:host([appearance=solid][color=neutral]) a{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{background-color:var(--calcite-ui-foreground-2)}:host([appearance=solid][color=neutral]) button:active,:host([appearance=solid][color=neutral]) a:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=solid][color=neutral]) button calcite-loader,:host([appearance=solid][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=solid][color=inverse]) button,:host([appearance=solid][color=inverse]) a{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,:host([appearance=solid][color=inverse]) a:hover,:host([appearance=solid][color=inverse]) a:focus{background-color:var(--calcite-ui-inverse-hover)}:host([appearance=solid][color=inverse]) button:active,:host([appearance=solid][color=inverse]) a:active{background-color:var(--calcite-ui-inverse-press)}:host([appearance=solid][color=inverse]) button calcite-loader,:host([appearance=solid][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=outline]) button,:host([appearance=outline]) a{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{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{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{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{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,:host([appearance=outline][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=outline][color=red]) button,:host([appearance=outline][color=red]) a{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{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{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{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,:host([appearance=outline][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=outline][color=neutral]) button,:host([appearance=outline][color=neutral]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:hover,:host([appearance=outline][color=neutral]) a: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,:host([appearance=outline][color=neutral]) a: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,:host([appearance=outline][color=neutral]) a: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{color:var(--calcite-ui-text-1)}:host([appearance=outline][color=inverse]) button,:host([appearance=outline][color=inverse]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:hover,:host([appearance=outline][color=inverse]) a: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,:host([appearance=outline][color=inverse]) a: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,:host([appearance=outline][color=inverse]) a: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{color:var(--calcite-ui-text-1)}:host([appearance=clear]) button,:host([appearance=clear]) a{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{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{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{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{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,:host([appearance=clear][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=clear][color=red]) button,:host([appearance=clear][color=red]) a{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{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{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{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,:host([appearance=clear][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=clear][color=neutral]) button,:host([appearance=clear][color=neutral]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:hover,:host([appearance=clear][color=neutral]) a: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,:host([appearance=clear][color=neutral]) a: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,:host([appearance=clear][color=neutral]) a: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{color:var(--calcite-ui-text-1)}:host([appearance=clear][color=inverse]) button,:host([appearance=clear][color=inverse]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:hover,:host([appearance=clear][color=inverse]) a: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,:host([appearance=clear][color=inverse]) a: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,:host([appearance=clear][color=inverse]) a: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{color:var(--calcite-ui-text-1)}:host([appearance=outline][split-child=primary]) button,:host([appearance=clear][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline][split-child=secondary]) button,:host([appearance=clear][split-child=secondary]) 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{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-button-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-button-transparent-press)}:host([appearance=transparent][color=blue]) button,:host([appearance=transparent][color=blue]) a{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:hover,:host([appearance=transparent][color=blue]) a:hover{color:var(--calcite-ui-brand-hover)}:host([appearance=transparent][color=blue]) button:focus,:host([appearance=transparent][color=blue]) a:focus{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:active,:host([appearance=transparent][color=blue]) a:active{color:var(--calcite-ui-brand-press)}:host([appearance=transparent][color=blue]) button calcite-loader,:host([appearance=transparent][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=red]) button,:host([appearance=transparent][color=red]) a{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:hover,:host([appearance=transparent][color=red]) a:hover{color:var(--calcite-ui-danger-hover)}:host([appearance=transparent][color=red]) button:focus,:host([appearance=transparent][color=red]) a:focus{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:active,:host([appearance=transparent][color=red]) a:active{color:var(--calcite-ui-danger-press)}:host([appearance=transparent][color=red]) button calcite-loader,:host([appearance=transparent][color=red]) a calcite-loader{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{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-ui-text-3);border-block-start-color:var(--calcite-ui-border-input);border-block-end-color:var(--calcite-ui-border-input);border-block-end-style:solid;border-block-start-style:solid}:host([appearance=transparent][color=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y:0}:host([appearance=transparent][color=neutral].cancel-editing-button) button:hover{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][color=inverse]) button,:host([appearance=transparent][color=inverse]) a,:host([appearance=transparent][color=inverse]) calcite-loader{color:var(--calcite-ui-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.5rem;--calcite-button-padding-y:0.25rem}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]:not([appearance=transparent])) button.content--slotted,:host([scale=m]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.75rem;--calcite-button-padding-y:0.5rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--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,:host([scale=l]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:11px}:host([scale=l][appearance=transparent]) button.content--slotted,:host([scale=l][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:1rem;--calcite-button-padding-y:0.75rem}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=s][appearance=transparent]) button:not(.content--slotted),:host([scale=s][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.25rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=m][appearance=transparent]) button:not(.content--slotted),:host([scale=m][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.5rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:23px;block-size: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),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:2rem;block-size: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),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:43px;block-size: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,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:1rem;margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:2.75rem}";
3868
+ 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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host button,:host a{--calcite-button-content-margin:0.5rem;--calcite-button-padding-x:7px;--calcite-button-padding-y:3px;padding-block:var(--calcite-button-padding-y);padding-inline:var(--calcite-button-padding-x);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:100%;inline-size: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-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-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-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-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{-webkit-text-decoration-line:none;text-decoration-line:none}.content{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;margin-inline:var(--calcite-button-content-margin)}.icon-start-empty .content{-webkit-margin-start:unset;margin-inline-start:unset}.icon-end-empty .content{-webkit-margin-end:unset;margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{-ms-flex-pack:center;justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{-ms-flex-pack:start;justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) 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{-ms-flex-pack:justify;justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:var(--calcite-button-content-margin);margin-inline-start:var(--calcite-button-content-margin)}.icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]){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]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([loading]){pointer-events:none}:host([loading]) button,:host([loading]) a{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@-webkit-keyframes loader-in{0%{inline-size:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{inline-size:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader-in{0%{inline-size:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{inline-size:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes loader-out{0%{inline-size:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{inline-size:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{inline-size:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}.calcite-button--loader{display:-ms-flexbox;display:flex}.calcite-button--loader calcite-loader{margin:0px;-webkit-transition:inline-size 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:inline-size 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:inline-size 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:inline-size 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{-webkit-animation-name:loader-in;animation-name:loader-in;-webkit-animation-duration:310ms;animation-duration:310ms}.calcite-button--loader calcite-loader.loading-out{-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,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{-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{display:none}:host([appearance=solid]) button,:host([appearance=solid]) a{border-width:1px;border-style:solid;border-color:transparent}:host([appearance=solid][color=blue]) button,:host([appearance=solid][color=blue]) a{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{background-color:var(--calcite-ui-brand-hover)}:host([appearance=solid][color=blue]) button:active,:host([appearance=solid][color=blue]) a:active{background-color:var(--calcite-ui-brand-press)}:host([appearance=solid][color=blue]) button calcite-loader,:host([appearance=solid][color=blue]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=solid][color=red]) button,:host([appearance=solid][color=red]) a{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{background-color:var(--calcite-ui-danger-hover)}:host([appearance=solid][color=red]) button:active,:host([appearance=solid][color=red]) a:active{background-color:var(--calcite-ui-danger-press)}:host([appearance=solid][color=red]) button calcite-loader,:host([appearance=solid][color=red]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=solid][color=neutral]) button,:host([appearance=solid][color=neutral]) a{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{background-color:var(--calcite-ui-foreground-2)}:host([appearance=solid][color=neutral]) button:active,:host([appearance=solid][color=neutral]) a:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=solid][color=neutral]) button calcite-loader,:host([appearance=solid][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=solid][color=inverse]) button,:host([appearance=solid][color=inverse]) a{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,:host([appearance=solid][color=inverse]) a:hover,:host([appearance=solid][color=inverse]) a:focus{background-color:var(--calcite-ui-inverse-hover)}:host([appearance=solid][color=inverse]) button:active,:host([appearance=solid][color=inverse]) a:active{background-color:var(--calcite-ui-inverse-press)}:host([appearance=solid][color=inverse]) button calcite-loader,:host([appearance=solid][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=outline]) button,:host([appearance=outline]) a{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{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{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{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{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,:host([appearance=outline][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=outline][color=red]) button,:host([appearance=outline][color=red]) a{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{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{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{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,:host([appearance=outline][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=outline][color=neutral]) button,:host([appearance=outline][color=neutral]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:hover,:host([appearance=outline][color=neutral]) a: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,:host([appearance=outline][color=neutral]) a: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,:host([appearance=outline][color=neutral]) a: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{color:var(--calcite-ui-text-1)}:host([appearance=outline][color=inverse]) button,:host([appearance=outline][color=inverse]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:hover,:host([appearance=outline][color=inverse]) a: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,:host([appearance=outline][color=inverse]) a: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,:host([appearance=outline][color=inverse]) a: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{color:var(--calcite-ui-text-1)}:host([appearance=clear]) button,:host([appearance=clear]) a{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{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{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{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{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,:host([appearance=clear][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=clear][color=red]) button,:host([appearance=clear][color=red]) a{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{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{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{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,:host([appearance=clear][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=clear][color=neutral]) button,:host([appearance=clear][color=neutral]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:hover,:host([appearance=clear][color=neutral]) a: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,:host([appearance=clear][color=neutral]) a: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,:host([appearance=clear][color=neutral]) a: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{color:var(--calcite-ui-text-1)}:host([appearance=clear][color=inverse]) button,:host([appearance=clear][color=inverse]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:hover,:host([appearance=clear][color=inverse]) a: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,:host([appearance=clear][color=inverse]) a: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,:host([appearance=clear][color=inverse]) a: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{color:var(--calcite-ui-text-1)}:host([appearance=outline][split-child=primary]) button,:host([appearance=clear][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline][split-child=secondary]) button,:host([appearance=clear][split-child=secondary]) 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{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-button-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-button-transparent-press)}:host([appearance=transparent][color=blue]) button,:host([appearance=transparent][color=blue]) a{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:hover,:host([appearance=transparent][color=blue]) a:hover{color:var(--calcite-ui-brand-hover)}:host([appearance=transparent][color=blue]) button:focus,:host([appearance=transparent][color=blue]) a:focus{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:active,:host([appearance=transparent][color=blue]) a:active{color:var(--calcite-ui-brand-press)}:host([appearance=transparent][color=blue]) button calcite-loader,:host([appearance=transparent][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=red]) button,:host([appearance=transparent][color=red]) a{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:hover,:host([appearance=transparent][color=red]) a:hover{color:var(--calcite-ui-danger-hover)}:host([appearance=transparent][color=red]) button:focus,:host([appearance=transparent][color=red]) a:focus{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:active,:host([appearance=transparent][color=red]) a:active{color:var(--calcite-ui-danger-press)}:host([appearance=transparent][color=red]) button calcite-loader,:host([appearance=transparent][color=red]) a calcite-loader{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{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-ui-text-3);border-block-start-color:var(--calcite-ui-border-input);border-block-end-color:var(--calcite-ui-border-input);border-block-style:solid}:host([appearance=transparent][color=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y:0}:host([appearance=transparent][color=neutral].cancel-editing-button) button:hover{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][color=inverse]) button,:host([appearance=transparent][color=inverse]) a,:host([appearance=transparent][color=inverse]) calcite-loader{color:var(--calcite-ui-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.5rem;--calcite-button-padding-y:0.25rem}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]:not([appearance=transparent])) button.content--slotted,:host([scale=m]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.75rem;--calcite-button-padding-y:0.5rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--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,:host([scale=l]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:11px}:host([scale=l][appearance=transparent]) button.content--slotted,:host([scale=l][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:1rem;--calcite-button-padding-y:0.75rem}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=s][appearance=transparent]) button:not(.content--slotted),:host([scale=s][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.25rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=m][appearance=transparent]) button:not(.content--slotted),:host([scale=m][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.5rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:23px;block-size: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),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:2rem;block-size: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),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:43px;block-size: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,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:1rem;margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:2.75rem}";
3876
3869
 
3877
3870
  const Button = class extends HTMLElement$1 {
3878
3871
  constructor() {
@@ -9804,11 +9797,7 @@ const Combobox = class extends HTMLElement$1 {
9804
9797
  this.open || this.active ? this.onOpen() : this.onClose();
9805
9798
  }
9806
9799
  };
9807
- /* *
9808
- - `transitionrun` fires when the transition is created at the start of any delay and is not cancellable once started.
9809
- - if there is no transition delay, both `transitionrun` and `transitionstart` are fired at the same time.
9810
- */
9811
- this.transitionRunHandler = (event) => {
9800
+ this.transitionStartHandler = (event) => {
9812
9801
  if (event.propertyName === this.activeTransitionProp) {
9813
9802
  this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
9814
9803
  }
@@ -9868,7 +9857,7 @@ const Combobox = class extends HTMLElement$1 {
9868
9857
  this.setListContainerEl = (el) => {
9869
9858
  this.resizeObserver.observe(el);
9870
9859
  this.listContainerEl = el;
9871
- this.listContainerEl.addEventListener("transitionrun", this.transitionRunHandler);
9860
+ this.listContainerEl.addEventListener("transitionstart", this.transitionStartHandler);
9872
9861
  };
9873
9862
  this.setReferenceEl = (el) => {
9874
9863
  this.referenceEl = el;
@@ -10056,15 +10045,13 @@ const Combobox = class extends HTMLElement$1 {
10056
10045
  updateHostInteraction(this);
10057
10046
  }
10058
10047
  disconnectedCallback() {
10059
- var _a, _b;
10048
+ var _a, _b, _c;
10060
10049
  (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
10061
10050
  (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
10062
10051
  this.destroyPopper();
10063
10052
  disconnectLabel(this);
10064
10053
  disconnectForm(this);
10065
- if (this.listContainerEl) {
10066
- this.listContainerEl.removeEventListener("transitionrun", this.transitionRunHandler);
10067
- }
10054
+ (_c = this.listContainerEl) === null || _c === void 0 ? void 0 : _c.removeEventListener("transitionstart", this.transitionStartHandler);
10068
10055
  }
10069
10056
  selectedItemsHandler() {
10070
10057
  this.internalValueChangeFlag = true;
@@ -12072,10 +12059,10 @@ const Dropdown = class extends HTMLElement$1 {
12072
12059
  this.__registerHost();
12073
12060
  this.__attachShadow();
12074
12061
  this.calciteDropdownSelect = createEvent(this, "calciteDropdownSelect", 7);
12075
- this.calciteDropdownBeforeOpen = createEvent(this, "calciteDropdownBeforeOpen", 7);
12076
- this.calciteDropdownOpen = createEvent(this, "calciteDropdownOpen", 7);
12077
12062
  this.calciteDropdownBeforeClose = createEvent(this, "calciteDropdownBeforeClose", 7);
12078
12063
  this.calciteDropdownClose = createEvent(this, "calciteDropdownClose", 7);
12064
+ this.calciteDropdownBeforeOpen = createEvent(this, "calciteDropdownBeforeOpen", 7);
12065
+ this.calciteDropdownOpen = createEvent(this, "calciteDropdownOpen", 7);
12079
12066
  //--------------------------------------------------------------------------
12080
12067
  //
12081
12068
  // Public Properties
@@ -12188,18 +12175,16 @@ const Dropdown = class extends HTMLElement$1 {
12188
12175
  this.setScrollerEl = (scrollerEl) => {
12189
12176
  this.resizeObserver.observe(scrollerEl);
12190
12177
  this.scrollerEl = scrollerEl;
12191
- this.scrollerEl.addEventListener("transitionrun", this.transitionRunHandler);
12178
+ this.scrollerEl.addEventListener("transitionstart", this.transitionStartHandler);
12192
12179
  };
12193
12180
  this.transitionEnd = (event) => {
12194
12181
  if (event.propertyName === this.activeTransitionProp) {
12195
- this.open || this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
12182
+ this.open || this.active ? this.onOpen() : this.onClose();
12196
12183
  }
12197
12184
  };
12198
- this.transitionRunHandler = (event) => {
12185
+ this.transitionStartHandler = (event) => {
12199
12186
  if (event.propertyName === this.activeTransitionProp) {
12200
- this.active || this.open
12201
- ? this.emitOpenCloseEvent("beforeOpen")
12202
- : this.emitOpenCloseEvent("beforeClose");
12187
+ this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
12203
12188
  }
12204
12189
  };
12205
12190
  this.setReferenceEl = (el) => {
@@ -12285,13 +12270,11 @@ const Dropdown = class extends HTMLElement$1 {
12285
12270
  updateHostInteraction(this);
12286
12271
  }
12287
12272
  disconnectedCallback() {
12288
- var _a, _b;
12273
+ var _a, _b, _c;
12289
12274
  (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
12290
12275
  (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
12291
12276
  this.destroyPopper();
12292
- if (this.scrollerEl) {
12293
- this.scrollerEl.removeEventListener("transitionrun", this.transitionRunHandler);
12294
- }
12277
+ (_c = this.scrollerEl) === null || _c === void 0 ? void 0 : _c.removeEventListener("transitionstart", this.transitionStartHandler);
12295
12278
  }
12296
12279
  render() {
12297
12280
  const { active, open } = this;
@@ -12394,18 +12377,17 @@ const Dropdown = class extends HTMLElement$1 {
12394
12377
  }
12395
12378
  event.stopPropagation();
12396
12379
  }
12397
- emitOpenCloseEvent(componentVisibilityState) {
12398
- const payload = {
12399
- el: this.el
12400
- };
12401
- const emitComponentState = {
12402
- beforeOpen: () => this.calciteDropdownBeforeOpen.emit(payload),
12403
- open: () => this.calciteDropdownOpen.emit(payload),
12404
- beforeClose: () => this.calciteDropdownBeforeClose.emit(payload),
12405
- close: () => this.calciteDropdownClose.emit(payload)
12406
- };
12407
- (emitComponentState[componentVisibilityState] ||
12408
- emitComponentState["The component state is unknown."])();
12380
+ onBeforeOpen() {
12381
+ this.calciteDropdownBeforeOpen.emit();
12382
+ }
12383
+ onOpen() {
12384
+ this.calciteDropdownOpen.emit();
12385
+ }
12386
+ onBeforeClose() {
12387
+ this.calciteDropdownBeforeClose.emit();
12388
+ }
12389
+ onClose() {
12390
+ this.calciteDropdownClose.emit();
12409
12391
  }
12410
12392
  getModifiers() {
12411
12393
  const flipModifier = {
@@ -14409,8 +14391,10 @@ const InputDatePicker = class extends HTMLElement$1 {
14409
14391
  this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
14410
14392
  this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
14411
14393
  this.calciteInputDatePickerChange = createEvent(this, "calciteInputDatePickerChange", 7);
14412
- this.calciteInternalInputDatePickerOpen = createEvent(this, "calciteInternalInputDatePickerOpen", 7);
14413
- this.calciteInternalInputDatePickerClose = createEvent(this, "calciteInternalInputDatePickerClose", 7);
14394
+ this.calciteInputDatePickerBeforeClose = createEvent(this, "calciteInputDatePickerBeforeClose", 7);
14395
+ this.calciteInputDatePickerClose = createEvent(this, "calciteInputDatePickerClose", 7);
14396
+ this.calciteInputDatePickerBeforeOpen = createEvent(this, "calciteInputDatePickerBeforeOpen", 7);
14397
+ this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 7);
14414
14398
  //--------------------------------------------------------------------------
14415
14399
  //
14416
14400
  // Public Properties
@@ -14472,6 +14456,10 @@ const InputDatePicker = class extends HTMLElement$1 {
14472
14456
  this.layout = "horizontal";
14473
14457
  this.focusedInput = "start";
14474
14458
  this.activeTransitionProp = "opacity";
14459
+ this.setContainerEl = (el) => {
14460
+ this.containerEl = el;
14461
+ this.containerEl.addEventListener("transitionstart", this.transitionStartHandler);
14462
+ };
14475
14463
  //--------------------------------------------------------------------------
14476
14464
  //
14477
14465
  // Private Methods
@@ -14483,11 +14471,14 @@ const InputDatePicker = class extends HTMLElement$1 {
14483
14471
  ? filterComputedPlacements(flipPlacements, el)
14484
14472
  : null;
14485
14473
  };
14474
+ this.transitionStartHandler = (event) => {
14475
+ if (event.propertyName === this.activeTransitionProp) {
14476
+ this.active ? this.onBeforeOpen() : this.onBeforeClose();
14477
+ }
14478
+ };
14486
14479
  this.transitionEnd = (event) => {
14487
14480
  if (event.propertyName === this.activeTransitionProp) {
14488
- this.active
14489
- ? this.calciteInternalInputDatePickerOpen.emit()
14490
- : this.calciteInternalInputDatePickerClose.emit();
14481
+ this.active ? this.onOpen() : this.onClose();
14491
14482
  }
14492
14483
  };
14493
14484
  this.setStartInput = (el) => {
@@ -14687,6 +14678,8 @@ const InputDatePicker = class extends HTMLElement$1 {
14687
14678
  this.onMaxChanged(this.max);
14688
14679
  }
14689
14680
  disconnectedCallback() {
14681
+ var _a;
14682
+ (_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionstart", this.transitionStartHandler);
14690
14683
  this.destroyPopper();
14691
14684
  disconnectLabel(this);
14692
14685
  disconnectForm(this);
@@ -14711,7 +14704,7 @@ const InputDatePicker = class extends HTMLElement$1 {
14711
14704
  ["calendar-picker-wrapper--end"]: this.focusedInput === "end",
14712
14705
  [CSS$F.animation]: true,
14713
14706
  [CSS$F.animationActive]: this.active
14714
- }, onTransitionEnd: this.transitionEnd }, h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, locale: this.locale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
14707
+ }, onTransitionEnd: this.transitionEnd, ref: this.setContainerEl }, h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, locale: this.locale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
14715
14708
  input: true,
14716
14709
  "border-top-color-one": this.layout === "vertical" && this.range
14717
14710
  }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))), h(HiddenFormInputSlot, { component: this })));
@@ -14727,6 +14720,18 @@ const InputDatePicker = class extends HTMLElement$1 {
14727
14720
  onLabelClick() {
14728
14721
  this.setFocus();
14729
14722
  }
14723
+ onBeforeOpen() {
14724
+ this.calciteInputDatePickerBeforeOpen.emit();
14725
+ }
14726
+ onOpen() {
14727
+ this.calciteInputDatePickerOpen.emit();
14728
+ }
14729
+ onBeforeClose() {
14730
+ this.calciteInputDatePickerBeforeClose.emit();
14731
+ }
14732
+ onClose() {
14733
+ this.calciteInputDatePickerClose.emit();
14734
+ }
14730
14735
  getModifiers() {
14731
14736
  const flipModifier = {
14732
14737
  name: "flip",
@@ -16477,8 +16482,10 @@ const Modal = class extends HTMLElement$1 {
16477
16482
  super();
16478
16483
  this.__registerHost();
16479
16484
  this.__attachShadow();
16480
- this.calciteModalOpen = createEvent(this, "calciteModalOpen", 7);
16485
+ this.calciteModalBeforeClose = createEvent(this, "calciteModalBeforeClose", 7);
16481
16486
  this.calciteModalClose = createEvent(this, "calciteModalClose", 7);
16487
+ this.calciteModalBeforeOpen = createEvent(this, "calciteModalBeforeOpen", 7);
16488
+ this.calciteModalOpen = createEvent(this, "calciteModalOpen", 7);
16482
16489
  //--------------------------------------------------------------------------
16483
16490
  //
16484
16491
  // Properties
@@ -16518,14 +16525,18 @@ const Modal = class extends HTMLElement$1 {
16518
16525
  this.hasFooter = true;
16519
16526
  this.mutationObserver = createObserver("mutation", () => this.updateFooterVisibility());
16520
16527
  this.activeTransitionProp = "opacity";
16521
- //--------------------------------------------------------------------------
16522
- //
16523
- // Private Methods
16524
- //
16525
- //--------------------------------------------------------------------------
16528
+ this.setContainerEl = (el) => {
16529
+ this.containerEl = el;
16530
+ this.containerEl.addEventListener("transitionstart", this.transitionStartHandler);
16531
+ };
16532
+ this.transitionStartHandler = (event) => {
16533
+ if (event.propertyName === this.activeTransitionProp) {
16534
+ this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
16535
+ }
16536
+ };
16526
16537
  this.transitionEnd = (event) => {
16527
16538
  if (event.propertyName === this.activeTransitionProp) {
16528
- this.open || this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
16539
+ this.open || this.active ? this.onOpen() : this.onClose();
16529
16540
  }
16530
16541
  };
16531
16542
  this.openEnd = () => {
@@ -16581,13 +16592,14 @@ const Modal = class extends HTMLElement$1 {
16581
16592
  connectConditionalSlotComponent(this);
16582
16593
  }
16583
16594
  disconnectedCallback() {
16584
- var _a;
16595
+ var _a, _b;
16596
+ (_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionstart", this.transitionStartHandler);
16585
16597
  this.removeOverflowHiddenClass();
16586
- (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
16598
+ (_b = this.mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
16587
16599
  disconnectConditionalSlotComponent(this);
16588
16600
  }
16589
16601
  render() {
16590
- return (h(Host, { "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("calcite-scrim", { class: CSS$n.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { class: "modal", onTransitionEnd: this.transitionEnd }, h("div", { "data-focus-fence": true, onFocus: this.focusLastElement, tabindex: "0" }), h("div", { class: CSS$n.header }, this.renderCloseButton(), h("header", { class: CSS$n.title }, h("slot", { name: CSS$n.header }))), h("div", { class: {
16602
+ return (h(Host, { "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("calcite-scrim", { class: CSS$n.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { class: "modal", onTransitionEnd: this.transitionEnd, ref: this.setContainerEl }, h("div", { "data-focus-fence": true, onFocus: this.focusLastElement, tabindex: "0" }), h("div", { class: CSS$n.header }, this.renderCloseButton(), h("header", { class: CSS$n.title }, h("slot", { name: CSS$n.header }))), h("div", { class: {
16591
16603
  content: true,
16592
16604
  "content--spaced": !this.noPadding,
16593
16605
  "content--no-footer": !this.hasFooter
@@ -16677,6 +16689,23 @@ const Modal = class extends HTMLElement$1 {
16677
16689
  }
16678
16690
  }
16679
16691
  }
16692
+ //--------------------------------------------------------------------------
16693
+ //
16694
+ // Private Methods
16695
+ //
16696
+ //--------------------------------------------------------------------------
16697
+ onBeforeOpen() {
16698
+ this.calciteModalBeforeOpen.emit();
16699
+ }
16700
+ onOpen() {
16701
+ this.calciteModalOpen.emit();
16702
+ }
16703
+ onBeforeClose() {
16704
+ this.calciteModalBeforeClose.emit();
16705
+ }
16706
+ onClose() {
16707
+ this.calciteModalClose.emit();
16708
+ }
16680
16709
  async toggleModal(value, oldValue) {
16681
16710
  if (value !== oldValue) {
16682
16711
  if (value) {
@@ -16727,7 +16756,7 @@ const CSS$m = {
16727
16756
  icon: "notice-icon"
16728
16757
  };
16729
16758
 
16730
- const noticeCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;-ms-flex-align:center;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-ui-foreground-1);opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;-webkit-border-start:0px solid;border-inline-start:0px solid;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host{display:-ms-flexbox;display:flex}:host([active]) .container{pointer-events:auto;display:-ms-flexbox;display:flex;max-block-size:100%;-ms-flex-align:center;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:var(--calcite-notice-spacing-token-small);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;min-inline-size:0px;-ms-flex-direction:column;flex-direction:column;overflow-wrap:break-word;-ms-flex:1 1 0px;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-notice-spacing-token-large);padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto}.notice-close{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.notice-close:active{background-color:var(--calcite-ui-foreground-3)}.actions-end{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch}:host([color=blue]) .container{border-color:var(--calcite-ui-brand)}:host([color=blue]) .container .notice-icon{color:var(--calcite-ui-brand)}:host([color=red]) .container{border-color:var(--calcite-ui-danger)}:host([color=red]) .container .notice-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .notice-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-color:var(--calcite-ui-success)}:host([color=green]) .container .notice-icon{color:var(--calcite-ui-success)}";
16759
+ const noticeCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;-ms-flex-align:center;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-ui-foreground-1);opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;-webkit-border-start:0px solid;border-inline-start:0px solid;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host{display:-ms-flexbox;display:flex}:host([active]) .container{pointer-events:auto;display:-ms-flexbox;display:flex;max-block-size:100%;-ms-flex-align:center;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:var(--calcite-notice-spacing-token-small);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;min-inline-size:0px;-ms-flex-direction:column;flex-direction:column;overflow-wrap:break-word;-ms-flex:1 1 0px;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-notice-spacing-token-large);padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto}.notice-close{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.notice-close:active{background-color:var(--calcite-ui-foreground-3)}.actions-end{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch}:host([color=blue]) .container{border-color:var(--calcite-ui-brand)}:host([color=blue]) .container .notice-icon{color:var(--calcite-ui-brand)}:host([color=red]) .container{border-color:var(--calcite-ui-danger)}:host([color=red]) .container .notice-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .notice-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-color:var(--calcite-ui-success)}:host([color=green]) .container .notice-icon{color:var(--calcite-ui-success)}";
16731
16760
 
16732
16761
  const Notice = class extends HTMLElement$1 {
16733
16762
  constructor() {
@@ -17014,7 +17043,7 @@ const TEXT$9 = {
17014
17043
  previousLabel: "Previous"
17015
17044
  };
17016
17045
 
17017
- const paginationCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-pagination-spacing:0.25rem 0.5rem}:host([scale=s]) .previous,:host([scale=s]) .next,:host([scale=s]) .page{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .previous,:host([scale=s]) .next{padding-inline:0.25rem}:host([scale=m]){--calcite-pagination-spacing:0.5rem 0.75rem}:host([scale=m]) .previous,:host([scale=m]) .next,:host([scale=m]) .page{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .previous,:host([scale=m]) .next{padding-inline:0.5rem}:host([scale=l]){--calcite-pagination-spacing:0.75rem 1rem}:host([scale=l]) .previous,:host([scale=l]) .next,:host([scale=l]) .page{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .previous,:host([scale=l]) .next{padding-inline:1rem}:host{display:-ms-flexbox;display:flex;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.previous,.next,.page{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;border-style:none;--tw-border-opacity:0;background-color:transparent;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-3);-webkit-border-before:2px solid transparent;border-block-start:2px solid transparent;-webkit-border-after:2px solid transparent;border-block-end:2px solid transparent}.previous:hover,.next:hover,.page:hover{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-ui-border-2)}.page.is-selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);border-block-end-color:var(--calcite-ui-brand)}.previous:hover,.next:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-brand)}.previous:active,.next:active{background-color:var(--calcite-ui-foreground-3)}.previous.is-disabled,.next.is-disabled{pointer-events:none;background-color:transparent}.previous.is-disabled>calcite-icon,.next.is-disabled>calcite-icon{opacity:var(--calcite-ui-opacity-disabled)}.next{-webkit-margin-end:0px;margin-inline-end:0px}.page,.ellipsis{padding:var(--calcite-pagination-spacing)}.ellipsis{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;color:var(--calcite-ui-text-3)}";
17046
+ const paginationCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-pagination-spacing:0.25rem 0.5rem}:host([scale=s]) .previous,:host([scale=s]) .next,:host([scale=s]) .page{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .previous,:host([scale=s]) .next{padding-inline:0.25rem}:host([scale=m]){--calcite-pagination-spacing:0.5rem 0.75rem}:host([scale=m]) .previous,:host([scale=m]) .next,:host([scale=m]) .page{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .previous,:host([scale=m]) .next{padding-inline:0.5rem}:host([scale=l]){--calcite-pagination-spacing:0.75rem 1rem}:host([scale=l]) .previous,:host([scale=l]) .next,:host([scale=l]) .page{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .previous,:host([scale=l]) .next{padding-inline:1rem}:host{display:-ms-flexbox;display:flex;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.previous,.next,.page{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;border-style:none;--tw-border-opacity:0;background-color:transparent;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-3);border-block:2px solid transparent}.previous:hover,.next:hover,.page:hover{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-ui-border-2)}.page.is-selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);border-block-end-color:var(--calcite-ui-brand)}.previous:hover,.next:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-brand)}.previous:active,.next:active{background-color:var(--calcite-ui-foreground-3)}.previous.is-disabled,.next.is-disabled{pointer-events:none;background-color:transparent}.previous.is-disabled>calcite-icon,.next.is-disabled>calcite-icon{opacity:var(--calcite-ui-opacity-disabled)}.next{-webkit-margin-end:0px;margin-inline-end:0px}.page,.ellipsis{padding:var(--calcite-pagination-spacing)}.ellipsis{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;color:var(--calcite-ui-text-3)}";
17018
17047
 
17019
17048
  const maxPagesDisplayed = 5;
17020
17049
  const Pagination = class extends HTMLElement$1 {
@@ -17233,7 +17262,7 @@ const TEXT$8 = {
17233
17262
  };
17234
17263
  const HEADING_LEVEL$4 = 3;
17235
17264
 
17236
- const panelCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}:host([disabled]){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]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{margin:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-block-size:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);-webkit-transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-webkit-border-after:1px solid;border-block-end:1px solid;position:-webkit-sticky;position:sticky;inset-block-start:0px;inline-size:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{-webkit-margin-after:0px;margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-inline-size:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);z-index:1}.footer{-webkit-border-before:1px solid;border-block-start:1px solid;position:-webkit-sticky;position:sticky;inset-block-end:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-block-size:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;inset-block-end:0px;inset-inline:0px;margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inline-size:-moz-fit-content;inline-size:-webkit-fit-content;inline-size:fit-content;z-index:1}";
17265
+ const panelCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}:host([disabled]){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]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{margin:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-block-size:var(--calcite-panel-max-height);inline-size:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);-webkit-transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-webkit-border-after:1px solid;border-block-end:1px solid;position:-webkit-sticky;position:sticky;inset-block-start:0px;inline-size:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{-webkit-margin-after:0px;margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-inline-size:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);z-index:1}.footer{-webkit-border-before:1px solid;border-block-start:1px solid;position:-webkit-sticky;position:sticky;inset-block-end:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-block-size:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;inset-block-end:0px;inset-inline:0px;margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inline-size:-moz-fit-content;inline-size:-webkit-fit-content;inline-size:fit-content;z-index:1}";
17237
17266
 
17238
17267
  const Panel = class extends HTMLElement$1 {
17239
17268
  constructor() {
@@ -18272,7 +18301,9 @@ const Popover = class extends HTMLElement$1 {
18272
18301
  super();
18273
18302
  this.__registerHost();
18274
18303
  this.__attachShadow();
18304
+ this.calcitePopoverBeforeClose = createEvent(this, "calcitePopoverBeforeClose", 7);
18275
18305
  this.calcitePopoverClose = createEvent(this, "calcitePopoverClose", 7);
18306
+ this.calcitePopoverBeforeOpen = createEvent(this, "calcitePopoverBeforeOpen", 7);
18276
18307
  this.calcitePopoverOpen = createEvent(this, "calcitePopoverOpen", 7);
18277
18308
  // --------------------------------------------------------------------------
18278
18309
  //
@@ -18339,6 +18370,10 @@ const Popover = class extends HTMLElement$1 {
18339
18370
  this.intlClose = TEXT$6.close;
18340
18371
  this.guid = `calcite-popover-${guid()}`;
18341
18372
  this.activeTransitionProp = "opacity";
18373
+ this.setContainerEl = (el) => {
18374
+ this.containerEl = el;
18375
+ this.containerEl.addEventListener("transitionstart", this.transitionStartHandler);
18376
+ };
18342
18377
  // --------------------------------------------------------------------------
18343
18378
  //
18344
18379
  // Private Methods
@@ -18400,9 +18435,14 @@ const Popover = class extends HTMLElement$1 {
18400
18435
  this.hide = () => {
18401
18436
  this.open = false;
18402
18437
  };
18438
+ this.transitionStartHandler = (event) => {
18439
+ if (event.propertyName === this.activeTransitionProp) {
18440
+ this.open ? this.onBeforeOpen() : this.onBeforeClose();
18441
+ }
18442
+ };
18403
18443
  this.transitionEnd = (event) => {
18404
18444
  if (event.propertyName === this.activeTransitionProp) {
18405
- this.open ? this.calcitePopoverOpen.emit() : this.calcitePopoverClose.emit();
18445
+ this.open ? this.onOpen() : this.onClose();
18406
18446
  }
18407
18447
  };
18408
18448
  }
@@ -18440,6 +18480,8 @@ const Popover = class extends HTMLElement$1 {
18440
18480
  this.reposition();
18441
18481
  }
18442
18482
  disconnectedCallback() {
18483
+ var _a;
18484
+ (_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionstart", this.transitionStartHandler);
18443
18485
  this.removeReferences();
18444
18486
  this.destroyPopper();
18445
18487
  }
@@ -18542,6 +18584,18 @@ const Popover = class extends HTMLElement$1 {
18542
18584
  }
18543
18585
  this.popper = null;
18544
18586
  }
18587
+ onBeforeOpen() {
18588
+ this.calcitePopoverBeforeOpen.emit();
18589
+ }
18590
+ onOpen() {
18591
+ this.calcitePopoverOpen.emit();
18592
+ }
18593
+ onBeforeClose() {
18594
+ this.calcitePopoverBeforeClose.emit();
18595
+ }
18596
+ onClose() {
18597
+ this.calcitePopoverClose.emit();
18598
+ }
18545
18599
  // --------------------------------------------------------------------------
18546
18600
  //
18547
18601
  // Render Methods
@@ -18564,7 +18618,7 @@ const Popover = class extends HTMLElement$1 {
18564
18618
  return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { class: {
18565
18619
  [CSS$F.animation]: true,
18566
18620
  [CSS$F.animationActive]: displayed
18567
- }, onTransitionEnd: this.transitionEnd }, arrowNode, h("div", { class: {
18621
+ }, onTransitionEnd: this.transitionEnd, ref: this.setContainerEl }, arrowNode, h("div", { class: {
18568
18622
  [CSS$g.hasHeader]: !!heading,
18569
18623
  [CSS$g.container]: true
18570
18624
  } }, this.renderHeader(), h("div", { class: CSS$g.content }, h("slot", null)), !heading ? this.renderCloseButton() : null))));
@@ -24021,7 +24075,7 @@ const CSS$7 = {
24021
24075
  widthFull: "width-full"
24022
24076
  };
24023
24077
 
24024
- const splitButtonCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}:host .split-button__container{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .split-button__container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}:host([appearance=solid]):host([color=blue]){--calcite-split-button-background:var(--calcite-ui-brand);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=solid]):host([color=red]){--calcite-split-button-background:var(--calcite-ui-danger);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=solid]):host([color=neutral]){--calcite-split-button-background:var(--calcite-ui-foreground-3);--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=solid]):host([color=inverse]){--calcite-split-button-background:var(--calcite-ui-inverse);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=transparent]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=transparent]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=transparent]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=transparent]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=clear]),:host([appearance=transparent]){--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:var(--calcite-ui-foreground-1)}:host([appearance=clear]):host([color=blue]),:host([appearance=outline]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=clear]):host([color=red]),:host([appearance=outline]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=clear]):host([color=neutral]),:host([appearance=outline]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-foreground-3)}:host([appearance=clear]):host([color=inverse]),:host([appearance=outline]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-inverse)}.width-auto{inline-size:auto}.width-half{inline-size:50%}.width-full{inline-size:100%}.split-button__divider-container{display:-ms-flexbox;display:flex;inline-size:1px;-ms-flex-align:stretch;align-items:stretch;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-split-button-background)}.split-button__divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline]) .split-button__divider-container,:host([appearance=clear]) .split-button__divider-container{-webkit-border-before:1px solid var(--calcite-split-button-divider);border-block-start:1px solid var(--calcite-split-button-divider);-webkit-border-after:1px solid var(--calcite-split-button-divider);border-block-end:1px solid var(--calcite-split-button-divider)}:host([appearance=outline]):hover .split-button__divider-container,:host([appearance=clear]):hover .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:hover) .split-button__divider-container,:host([appearance=clear]:hover) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:focus-within):host([color=blue]),:host([appearance=clear]:focus-within):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand-press)}:host([appearance=outline]:focus-within):host([color=red]),:host([appearance=clear]:focus-within):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger-press)}:host([appearance=outline]:focus-within) .split-button__divider-container,:host([appearance=clear]:focus-within) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]){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]) .split-button__divider-container{opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
24078
+ const splitButtonCss = "@-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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}:host .split-button__container{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .split-button__container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}:host([appearance=solid]):host([color=blue]){--calcite-split-button-background:var(--calcite-ui-brand);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=solid]):host([color=red]){--calcite-split-button-background:var(--calcite-ui-danger);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=solid]):host([color=neutral]){--calcite-split-button-background:var(--calcite-ui-foreground-3);--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=solid]):host([color=inverse]){--calcite-split-button-background:var(--calcite-ui-inverse);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=transparent]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=transparent]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=transparent]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=transparent]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=clear]),:host([appearance=transparent]){--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:var(--calcite-ui-foreground-1)}:host([appearance=clear]):host([color=blue]),:host([appearance=outline]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=clear]):host([color=red]),:host([appearance=outline]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=clear]):host([color=neutral]),:host([appearance=outline]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-foreground-3)}:host([appearance=clear]):host([color=inverse]),:host([appearance=outline]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-inverse)}.width-auto{inline-size:auto}.width-half{inline-size:50%}.width-full{inline-size:100%}.split-button__divider-container{display:-ms-flexbox;display:flex;inline-size:1px;-ms-flex-align:stretch;align-items:stretch;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-split-button-background)}.split-button__divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline]) .split-button__divider-container,:host([appearance=clear]) .split-button__divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline]):hover .split-button__divider-container,:host([appearance=clear]):hover .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:hover) .split-button__divider-container,:host([appearance=clear]:hover) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:focus-within):host([color=blue]),:host([appearance=clear]:focus-within):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand-press)}:host([appearance=outline]:focus-within):host([color=red]),:host([appearance=clear]:focus-within):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger-press)}:host([appearance=outline]:focus-within) .split-button__divider-container,:host([appearance=clear]:focus-within) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]){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]) .split-button__divider-container{opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
24025
24079
 
24026
24080
  const SplitButton = class extends HTMLElement$1 {
24027
24081
  constructor() {